home page section updated

app/index-4/page.js

@@ -0,0 +1,39 @@
+import Layout from "@/components/layout/Layout"
+import About from "@/components/sections/home1/About"
+import Banner from "@/components/sections/home1/Banner"
+import Services from "@/components/sections/home1/Services"
+import Features from "@/components/sections/home1/Features"
+import Funfacts from "@/components/sections/home1/Funfacts"
+import News from "@/components/sections/home1/News"
+import Testimonial from "@/components/sections/home1/Testimonial"
+import WhyChooseUs from "@/components/sections/home1/WhyChooseUs"
+import Subscribe from "@/components/sections/home1/Subscribe"
+import Team from "@/components/sections/home1/Team"
+import Video from "@/components/sections/home1/Video"
+import Process from "@/components/sections/home1/Process"
+import Pricing from "@/components/sections/home1/Pricing"
+import CounterSection from "@/components/sections/home/CounterSection"
+
+export default function Home() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={1}>
+                <Banner />
+                <Features />
+                <About />
+                <Services />
+                <WhyChooseUs />
+                <CounterSection />
+                <Funfacts />
+                <Team />
+                <Video />
+                <Process />
+                <Testimonial />
+                <Pricing />
+                <News />
+                <Subscribe />
+            </Layout>
+        </>
+    )
+}

app/page.js

@@ -1,37 +1,45 @@
 import Layout from "@/components/layout/Layout"
-import About from "@/components/sections/home1/About"
+import Banner from "@/components/sections/home2/Banner"
-import Banner from "@/components/sections/home1/Banner"
+import Features from "@/components/sections/home2/Features"
-import Services from "@/components/sections/home1/Services"
-import Features from "@/components/sections/home1/Features"
-import Funfacts from "@/components/sections/home1/Funfacts"
-import News from "@/components/sections/home1/News"
 import Testimonial from "@/components/sections/home1/Testimonial"
-import WhyChooseUs from "@/components/sections/home1/WhyChooseUs"
-import Subscribe from "@/components/sections/home1/Subscribe"
-import Team from "@/components/sections/home1/Team"
 import Video from "@/components/sections/home1/Video"
-import Process from "@/components/sections/home1/Process"
+import Subscribe from "@/components/sections/home2/Subscribe"
-import Pricing from "@/components/sections/home1/Pricing"
+import Solution from "@/components/sections/home2/Solution"
+import AboutSection from "@/components/sections/home/AboutSection"
+import ServicesSection from "@/components/sections/home/ServicesSection"
+import WhyChooseUsSection from "@/components/sections/home/WhyChooseusSection"
+import CounterSection from "@/components/sections/home/CounterSection"
+import ProcessSection from "@/components/sections/home/ProcessSection"
+import FaqSection from "@/components/sections/home/FaqSection"
+import TeamTwo from "@/components/sections/home1/Team"
+import AreaOfInjury from "@/components/sections/home/AreaOfInjury"
+import News from "@/components/sections/home1/News"
+import Funfacts from "@/components/sections/home1/Funfacts"
 
 export default function Home() {
 
     return (
         <>
-            <Layout headerStyle={1} footerStyle={1}>
+            <Layout headerStyle={2} footerStyle={2}>
                 <Banner />
                 <Features />
-                <About />
+                <AboutSection />
-                <Services />
+                <ProcessSection />
-                <WhyChooseUs />
+                <ServicesSection />
-                <Funfacts />
+                <FaqSection />
-                <Team />
+                <AreaOfInjury />
-                <Video />
+                <WhyChooseUsSection />
-                <Process />
+                <CounterSection />
+                {/* <Funfacts /> */}
+
+                <Solution />
                 <Testimonial />
-                <Pricing />
+                <Video />
+                {/* <Testimonial /> */}
                 <News />
-                <Subscribe />
+                {/* <Subscribe /> */}
+
             </Layout>
         </>
     )
-}
+} 

components/sections/home/AboutSection.js

