diff --git a/components/sections/home/AreaOfInjury.js b/components/sections/home/AreaOfInjury.js
index 4c1c7b3..c2e39f5 100644
--- a/components/sections/home/AreaOfInjury.js
+++ b/components/sections/home/AreaOfInjury.js
@@ -35,7 +35,9 @@ export default function AreaOfInjury() {
                 <div className="row clearfix">
                     {areaOfInjuryData.slice(0, 8).map((area, index) => (
                         <div key={index} className="col-lg-3 col-md-6 col-6 team-block d-flex">
-                            <div className="team-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay={`${index * 200}ms`} data-wow-duration="1500ms">
+                            <div className="team-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" 
+                            // data-wow-delay={`${index * 50}ms`} data-wow-duration="500ms"
+                            >
                                 <div className="inner-box d-flex flex-column flex-grow-1">
                                     <div className="image-box">
                                         <figure className="image">
diff --git a/components/sections/home2/Banner.js b/components/sections/home2/Banner.js
index de621fe..ea51eaa 100644
--- a/components/sections/home2/Banner.js
+++ b/components/sections/home2/Banner.js
@@ -49,48 +49,48 @@ const variants = {
     },
     rightToLeft: {
         initial: { x: '100vw', opacity: 0 },
-    animate: {
-      x: 0,
-      opacity: 1,
-      transition: {
-        duration: 0.8,      // adjust speed
-        ease: "easeInOut"   // try "easeOut", "easeIn", or custom [0.4, 0, 0.2, 1]
-      }
-    },
-    exit: {
-      x: "-100vw",
-      opacity: 0,
-      transition: {
-        duration: 0.6,
-        ease: "easeInOut"
-      }
-    }
+        animate: {
+            x: 0,
+            opacity: 1,
+            transition: {
+                duration: 0.8,      // adjust speed
+                ease: "easeInOut"   // try "easeOut", "easeIn", or custom [0.4, 0, 0.2, 1]
+            }
+        },
+        exit: {
+            x: "-100vw",
+            opacity: 0,
+            transition: {
+                duration: 0.6,
+                ease: "easeInOut"
+            }
+        }
     },
 };
 const revealVariants = {
-  hidden: {
-    scaleX: 0,
-    opacity: 0,
-    originX: 0, // same as transform-origin: 0% 50%
-  },
-  visible: {
-    scaleX: 1,
-    opacity: 1,
-    originX: 0,
-    transition: {
-      duration: 0.8,
-      ease: "easeInOut"
+    hidden: {
+        scaleX: 0,
+        opacity: 0,
+        originX: 0, // same as transform-origin: 0% 50%
+    },
+    visible: {
+        scaleX: 1,
+        opacity: 1,
+        originX: 0,
+        transition: {
+            duration: 0.6,
+            ease: "easeInOut"
+        }
+    },
+    exit: {
+        scaleX: 0,
+        opacity: 0,
+        originX: 0,
+        transition: {
+            duration: 0.6,
+            ease: "easeInOut"
+        }
     }
-  },
-  exit: {
-    scaleX: 0,
-    opacity: 0,
-    originX: 0,
-    transition: {
-      duration: 0.6,
-      ease: "easeInOut"
-    }
-  }
 };
 
 const transition = {
@@ -111,125 +111,126 @@ export default function Banner() {
 
     return (
         <section className="banner-style-two p_relative">
-          <Swiper {...swiperOptions}
-    className="banner-carousel owl-theme owl-carousel owl-nav-none owl-dots-none"
-    onSwiper={(swiper) => setActiveIndex(swiper.realIndex || 0)}
-    onSlideChange={handleSlideChange}
->
+            <Swiper {...swiperOptions}
+                className="banner-carousel owl-theme owl-carousel owl-nav-none owl-dots-none"
+                onSwiper={(swiper) => setActiveIndex(swiper.realIndex || 0)}
+                onSlideChange={handleSlideChange}
+            >
 
-    <SwiperSlide>
-        <AnimatePresence mode="wait">
-            {activeIndex === 0 && (
-                <motion.div key="slide-3"
-                    className="slide-item banner-slide"
-                    variants={revealVariants}
-                    initial="initial" animate="animate" exit="exit" transition={transition}>
-                    <div className="bg-layer"
-                        style={{ backgroundImage: 'url(/assets/images/banner/desktopBanner/banner-4.png)' }}>
-                    </div>
-                    <div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end",justifyContent: "start", textAlign: "start"  }}>
-                        <div className="content-box custom-content-box">
-                            <span className="upper-text mb-2">Begin your</span>
-                            <h2 style={{ color: "#bc0000" }}>Recovery</h2>
-                            <p className='text-white'>• Rehab • Strength Training • Personalized Care </p>
-                            <div className="btn-box mt-3">
-                                <Link href="/contact" className="theme-btn btn-one">
-                                    <span>Vist Our Location</span>
-                                </Link>
-                            </div>
-                        </div>
-                    </div>
-                </motion.div>
-            )}
-        </AnimatePresence>
-    </SwiperSlide>
+                <SwiperSlide>
+                    <AnimatePresence mode="wait">
+                        {activeIndex === 0 && (
+                            <motion.div key="slide-3"
+                                className="slide-item banner-slide"
+                                variants={revealVariants}
+                                initial="initial" animate="animate" exit="exit" transition={transition}>
+                                <div className="bg-layer"
+                                    style={{ backgroundImage: 'url(/assets/images/banner/desktopBanner/banner-4.png)' }}>
+                                </div>
+                                <div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end", justifyContent: "start", textAlign: "start" }}>
+                                    <div className="content-box custom-content-box">
+                                        <span className="upper-text mb-2">Begin your</span>
+                                        <h2 style={{ color: "#bc0000" }}>Recovery</h2>
+                                        <p className='text-white'>• Rehab • Strength Training • Personalized Care </p>
+                                        <div className="btn-box mt-3">
+                                            <Link href="/contact" className="theme-btn btn-one">
+                                                <span>Vist Our Location</span>
+                                            </Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </motion.div>
+                        )}
+                    </AnimatePresence>
+                </SwiperSlide>
 
-    <SwiperSlide>
-        <AnimatePresence mode="wait">
-            {activeIndex === 1 && (
-                <motion.div key="slide-0"
-                    className="slide-item banner-slide"
-                    //variants={variants.rightToLeft}
-                    variants={revealVariants}
-                    initial="initial" animate="animate" exit="exit" transition={transition}>
-                    <div className="bg-layer bg-slide-0"
-                        style={{ backgroundImage: 'url(/assets/images/banner/desktopBanner/banner-1.png)' }}>
-                    </div>
-                    <div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end", justifyContent: "end", textAlign: "center" }}>
-                        <div className="content-box custom-content-box">
-                            <span className="upper-text mb-2 ">Build Your Strength & </span>
-                            <h2 style={{ color: "#bc0000" }}>Endurance</h2>
-                            <p className=' text-white'>• Physiotherapy • Sports Therapy • Injury Prevention</p>
-                            <div className="btn-box mt-3">
-                                <Link href="tel:+647-722-3434" className="theme-btn btn-one">
-                                    <span>Book Your Appointment</span>
-                                </Link>
-                            </div>
-                        </div>
-                    </div>
-                </motion.div>
-            )}
-        </AnimatePresence>
-    </SwiperSlide>
+                <SwiperSlide>
+                    <AnimatePresence mode="wait">
+                        {activeIndex === 1 && (
+                            <motion.div key="slide-0"
+                                className="slide-item banner-slide"
+                                //variants={variants.rightToLeft}
+                                variants={revealVariants}
+                                initial="initial" animate="animate" exit="exit" transition={transition}>
+                                <div className="bg-layer bg-slide-0"
+                                    style={{ backgroundImage: 'url(/assets/images/banner/desktopBanner/banner-1.png)' }}>
+                                </div>
+                                <div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end", justifyContent: "end", textAlign: "center" }}>
+                                    <div className="content-box custom-content-box">
+                                        <span className="upper-text mb-2 ">Build Your Strength & </span>
+                                        <h2 style={{ color: "#bc0000" }}>Endurance</h2>
+                                        <p className=' text-white'>• Physiotherapy • Sports Therapy • Injury Prevention</p>
+                                        <div className="btn-box mt-3">
+                                            <Link href="tel:+647-722-3434" className="theme-btn btn-one">
+                                                <span>Book Your Appointment</span>
+                                            </Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </motion.div>
+                        )}
+                    </AnimatePresence>
+                </SwiperSlide>
 
-    {/* ✅ existing 3rd slide remains as 3rd */}
-    <SwiperSlide>
-        <AnimatePresence mode="wait">
-            {activeIndex === 2 && (
-                <motion.div key="slide-2"
-                    className="slide-item banner-slide"
-                    //variants={variants.rightToLeft}
-                    variants={revealVariants}
-                    initial="initial" animate="animate" exit="exit" transition={transition}>
-                    <div className="bg-layer"
-                        style={{ backgroundImage: 'url(/assets/images/banner/desktopBanner/banner-3.webp)' }}>
-                    </div>
-                    <div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end", justifyContent: "start", textAlign: "start" }}>
-                        <div className="content-box custom-content-box">
-                            <span className="upper-text mb-2">Regain Your Strength</span>
-                            <h2 style={{ color: "#bc0000" }}> Heal </h2>
-                            <p className=' text-white'>• Pain Relief  • mobility • Wellness </p>
-                            <div className="btn-box mt-3">
-                                <Link href="/etobicoke-treatment-service" className="theme-btn btn-one">
-                                    <span>Explore Our Service</span>
-                                </Link>
-                            </div>
-                        </div>
-                    </div>
-                </motion.div>
-            )}
-        </AnimatePresence>
-    </SwiperSlide>
+                {/* ✅ existing 3rd slide remains as 3rd */}
+                <SwiperSlide>
+                    <AnimatePresence mode="wait">
+                        {activeIndex === 2 && (
+                            <motion.div key="slide-2"
+                                className="slide-item banner-slide"
+                                //variants={variants.rightToLeft}
+                                variants={revealVariants}
+                                initial="initial" animate="animate" exit="exit" transition={transition}>
+                                <div className="bg-layer"
+                                    style={{ backgroundImage: 'url(/assets/images/banner/desktopBanner/banner-3.webp)' }}>
+                                </div>
+                                <div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end", justifyContent: "start", textAlign: "start" }}>
+                                    <div className="content-box custom-content-box">
+                                        <span className="upper-text mb-2">Regain Your Strength</span>
+                                        <h2 style={{ color: "#bc0000" }}> Heal </h2>
+                                        <p className=' text-white'>• Pain Relief  • mobility • Wellness </p>
+                                        <div className="btn-box mt-3">
+                                            <Link href="/contact" className="theme-btn btn-one">
+                                                <span>Schedule a Massage</span>
+                                            </Link>
 
-    <SwiperSlide>
-        <AnimatePresence mode="wait">
-            {activeIndex === 3 && (
-                <motion.div key="slide-1"
-                    className="slide-item banner-slide"
-                    //variants={variants.rightToLeft}
-                    variants={revealVariants}
-                    initial="initial" animate="animate" exit="exit" transition={transition}>
-                    <div className="bg-layer"
-                        style={{ backgroundImage: 'url(/assets/images/banner/desktopBanner/banner-2.png)' }}>
-                    </div>
-                    <div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end", justifyContent: "center", textAlign: "center" }}>
-                        <div className="content-box custom-content-box">
-                            <span className="upper-text mb-3">Build your Core </span>
-                            <h2 style={{ color: "#bc0000" }}>Performance</h2>
-                            <p className=' text-white'>• Pain Relief • Active Care • Long-Term Result</p>
-                            <div className="btn-box mt-3">
-                                <Link href="/contact" className="theme-btn btn-one">
-                                    <span>Schedule a Massage</span>
-                                </Link>
-                            </div>
-                        </div>
-                    </div>
-                </motion.div>
-            )}
-        </AnimatePresence>
-    </SwiperSlide>
+                                        </div>
+                                    </div>
+                                </div>
+                            </motion.div>
+                        )}
+                    </AnimatePresence>
+                </SwiperSlide>
 
-</Swiper>
+                <SwiperSlide>
+                    <AnimatePresence mode="wait">
+                        {activeIndex === 3 && (
+                            <motion.div key="slide-1"
+                                className="slide-item banner-slide"
+                                //variants={variants.rightToLeft}
+                                variants={revealVariants}
+                                initial="initial" animate="animate" exit="exit" transition={transition}>
+                                <div className="bg-layer"
+                                    style={{ backgroundImage: 'url(/assets/images/banner/desktopBanner/banner-2.png)' }}>
+                                </div>
+                                <div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end", justifyContent: "center", textAlign: "center" }}>
+                                    <div className="content-box custom-content-box">
+                                        <span className="upper-text mb-3">Build your Core </span>
+                                        <h2 style={{ color: "#bc0000" }}>Performance</h2>
+                                        <p className=' text-white'>• Pain Relief • Active Care • Long-Term Result</p>
+                                        <div className="btn-box mt-3">
+                                            <Link href="/etobicoke-treatment-service" className="theme-btn btn-one">
+                                                <span>Explore Our Service</span>
+                                            </Link>
+                                        </div>
+                                    </div>
+                                </div>
+                            </motion.div>
+                        )}
+                    </AnimatePresence>
+                </SwiperSlide>
+
+            </Swiper>
 
         </section>
     );