List's 2 row updated

This commit is contained in:
akash 2025-09-01 12:06:54 +05:30
parent 5040b07520
commit b35b2dc16d
6 changed files with 111 additions and 155 deletions

View File

@ -75,38 +75,6 @@ export default function ServiceDetailClient({ slug, service, servicesList }) {
</div>
</div>
</section>
{/* service-section end */}
{/* subscibe */}
<section className="subscribe-section">
<div className="auto-container">
<div className="inner-container">
<div className="row align-items-center">
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
<div className="text-box">
<h2><span>Subscribe</span> for the exclusive updates!</h2>
</div>
</div>
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
<div className="form-inner">
<form method="post" action="contact">
<div className="form-group">
<input type="email" name="email" placeholder="Enter Your Email Address" required />
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
</div>
<div className="form-group">
<div className="check-box">
<input className="check" type="checkbox" id="checkbox1" />
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
{/* subscibe end */}
</div>
);
}

View File

@ -91,38 +91,6 @@ export default function service() {
</div>
</div>
</section>
{/* service-section end */}
{/* subscibe */}
<section className="subscribe-section">
<div className="auto-container">
<div className="inner-container">
<div className="row align-items-center">
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
<div className="text-box">
<h2><span>Subscribe</span> for the exclusive updates!</h2>
</div>
</div>
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
<div className="form-inner">
<form method="post" action="contact">
<div className="form-group">
<input type="email" name="email" placeholder="Enter Your Email Address" required />
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
</div>
<div className="form-group">
<div className="check-box">
<input className="check" type="checkbox" id="checkbox1" />
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
{/* subscibe end */}
</div>
</Layout>

View File

@ -4,13 +4,12 @@ import Rehabilitation from "@/utils/Rehabilitation.utils"
import Accident from "@/utils/Accident.utils"
import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils"
import { servicesList } from "@/utils/Services.utils"
export default function Menu() {
// const router = useRouter()
return (
<>
{/* <ul className="sub-menu">
<Link className={router.pathname == "/" ? "active" : ""}>Home Default</Link>
<Link className={router.pathname == "/index-2" ? "active" : ""}>Home Interior</Link>
@ -25,7 +24,8 @@ export default function Menu() {
<li><Link href="/onepage">OnePage Home</Link></li>
</ul> */}
</li>
<li className="dropdown"><Link href="/about-us">About Us</Link>
<li className="dropdown menu-item-has-children"><Link href="/about-us">About Us</Link>
<ul>
<li><Link href="/our-team-physiotherapy-etobicoke">Our Team</Link></li>
<li><Link href="/ourapproach-physiotherapy-etobicoke">Our Approach</Link></li>
@ -33,21 +33,16 @@ export default function Menu() {
<li><Link href="/covid-19-updates">Covid-19-Updates</Link></li>
</ul>
</li>
<li className="dropdown relative group" >
<Link href="/etobicoke-treatment-service" >
Services
</Link>
<li className="dropdown menu-item-has-children relative group">
<Link href="/etobicoke-treatment-service">Services</Link>
{/* Dropdown */}
<ul className="absolute left-0 hidden group-hover:grid p-4
grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4"
style={{ columnCount: 4, width: "100%", left: "0px" }}>
{servicesList.map((item) => (
<li key={item.id} className="break-inside-avoid">
<Link
href={`/etobicoke-treatment-service/${item.slug}`}
>
<Link href={`/etobicoke-treatment-service/${item.slug}`}>
{item.shortTitle}
</Link>
</li>
@ -61,6 +56,7 @@ export default function Menu() {
<li><Link href="/team-details">Team Details</Link></li>
</ul>
</li> */}
{/* Pages */}
{/* <li className="dropdown"><Link href="/">Pages</Link>
<ul>
@ -79,11 +75,10 @@ export default function Menu() {
<li><Link href="/gallery">Gallery</Link></li>
<li><Link href="/appointment">Make Appointment</Link></li>
<li><Link href="/error-page">Page Not Found</Link></li>
</ul>
</li> */}
<li className="dropdown"><Link href="/area-of-injury">Area of Injury</Link>
<li className="dropdown menu-item-has-children"><Link href="/area-of-injury">Area of Injury</Link>
<ul>
{areaOfInjuryData.map(item => (
<li key={item.id}>
@ -95,7 +90,7 @@ export default function Menu() {
</ul>
</li>
<li className="dropdown"><Link href="/rehabilitation">Rehabilitation</Link>
<li className="dropdown menu-item-has-children"><Link href="/rehabilitation">Rehabilitation</Link>
<ul>
{Rehabilitation.map(item => (
<li key={item.id}>
@ -107,7 +102,7 @@ export default function Menu() {
</ul>
</li>
<li className="dropdown"><Link href="/accident">Accident</Link>
<li className="dropdown menu-item-has-children"><Link href="/accident">Accident</Link>
<ul>
{Accident.map(item => (
<li key={item.id}>
@ -122,7 +117,6 @@ export default function Menu() {
{/* Contact */}
<li><Link href="/contact">Contact</Link></li>
</ul>
</>
)
}

View File

@ -2505,6 +2505,20 @@
}
.main-menu ul li.menu-item-has-children > a::after {
content: "";
display: inline-block;
margin-left: 6px;
width: 6px;
height: 6px;
border-left: 2px solid #000;
border-bottom: 2px solid #000;
transform: rotate(-45deg);
vertical-align: middle;
}
.main-header .menu-right-content {
position: relative;
display: flex;

View File

@ -243,7 +243,7 @@ const Accident = [
<div class="text-box">
<p class="mt-3 mb-2">Physical symptoms of a concussion can include:</p>
<div class="content-one mb_30">
<ul class='list-style-one mt-3' style="padding-left: 30px; list-style-type: disc; margin: 0; display: block;">
<ul class='list-style-one mt-3' style="padding-left: 30px; list-style-type: disc; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;">
<li style="list-style-type: disc;">Headache</li>
<li style="list-style-type: disc;">Dizziness</li>
<li style="list-style-type: disc;">Difficulty with balance and coordination</li>
@ -259,6 +259,7 @@ const Accident = [
</div>
</div>
<div class="text-box">
<p class="mt-3 mb-2">Cognitive symptoms can include:</p>
<div class="content-one mb_30">
@ -273,36 +274,38 @@ const Accident = [
<div class="text-box">
<p class="mt-3 mb-2">Emotional symptoms can include:</p>
<div class="content-one mb_30">
<ul class='list-style-one mt-3' style="padding-left: 30px; list-style-type: disc; margin: 0; display: block;">
<li style="list-style-type: disc;">Anxiety</li>
<li style="list-style-type: disc;">Depression</li>
<li style="list-style-type: disc;">Aggression</li>
<li style="list-style-type: disc;">Irritability</li>
<li style="list-style-type: disc;">Decreased tolerance of stress</li>
<li style="list-style-type: disc;">Restlessness</li>
<li style="list-style-type: disc;">Mood swings</li>
<ul class="list-style-one mt-3" style="padding-left: 30px; list-style-type: disc; margin: 0; display: flex; flex-wrap: wrap;">
<li style="list-style-type: disc; flex: 0 0 50%;">Anxiety</li>
<li style="list-style-type: disc; flex: 0 0 50%;">Depression</li>
<li style="list-style-type: disc; flex: 0 0 50%;">Aggression</li>
<li style="list-style-type: disc; flex: 0 0 50%;">Irritability</li>
<li style="list-style-type: disc; flex: 0 0 50%;">Decreased tolerance of stress</li>
<li style="list-style-type: disc; flex: 0 0 50%;">Restlessness</li>
<li style="list-style-type: disc; flex: 0 0 50%;">Mood swings</li>
</ul>
</div>
</div>
<div class="text-box">
<p class="mt-3 mb-2">Longer-term symptoms of concussion</p>
<div class="content-one mb_30">
<ul class='list-style-one mt-3' style="padding-left: 30px; list-style-type: disc; margin: 0; display: block;">
<li style="list-style-type: disc;">Fatigue</li>
<li style="list-style-type: disc;">Muscle weakness</li>
<li style="list-style-type: disc;">Low blood pressure</li>
<li style="list-style-type: disc;">Loss of libido</li>
<li style="list-style-type: disc;">Loss of menstruation</li>
<li style="list-style-type: disc;">Growth problems (children)</li>
<li style="list-style-type: disc;">Weight gain</li>
<li style="list-style-type: disc;">Chronic headaches or dizziness</li>
<li style="list-style-type: disc;">Muscle spasticity</li>
<li style="list-style-type: disc;">Early dementia/chronic traumatic encephalopathy (brain disorder)</li>
<ul class="list-style-one mt-3" style="padding-left: 30px; list-style-type: disc; margin: 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px;">
<li>Fatigue</li>
<li>Muscle weakness</li>
<li>Low blood pressure</li>
<li>Loss of libido</li>
<li>Loss of menstruation</li>
<li>Growth problems (children)</li>
<li>Weight gain</li>
<li>Chronic headaches or dizziness</li>
<li>Muscle spasticity</li>
<li>Early dementia/chronic traumatic encephalopathy (brain disorder)</li>
</ul>
</div>
</div>
<div class="content-two">
<div class="image-inner">
<div class="row clearfix">

View File

@ -334,16 +334,22 @@ physiotherapy and rehabilitation to treat neurological conditions such as:</p>
<div class="text-box">
<p class="mb-2">Neurological Physiotherapy treatment will help:</p>
<div class="content-one mb_30">
<ul class='list-style-one mt-3' style="padding-left: 30px; list-style-type: disc; margin: 0; display: block;">
<div style="display: flex; gap: 40px;">
<!-- First Column -->
<ul class="list-style-one mt-3" style="padding-left: 30px; list-style-type: disc; margin: 0;">
<li style="list-style-type: disc;">Relieve pain</li>
<li style="list-style-type: disc;">Improve ability with everyday activities</li>
<li style="list-style-type: disc;">Retrain normal patterns of movement</li>
<li style="list-style-type: disc;">Increase muscle strength</li>
<li style="list-style-type: disc;">Improve posture</li>
<li style="list-style-type: disc;">Increase balance</li>
</ul>
<!-- Second Column -->
<ul class="list-style-one mt-3" style="padding-left: 30px; list-style-type: disc; margin: 0;">
<li style="list-style-type: disc;">Increase range of movement</li>
<li style="list-style-type: disc;">Improve gross or fine motor skills</li>
<li style="list-style-type: disc;">Increase fitness levels and endurance</li>
@ -351,8 +357,11 @@ physiotherapy and rehabilitation to treat neurological conditions such as:</p>
<li style="list-style-type: disc;">Reduce risk of falling</li>
<li style="list-style-type: disc;">Increase independence</li>
</ul>
</div>
</div>
</div>
</div>
`
},