@@ -0,0 +1,65 @@
+import Link from 'next/link';
+import React from 'react';
+
+export default function AboutSection() {
+    return (
+        <section className="about-style-two pt_120 pb_120">
+            <div className="pattern-layer">
+                <div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
+                <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.png)' }}></div>
+                <div className="pattern-3" style={{ backgroundImage: 'url(assets/images/shape/shape-11.png)' }}></div>
+            </div>
+            <div className="auto-container">
+                <div className="row clearfix">
+                    <div className="col-lg-6 col-md-12 col-sm-12 image-column">
+                        <div className="image_block_one">
+                            <div className="image-box">
+                                <div className="shape float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-7.png)' }}></div>
+                                <div className="image-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-26.png)' }}></div>
+                                <figure className="image-2"><img src="assets/images/resource/about-1.png" alt="" /></figure>
+                                <div className="icon-one"><i className="icon-13"></i></div>
+                                <div className="icon-two"><i className="icon-14"></i></div>
+                                {/* <div className="text-box">
+                                    <h3>Wade Warren</h3>
+                                    <span>Medical Assistant</span>
+                                </div> */}
+                            </div>
+                        </div>
+                    </div>
+                    <div className="col-lg-6 col-md-12 col-sm-12 content-column">
+                        <div className="content_block_one">
+                            <div className="content-box ml_30">
+                                <div className="sec-title mb_15">
+                                    <span className="sub-title">Welcome to Rapha Rehab</span>
+                                    <h2>Your Trusted Etobicoke Physiotherapy Clinic!</h2>
+                                </div>
+                                <div className="text-box mb_40">
+                                    <p>At Rapha Rehab, we specialize in evidence-based physiotherapy tailored to your needs. Our expert care helps you recover, relieve pain, and regain strength for a better quality of life.</p>
+                                    <ul className="list-style-one clearfix">
+                                        <li>Chronic pain (back, neck, joints).</li>
+                                        <li>Sports injuries (sprains, strains, post-surgery rehab).</li>
+                                        <li>Work-related injuries (WCB claims supported).</li>
+                                        <li>Movement disorders (stroke rehab, mobility issues).</li>
+                                    </ul>
+                                </div>
+                                <div className="btn-box">
+                                    <Link href="index-2" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
+                                </div>
+                                {/* <div className="lower-box">
+                                    <div className="experience-box">
+                                        <div className="icon-box"><i className="icon-29"></i></div>
+                                        <h3>32 Years</h3>
+                                        <span className="designation">Of Medical Experience</span>
+                                    </div>
+                                    <figure className="author-thumb"><img src="assets/images/resource/author-1.jpg" alt="" /></figure>
+                                    <div className="signature"><img src="assets/images/icons/signature-1.png" alt="" /></div>
+                                </div> */}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    );
+};
+

components/sections/home/AreaOfInjury.js

@@ -0,0 +1,65 @@
+import React from 'react';
+import Link from "next/link"
+export default function AreaOfInjury() {
+    const teamMembers = [
+        { name: 'Black Marvin', role: 'Medical Assistant', image: 'assets/images/team/team-1.jpg' },
+        { name: 'Eleanor Pena', role: 'Doctor', image: 'assets/images/team/team-2.jpg' },
+        { name: 'Arlene Maccy', role: 'Nursing Assistant', image: 'assets/images/team/team-3.jpg' },
+        { name: 'Jenny Wilson', role: 'Senior Doctor', image: 'assets/images/team/team-4.jpg' },
+        { name: 'Black Marvin', role: 'Medical Assistant', image: 'assets/images/team/team-1.jpg' },
+        { name: 'Eleanor Pena', role: 'Doctor', image: 'assets/images/team/team-2.jpg' },
+        { name: 'Arlene Maccy', role: 'Nursing Assistant', image: 'assets/images/team/team-3.jpg' },
+        { name: 'Jenny Wilson', role: 'Senior Doctor', image: 'assets/images/team/team-4.jpg' },
+    ];
+
+    return (
+        <section className="team-section sec-pad centred">
+            <div className="pattern-layer">
+                <div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-13.png)' }}></div>
+                <div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.png)' }}></div>
+            </div>
+            <div className="shape">
+                <div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
+                <div className="shape-2"></div>
+                <div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-16.png)' }}></div>
+            </div>
+            <div className="auto-container">
+                <div className="sec-title mb_50">
+                    <span className="sub-title">Area Of Injury</span>
+                    <h3 style={{ fontWeight: "bold" }}>
+                        Start Your Treatment Today! Visit our healthcare team in Etobicoke.
+                    </h3>
+                </div>
+                <div className="row clearfix">
+                    {teamMembers.map((member, index) => (
+                        <div key={index} className="col-lg-3 col-md-6 col-sm-12 team-block">
+                            <div className="team-block-one wow fadeInUp animated" data-wow-delay={`${index * 200}ms`} data-wow-duration="1500ms">
+                                <div className="inner-box">
+                                    <div className="image-box">
+                                        <figure className="image"><img src={member.image} alt={`${member.name}'s photo`} /></figure>
+                                        <ul className="social-links clearfix">
+                                            <li><Link href="/#"><i className="icon-4"></i></Link></li>
+                                            <li><Link href="/#"><i className="icon-5"></i></Link></li>
+                                            <li><Link href="/#"><i className="icon-6"></i></Link></li>
+                                            <li><Link href="/#"><i className="icon-7"></i></Link></li>
+                                        </ul>
+                                    </div>
+                                    <div className="lower-content">
+                                        <h3><Link href="team-details">{member.name}</Link></h3>
+                                        <span className="designation">{member.role}</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    ))}
+                    <div className='col-12 text-center'>
+                        <div className="btn-box">
+                            <Link href="index-2" className="theme-btn btn-one"><span>View All</span></Link>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    );
+};
+

