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>
</div> </div>
</section> </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> </div>
); );
} }

View File

@ -91,38 +91,6 @@ export default function service() {
</div> </div>
</div> </div>
</section> </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> </div>
</Layout> </Layout>

View File

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

View File

@ -240,24 +240,25 @@ const Accident = [
</div> </div>
</div> </div>
<div class="text-box"> <div class="text-box">
<p class="mt-3 mb-2">Physical symptoms of a concussion can include:</p> <p class="mt-3 mb-2">Physical symptoms of a concussion can include:</p>
<div class="content-one mb_30"> <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;">Headache</li>
<li style="list-style-type: disc;">Dizziness</li> <li style="list-style-type: disc;">Dizziness</li>
<li style="list-style-type: disc;">Difficulty with balance and coordination</li> <li style="list-style-type: disc;">Difficulty with balance and coordination</li>
<li style="list-style-type: disc;">Double or blurred vision</li> <li style="list-style-type: disc;">Double or blurred vision</li>
<li style="list-style-type: disc;">Seizures</li> <li style="list-style-type: disc;">Seizures</li>
<li style="list-style-type: disc;">Fatigue</li> <li style="list-style-type: disc;">Fatigue</li>
<li style="list-style-type: disc;">Nausea/vomiting</li> <li style="list-style-type: disc;">Nausea/vomiting</li>
<li style="list-style-type: disc;">Difficulty sleeping</li> <li style="list-style-type: disc;">Difficulty sleeping</li>
<li style="list-style-type: disc;">Increased sleepiness</li> <li style="list-style-type: disc;">Increased sleepiness</li>
<li style="list-style-type: disc;">Sensitivity to light and sound</li> <li style="list-style-type: disc;">Sensitivity to light and sound</li>
<li style="list-style-type: disc;">Slurred speech</li> <li style="list-style-type: disc;">Slurred speech</li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="text-box"> <div class="text-box">
<p class="mt-3 mb-2">Cognitive symptoms can include:</p> <p class="mt-3 mb-2">Cognitive symptoms can include:</p>
@ -270,38 +271,40 @@ const Accident = [
</div> </div>
</div> </div>
<div class="text-box"> <div class="text-box">
<p class="mt-3 mb-2">Emotional symptoms can include:</p> <p class="mt-3 mb-2">Emotional symptoms can include:</p>
<div class="content-one mb_30"> <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: flex; flex-wrap: wrap;">
<li style="list-style-type: disc;">Anxiety</li> <li style="list-style-type: disc; flex: 0 0 50%;">Anxiety</li>
<li style="list-style-type: disc;">Depression</li> <li style="list-style-type: disc; flex: 0 0 50%;">Depression</li>
<li style="list-style-type: disc;">Aggression</li> <li style="list-style-type: disc; flex: 0 0 50%;">Aggression</li>
<li style="list-style-type: disc;">Irritability</li> <li style="list-style-type: disc; flex: 0 0 50%;">Irritability</li>
<li style="list-style-type: disc;">Decreased tolerance of stress</li> <li style="list-style-type: disc; flex: 0 0 50%;">Decreased tolerance of stress</li>
<li style="list-style-type: disc;">Restlessness</li> <li style="list-style-type: disc; flex: 0 0 50%;">Restlessness</li>
<li style="list-style-type: disc;">Mood swings</li> <li style="list-style-type: disc; flex: 0 0 50%;">Mood swings</li>
</ul> </ul>
</div> </div>
</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: 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="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>
</div>
</div>
<div class="content-two"> <div class="content-two">
<div class="image-inner"> <div class="image-inner">

View File

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