corrections updated

components/layout/Menu.js

@@ -114,6 +114,8 @@ export default function Menu() {
                     </ul>
                 </li>
 
+                <li><Link href="/blog">Blog</Link></li>
+
                 {/* Contact */}
                 <li><Link href="/contact">Contact</Link></li>
             </ul>

components/layout/MobileMenu.js

@@ -173,6 +173,7 @@ export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar
 
                 {/* Other Links */}
                 <li><Link href="/contact" onClick={handleMobileMenu}>Contact</Link></li>
+                <li><Link href="/blog" onClick={handleMobileMenu}>Blog</Link></li>
                 <li><Link href="/why-rapha-physiotherapy-etobicoke" onClick={handleMobileMenu}>Why Us</Link></li>
                 <li><Link href="/faq-physiotherapy-etobicoke" onClick={handleMobileMenu}>Faq</Link></li>
                 <li><Link href="/what-to-expect" onClick={handleMobileMenu}>What To Expect</Link></li>

components/sections/home2/Banner.js

@@ -152,8 +152,10 @@ export default function Banner() {
                                     transition={transition}
                                 >
                                     <div
-                                        className="bg-layer"
+                                        className={`bg-layer ${slide.id === 0 ? "bg-slide-0" : ""}`}
-                                        style={{ backgroundImage: `url(${slide.bgImage})` }}
+                                        style={{
+                                            backgroundImage: `url(${slide.bgImage})`,
+                                        }}
                                     ></div>
                                     <div className="auto-container">
                                         <div

public/assets/css/module-css/banner.css

@@ -723,6 +723,13 @@
 
 }
 
+@media (max-width: 768px) and (min-width: 500px) {
+  .bg-layer.bg-slide-0 {
+    background-position: left -790px center !important;
+  }
+}
+
+
 
 
 

public/assets/css/style.css

@@ -814,6 +814,18 @@
    margin-bottom: 15px;
  }
 
+ 
+ .sec-title-2 .sub-title-1 {
+   position: relative;
+   display: inline-block;
+   font-size: 24px;
+   line-height: 34px;
+   font-family: var(--soleil);
+   color: #fff !important;
+   letter-spacing: 0.8px;
+   margin-bottom: 15px;
+ }
+
  .sec-title .sub-title {
    position: relative;
    display: inline-block;
@@ -871,9 +883,7 @@
  }
 
  .h3-white {
-
    color: #fff !important;
-
  }
 
  @media only screen and (max-width: 1024px) {
@@ -911,7 +921,18 @@
    }
 
  }
+ @media only screen and (max-width: 1024px) {
 
+   .sec-title-2 h2 {
+     position: relative;
+     display: block;
+     font-size: 38px !important;
+     font-weight: 700;
+     margin: 0px;
+     text-transform: capitalize;
+   }
+
+ }
 
 
 
@@ -1411,6 +1432,12 @@
    transition: all 500ms ease;
  }
 
+ @media (max-width: 1200px) {
+  .main-menu .navigation>li>a {
+    font-size: 17px;
+  }
+}
+
  .main-menu .navigation>li:last-child>a {
    margin-right: 25px;
  }
@@ -1775,7 +1802,7 @@
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
-   background-color: #102548;
+   background-color: #bc0000;
    padding: 0px 0px;
    z-index: 5;
    opacity: 0;
@@ -2693,6 +2720,13 @@
    background: #fff;
  }
 
+ @media (max-width: 1440px) {
+  .header-style-two .header-lower .outer-container {
+    padding-left: 25px;
+    padding-right: 25px;
+  }
+}
+
  @media only screen and (max-width: 500px) {
    .header-style-two .header-lower .outer-container {
      padding-left: 20px;
@@ -2958,7 +2992,7 @@
 
 @media (max-width: 1024px) {
   .main-menu .navigation > li > a {
-    font-size: 16px !important;
+    font-size: 14px !important;
   }
 }
 
@@ -3330,6 +3364,12 @@
    transition-delay: 0.15s;
  }
 
+ .sec-title-2 h2 {
+    font-size: 50px;  
+    color: #fff;  
+    font-weight: 700;     
+  }
+
  @media (max-width: 425px) {
   .sec-title-2 {
     display: flex;
@@ -3339,7 +3379,7 @@
   .sec-title-2 h2 {
     order: -1; 
     font-weight: normal; 
-    font-size: 18px;     
+    font-size: 18px !important;     
     color: inherit;     
   }
 

utils/Services.utils.js

@@ -2969,7 +2969,7 @@ export const servicesList = [
         image: "/assets/images/services/shockwave/left.webp",
         sidebarImg: "/assets/images/services/shockwave/left.webp",
         bigImg: "/assets/images/services/shockwave/big-img.webp",
-        icon: "/assets/images/services/icons/acupuncture.webp",
+        icon: "/assets/images/services/icons/shockwave.webp",
         shortDescription: "Etobicoke Shockwave Therapy provides advanced treatment using acoustic waves to accelerate healing, relieve pain, and restore mobility.",
         description: `<div>
         <div class="text-box ">