components/sections/home/CounterSection.js

@@ -0,0 +1,61 @@
+import CounterUp from "@/components/elements/CounterUp"
+
+
+export default function CounterSection() {
+    return (
+        <>        
+            <section className="funfact-section centred">
+            <div className="auto-container">
+                <div className="inner-container">
+                    <div className="row clearfix">
+                        <div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
+                            <div className="funfact-block-one">
+                                <div className="inner-box">
+                           
+                                <div className="count-outer count-box">
+                                    <CounterUp end={10} /><span>+</span>
+                                </div>
+                                <span className="text">professionals</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
+                            <div className="funfact-block-one">
+                                <div className="inner-box">
+                               
+                                <div className="count-outer count-box">
+                                    <CounterUp end={20} /><span>+</span>
+                                </div>
+                                <span className="text">Years Experience</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
+                            <div className="funfact-block-one">
+                                <div className="inner-box">
+                                
+                                <div className="count-outer count-box">
+                                    <CounterUp end={1000} /><span>+</span>
+                                </div>
+                                <span className="text">happy customers</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
+                            <div className="funfact-block-one">
+                                <div className="inner-box">
+                               
+                                <div className="count-outer count-box">
+                                    <CounterUp end={97} /><span>%</span>
+                                </div>
+                                <span className="text">Client Satisfaction</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    </div>
+                </div>
+            </section>
+        </>
+    )
+}

components/sections/home/FaqSection.js

@@ -0,0 +1,106 @@
+'use client'
+import Layout from "@/components/layout/Layout"
+import Link from "next/link"
+import { useState } from 'react'
+export default function FaqSection() {
+    const [isActive, setIsActive] = useState({
+        status: false,
+        key: 1,
+    })
+
+    const handleToggle = (key) => {
+        if (isActive.key === key) {
+            setIsActive({
+                status: false,
+            })
+        } else {
+            setIsActive({
+                status: true,
+                key,
+            })
+        }
+    }
+    return (
+        <section className="faq-section sec-pad bg-color-1">
+            <figure className="image-layer"><img src="assets/images/resource/faq-1.png" alt="" /></figure>
+            <div className="auto-container">
+                <div className="sec-title centred mb_50">
+                    <span className="sub-title">Discover Who We Are</span>
+                    <h2>Why Patients Trust Us</h2>
+                </div>
+                <div className="row clearfix">
+                    <div className="col-xl-7 col-lg-12 col-md-12 offset-xl-5 content-column">
+                        <div className="content-box">
+
+                            <ul className="accordion-box">
+                                <li className="accordion block active-block">
+                                    <div className={isActive.key == 1 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(1)}>
+                                        <div className="icon-box"><i className="icon-34"></i></div>
+                                        <h5>About Us</h5>
+                                    </div>
+                                    <div className={isActive.key == 1 ? "acc-content current" : "acc-content"}>
+                                        <div className="content">
+                                            <div className="text"><p>Welcome to Rapha Rehab Physiotherapy & Massage Therapy Clinic in Etobicoke. Our registered physiotherapists provide trusted care including physiotherapy, sports injury rehab, pelvic floor therapy, chiropractic care, massage, and acupuncture. We also offer osteopathy, custom braces, orthotics, pain management, workplace injury rehab, naturopathy, and home care services.</p>
+                                            </div>
+                                        </div>
+                                        <div className="btn-box mt-3">
+                                            <Link href="/contact" className="theme-btn btn-one"><span>Book Appointment</span></Link>
+                                        </div>
+                                    </div>
+                                </li>
+                                <li className="accordion block active-block">
+                                    <div className={isActive.key == 2 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(2)}>
+                                        <div className="icon-box"><i className="icon-34"></i></div>
+                                        <h5>Vision</h5>
+                                    </div>
+                                    <div className={isActive.key == 2 ? "acc-content current" : "acc-content"}>
+                                        <div className="content">
+                                            <div className="text"><p>To be regarded as the most reliable and effective health care therapy practice backed by the team of innovative healthcare professionals driven by passion.</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                                <li className="accordion block active-block">
+                                    <div className={isActive.key == 3 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(3)}>
+                                        <div className="icon-box"><i className="icon-34"></i></div>
+                                        <h5>Mission</h5>
+                                    </div>
+                                    <div className={isActive.key == 3 ? "acc-content current" : "acc-content"}>
+                                        <div className="content">
+                                            <div className="text"><p>Physiotherapy etobicoke is committed to providing quality and innovative health care in a comfortable and professional environment. Our interdisciplinary team will work collaboratively to offer a comprehensive and patient centered approach to ensure the highest level of client experience through our evidence-based clinical practice.</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                                <li className="accordion block active-block">
+                                    <div className={isActive.key == 4 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(4)}>
+                                        <div className="icon-box"><i className="icon-34"></i></div>
+                                        <h5>Why Choose Us</h5>
+                                    </div>
+                                    <div className={isActive.key == 4 ? "acc-content current" : "acc-content"}>
+                                        <div className="content">
+                                            <div className="text"><p>Physiotherapy etobicoke is a team of health care professionals working together to help get you better, faster. This helps us in rendering our best possible services to our clients.</p>
+                                            </div>
+                                        </div>
+                                          <div className="btn-box mt-3">
+                                            <Link href="/contact" className="theme-btn btn-one"><span>Book Appointment</span></Link>
+                                        </div>
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div className="col-lg-6 col-md-12 col-sm-12 image-column">
+                        <div className="image_block_four">
+                            <div className="image-box ml_30">
+                                <div className="image-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-22.png)' }}></div>
+
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    );
+};
+

