From b35b2dc16d777844662d52fd57e2728f04b2214a Mon Sep 17 00:00:00 2001
From: akash <akash@metatroncube.com>
Date: Mon, 1 Sep 2025 12:06:54 +0530
Subject: [PATCH] List's 2 row updated

---
 .../[slug]/ServiceDetailClient.js             |  32 ------
 app/service-details/page.js                   |  32 ------
 components/layout/Menu.js                     |  38 +++----
 public/assets/css/style.css                   |  14 +++
 utils/Accident.utils.js                       | 101 +++++++++---------
 utils/Rehabilitation.utils.js                 |  49 +++++----
 6 files changed, 111 insertions(+), 155 deletions(-)

diff --git a/app/etobicoke-treatment-service/[slug]/ServiceDetailClient.js b/app/etobicoke-treatment-service/[slug]/ServiceDetailClient.js
index 0664d0c..e4f8d75 100644
--- a/app/etobicoke-treatment-service/[slug]/ServiceDetailClient.js
+++ b/app/etobicoke-treatment-service/[slug]/ServiceDetailClient.js
@@ -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>
   );
 }
diff --git a/app/service-details/page.js b/app/service-details/page.js
index 55b72bc..c9c0400 100644
--- a/app/service-details/page.js
+++ b/app/service-details/page.js
@@ -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>
diff --git a/components/layout/Menu.js b/components/layout/Menu.js
index 6f0d7d4..cae39eb 100644
--- a/components/layout/Menu.js
+++ b/components/layout/Menu.js
@@ -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" }}>
+                        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>
@@ -56,11 +51,12 @@ export default function Menu() {
                 </li>
 
                 {/* <li className="dropdown"><Link href="/">Team</Link>
-                                <ul>
-                                    <li><Link href="/team">Our Team</Link></li>
-                                    <li><Link href="/team-details">Team Details</Link></li>
-                                </ul>
-                            </li> */}
+                    <ul>
+                        <li><Link href="/team">Our Team</Link></li>
+                        <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>
-
         </>
     )
 }
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 6a410c2..7e85e2c 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -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;
diff --git a/utils/Accident.utils.js b/utils/Accident.utils.js
index e67a119..b173eb6 100644
--- a/utils/Accident.utils.js
+++ b/utils/Accident.utils.js
@@ -240,24 +240,25 @@ const Accident = [
         </div>
       </div>
 
-            <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;">
-          <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>
-          <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;">Fatigue</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;">Increased sleepiness</li>  
-          <li style="list-style-type: disc;">Sensitivity to light and sound</li>  
-          <li style="list-style-type: disc;">Slurred speech</li>  
-          </ul>
-          </div>
-      </div>
+<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: 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>
+      <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;">Fatigue</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;">Increased sleepiness</li>  
+      <li style="list-style-type: disc;">Sensitivity to light and sound</li>  
+      <li style="list-style-type: disc;">Slurred speech</li>  
+    </ul>
+  </div>
+</div>
+
 
             <div class="text-box">
       <p class="mt-3 mb-2">Cognitive symptoms can include:</p>
@@ -270,38 +271,40 @@ const Accident = [
           </div>
       </div>
 
-                  <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>
-          </div>
-      </div>
+<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: 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: 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="image-inner">
diff --git a/utils/Rehabilitation.utils.js b/utils/Rehabilitation.utils.js
index 0666af9..e9f1a9c 100644
--- a/utils/Rehabilitation.utils.js
+++ b/utils/Rehabilitation.utils.js
@@ -333,26 +333,35 @@ physiotherapy and rehabilitation to treat neurological conditions such as:</p>
       </div>
 
 
-      <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;">
-          <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>
-          <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>
-          <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 class="text-box">
+  <p class="mb-2">Neurological Physiotherapy treatment will help:</p>
+  <div class="content-one mb_30">
+    <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>
+        <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>
     `
   },