diff --git a/app/why-rapha-physiotherapy-etobicoke/page.js b/app/why-rapha-physiotherapy-etobicoke/page.js
index 77711e7..ed4d037 100644
--- a/app/why-rapha-physiotherapy-etobicoke/page.js
+++ b/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>
-                <figure className="image-layer"><img src="/assets/images/resource/video-1.png" alt="" /></figure>
+                <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/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>
diff --git a/components/layout/Menu.js b/components/layout/Menu.js
index 53a1e43..72f7189 100644
--- a/components/layout/Menu.js
+++ b/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>
-                            <ul>
-                                <li><Link href="/team">Our Team</Link></li>
-                                <li><Link href="/team-details">Team Details</Link></li>
-                            </ul>
-                        </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> */}
                 {/* 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>
diff --git a/components/layout/header/Header2.js b/components/layout/header/Header2.js
index c22e763..46dea79 100644
--- a/components/layout/header/Header2.js
+++ b/components/layout/header/Header2.js
@@ -52,9 +52,9 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
                         {/* Menu Right Content */}
                         <ul className="menu-right-content">
                            
-                            <li className="search-box-outer search-toggler" onClick={handlePopup}>
+                            {/* <li className="search-box-outer search-toggler" onClick={handlePopup}>
                             <i className="icon-27"></i>
-                            </li>
+                            </li> */}
                             <li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
                             <i className="icon-28"></i>
                             </li>
@@ -78,9 +78,9 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
                             </nav>
                             <ul className="menu-right-content">
                            
-                            <li className="search-box-outer search-toggler" onClick={handlePopup}>
+                            {/* <li className="search-box-outer search-toggler" onClick={handlePopup}>
                             <i className="icon-27"></i>
-                            </li>
+                            </li> */}
                             <li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
                             <i className="icon-28"></i>
                             </li>
diff --git a/public/assets/images/why-us/bg.webp b/public/assets/images/why-us/bg.webp
new file mode 100644
index 0000000..963c246
Binary files /dev/null and b/public/assets/images/why-us/bg.webp differ
diff --git a/public/assets/images/why-us/img.webp b/public/assets/images/why-us/img.webp
new file mode 100644
index 0000000..eb9e26b
Binary files /dev/null and b/public/assets/images/why-us/img.webp differ