components/sections/home/ProcessSection.js

@@ -0,0 +1,59 @@
+import React from 'react';
+
+export default function ProcessSection() {
+    return (
+        <section className="process-section sec-pad bg-color-1">
+            <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div>
+            <div className="shape">
+                <div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-20.png)' }}></div>
+                <div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
+                <div className="shape-3"></div>
+            </div>
+            <div className="auto-container">
+                <div className="sec-title mb_50 centred">
+                    <span className="sub-title">Our Process</span>
+                    <h2>How Physiotherapy Helps You Heal <br />and Stay Strong</h2>
+                </div>
+                <div className="inner-container">
+                    <div className="arrow-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-18.png)' }}></div>
+                    {/* Step 01 */}
+                    <div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
+                        <div className="inner-box">
+                            <span className="count-text">01</span>
+                            <figure className="image-box"><img src="assets/images/resource/process-1.jpg" alt="" /></figure>
+                            <div className="lower-content">
+                                <h3>Area of Injury</h3>
+                                <p>We carefully assess the affected area to identify the root cause of your pain or discomfort.</p>
+                            </div>
+                        </div>
+                    </div>
+
+                    {/* Step 02 */}
+                    <div className="processing-block-one wow fadeInLeft animated" data-wow-delay="300ms" data-wow-duration="1500ms">
+                        <div className="inner-box">
+                            <span className="count-text">02</span>
+                            <figure className="image-box"><img src="assets/images/resource/process-2.jpg" alt="" /></figure>
+                            <div className="lower-content">
+                                <h3>Rehabilitation</h3>
+                                <p>Through guided exercises and therapy, we help restore movement, strength, and flexibility.</p>
+                            </div>
+                        </div>
+                    </div>
+
+                    {/* Step 03 */}
+                    <div className="processing-block-one wow fadeInLeft animated" data-wow-delay="600ms" data-wow-duration="1500ms">
+                        <div className="inner-box">
+                            <span className="count-text">03</span>
+                            <figure className="image-box"><img src="assets/images/resource/process-3.jpg" alt="" /></figure>
+                            <div className="lower-content">
+                                <h3>Accident</h3>
+                                <p>We provide personalized care plans to speed up recovery and help you return to normal life after accidents.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    );
+};
+

components/sections/home/ServicesSection.js

