Header links Updated

app/why-rapha-physiotherapy-etobicoke/page.js

@@ -136,8 +136,8 @@ export default function Team() {
             </section>
 
             <section className="video-section p_relative">
-                <div className="bg-layer parallax-bg" data-parallax='{"y": 100}' style={{ backgroundImage: 'url(/assets/images/background/video-bg.jpg)' }}></div>
+                <div className="bg-layer parallax-bg" data-parallax='{"y": 100}' style={{ backgroundImage: 'url(/assets/images/why-us/bg.webp)' }}></div>
-                <figure className="image-layer"><img src="/assets/images/resource/video-1.png" alt="" /></figure>
+                <figure className="image-layer"><img src="/assets/images/why-us/img.webp" alt="" /></figure>
                 <div className="auto-container">
                     <div className="inner-box">
                         <div className="shape new-arrow" style={{ backgroundImage: 'url(/assets/images/shape/shape-17.png)' }}></div>

components/layout/Menu.js

@@ -1,6 +1,8 @@
 import Link from "next/link"
 // import { useRouter } from "next/router"
-
+import Rehabilitation from "@/utils/Rehabilitation.utils"
+import Accident from "@/utils/Accident.utils"
+import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils"
 export default function Menu() {
     // const router = useRouter()
 
@@ -34,14 +36,14 @@ export default function Menu() {
                         {/* ... (similarly for other service items) */}
                     </ul>
                 </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 */}
-                <li className="dropdown"><Link href="/">Pages</Link>
+                {/* <li className="dropdown"><Link href="/">Pages</Link>
                     <ul>
                         <li className="dropdown"><Link href="/">Blog</Link>
                             <ul>
@@ -58,11 +60,46 @@ 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> */}
 
-                        {/* ... (similarly for other page items) */}
+                <li className="dropdown"><Link href="/area-of-injury">Area of Injury</Link>
+                    <ul>
+                        {areaOfInjuryData.map(item => (
+                            <li key={item.id}>
+                                <Link href={`/area-of-injury/${item.slug}`}>
+                                    {item.title}
+                                </Link>
+                            </li>
+                        ))}
                     </ul>
                 </li>
+
+                <li className="dropdown"><Link href="/rehabilitation">Rehabilitation</Link>
+                    <ul>
+                        {Rehabilitation.map(item => (
+                            <li key={item.id}>
+                                <Link href={`/rehabilitation/${item.slug}`}>
+                                    {item.title}
+                                </Link>
+                            </li>
+                        ))}
+                    </ul>
+                </li>
+
+                <li className="dropdown"><Link href="/accident">Accident</Link>
+                    <ul>
+                        {Accident.map(item => (
+                            <li key={item.id}>
+                                <Link href={`/accident/${item.slug}`}>
+                                    {item.title}
+                                </Link>
+                            </li>
+                        ))}
+                    </ul>
+                </li>
+
                 {/* Contact */}
                 <li><Link href="/contact">Contact</Link></li>
             </ul>