@@ -0,0 +1,106 @@
+import Link from 'next/link';
+import React from 'react';
+
+export default function ServicesSection() {
+    return (
+        <section className="service-section sec-pad">
+            <div className="auto-container">
+                <div className="sec-title mb_50 centred">
+                    <span className="sub-title">Our Services</span>
+                    <h2>We Offer For You Medical & <br />Saving Lives</h2>
+                </div>
+                <div className="row clearfix">
+                    <div className="col-lg-4 col-md-6 col-sm-12 service-block">
+                        <div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
+                            <div className="inner-box">
+                                <div className="image-box">
+                                    <figure className="image"><Link href="service-details-3"><img src="assets/images/service/service-1.jpg" alt="" /></Link></figure>
+                                    <div className="icon-box"><i className="icon-15"></i></div>
+                                </div>
+                                <div className="lower-content">
+                                    <h3><Link href="service-details-3">Neurosurgery</Link></h3>
+                                    <p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="col-lg-4 col-md-6 col-sm-12 service-block">
+                        <div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
+                            <div className="inner-box">
+                                <div className="image-box">
+                                    <figure className="image"><Link href="service-details-6"><img src="assets/images/service/service-2.jpg" alt="" /></Link></figure>
+                                    <div className="icon-box"><i className="icon-16"></i></div>
+                                </div>
+                                <div className="lower-content">
+                                    <h3><Link href="service-details-6">Modern Laboratory</Link></h3>
+                                    <p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="col-lg-4 col-md-6 col-sm-12 service-block">
+                        <div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
+                            <div className="inner-box">
+                                <div className="image-box">
+                                    <figure className="image"><Link href="service-details"><img src="assets/images/service/service-3.jpg" alt="" /></Link></figure>
+                                    <div className="icon-box"><i className="icon-17"></i></div>
+                                </div>
+                                <div className="lower-content">
+                                    <h3><Link href="service-details">Experienced Doctors</Link></h3>
+                                    <p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                     <div className="col-lg-4 col-md-6 col-sm-12 service-block">
+                        <div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
+                            <div className="inner-box">
+                                <div className="image-box">
+                                    <figure className="image"><Link href="service-details-3"><img src="assets/images/service/service-1.jpg" alt="" /></Link></figure>
+                                    <div className="icon-box"><i className="icon-15"></i></div>
+                                </div>
+                                <div className="lower-content">
+                                    <h3><Link href="service-details-3">Neurosurgery</Link></h3>
+                                    <p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="col-lg-4 col-md-6 col-sm-12 service-block">
+                        <div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
+                            <div className="inner-box">
+                                <div className="image-box">
+                                    <figure className="image"><Link href="service-details-6"><img src="assets/images/service/service-2.jpg" alt="" /></Link></figure>
+                                    <div className="icon-box"><i className="icon-16"></i></div>
+                                </div>
+                                <div className="lower-content">
+                                    <h3><Link href="service-details-6">Modern Laboratory</Link></h3>
+                                    <p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="col-lg-4 col-md-6 col-sm-12 service-block">
+                        <div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
+                            <div className="inner-box">
+                                <div className="image-box">
+                                    <figure className="image"><Link href="service-details"><img src="assets/images/service/service-3.jpg" alt="" /></Link></figure>
+                                    <div className="icon-box"><i className="icon-17"></i></div>
+                                </div>
+                                <div className="lower-content">
+                                    <h3><Link href="service-details">Experienced Doctors</Link></h3>
+                                    <p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div className='col-12 text-center'>
+                        <div className="btn-box">
+                            <Link href="index-2" className="theme-btn btn-one"><span>View All Services</span></Link>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    );
+};

components/sections/home/WhyChooseusSection.js

@@ -0,0 +1,62 @@
+import Link from 'next/link';
+import React from 'react';
+
+export default function WhyChooseUsSection() {
+  return (
+    <section className="chooseus-section">
+      <div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/chooseus-bg.jpg)' }}></div>
+      <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-12.png)' }}></div>
+      <div className="auto-container">
+        <div className="row clearfix">
+          <div className="col-lg-8 col-md-12 col-sm-12 content-column">
+            <div className="content-box">
+              <div className="sec-title light mb_50">
+                {/* <span className="sub-title">Why Choose Us</span> */}
+                <h2>WHY CHOOSE ETOBICOKE PHYSIOTHERAPY</h2>
+                <p className='sub-title-2'>Physiotherapy Etobicoke – We are a team of health care professionals provide physiotherapy, massage therapy services in etobicoke assist you in improving your health.</p>
+              </div>
+              <div className="row clearfix">
+                <div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
+                  <div className="chooseus-block-one">
+                    <div className="inner-box">
+                      <div className="icon-box"><i className="icon-18"></i></div>
+                      <h3>Expert Team</h3>
+                      <p>At Etobicoke Physiotherapy, we have expert team of professionals</p>
+                    </div>
+                  </div>
+                </div>
+                <div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
+                  <div className="chooseus-block-one">
+                    <div className="inner-box">
+                      <div className="icon-box"><i className="icon-21"></i></div>
+                      <h3>Understand your Pain</h3>
+                      <p>Etobicoke physiotherapy offer Treatment for faster recovery</p>
+                    </div>
+                  </div>
+                </div>
+                <div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
+                  <div className="chooseus-block-one">
+                    <div className="inner-box">
+                      <div className="icon-box"><i className="icon-19"></i></div>
+                      <h3>Ready To Go</h3>
+                      <p>Flexible opening hours conveniently located in etobicoke</p>
+                    </div>
+                  </div>
+                </div>
+                {/* <div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
+                  <div className="chooseus-block-one">
+                    <div className="inner-box">
+                      <div className="icon-box"><i className="icon-20"></i></div>
+                      <h3>24/7 Services</h3>
+                      <p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
+                    </div>
+                  </div>
+                </div> */}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+};

components/sections/home2/Solution.js

@@ -11,38 +11,45 @@ const ProgressBar = ({ label, percent }) => (
 );
 export default function Solution() {
   return (
-  <section className="solutions-section bg-color-1 p_relative">
+    <section className="solutions-section p_relative">
-    <div className="auto-container">
+      <div className="auto-container">
-      <div className="row clearfix">
+        <div className="row clearfix">
-        <div className="col-lg-6 col-md-12 col-sm-12 content-column">
+          <div className="col-lg-6 col-md-12 col-sm-12 content-column">
-          <div className="content-box">
+            <div className="content-box">
-            <div className="sec-title mb_50">
+              <div className="sec-title mb_50">
-              <span className="sub-title">Better Solutions</span>
+                <span className="sub-title">Association With</span>
-              <h2>Quality Medical Service with Experts</h2>
+                <h2>Trusted Physiotherapy Care in Etobicoke</h2>
-            </div>
+              </div>
-            <div className="progress-inner mb_50">
+              <p className='pr_50'>
+                Our highly skilled physiotherapy team in Etobicoke is dedicated to helping you
+                restore mobility, relieve pain, and achieve your long-term health goals.
+                With a personalized treatment approach and patient-focused care, we are here
+                to support your journey toward better health and well-being.
+              </p>
+              {/* <div className="progress-inner mb_50">
               
               <ProgressBar label="Skilled Doctor" percent={85} />
               <ProgressBar label="Modernized Equipment" percent={90} />
               <ProgressBar label="Dedicated Team" percent={80} />
-            </div>
+            </div> */}
-            <div className="btn-box">
+
-              <Link href="index-2" className="theme-btn btn-one"><span>Discover More</span></Link>
+              <div className="btn-box mt_50">
+                <Link href="index-2" className="theme-btn btn-one"><span>Contact Us</span></Link>
+              </div>
             </div>
           </div>
-        </div>
+          <div className="col-lg-6 col-md-12 col-sm-12 image-column">
-        <div className="col-lg-6 col-md-12 col-sm-12 image-column">
+            <div className="image_block_two">
-          <div className="image_block_two">
+              <div className="image-box">
-            <div className="image-box">
+                <figure className="image image-1"><img src="assets/images/resource/skills-1.jpg" alt="" /></figure>
-              <figure className="image image-1"><img src="assets/images/resource/skills-1.jpg" alt="" /></figure>
+                <figure className="image image-2"><img src="assets/images/resource/skills-2.jpg" alt="" /></figure>
-              <figure className="image image-2"><img src="assets/images/resource/skills-2.jpg" alt="" /></figure>
+                <div className="icon-box"><i className="icon-33"></i></div>
-              <div className="icon-box"><i className="icon-33"></i></div>
+              </div>
             </div>
           </div>
         </div>
       </div>
-    </div>
+    </section>
-  </section>
   )
 };
 

components/sections/home2/Team.js

@@ -21,7 +21,7 @@ const TeamMember = ({ name, designation, imageSrc, socialLinks }) => (
   </div>
 );
 
-export default function Team() {
+export default function TeamTwo() {
   <section className="team-section sec-pad centred">
     <div className="shape">
         <div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>

public/assets/css/style.css

@@ -2624,7 +2624,10 @@ button.ltr {
 }
 
 
-
+.sub-title-2{
+  font-size: 16px;
+  color: #fff;
+}