From 4487ba9e35cb27a5e34b6c351ee2b7bb473073f3 Mon Sep 17 00:00:00 2001 From: Alaguraj0361 Date: Thu, 28 Aug 2025 17:19:21 +0530 Subject: [PATCH] home page section updated --- app/index-4/page.js | 39 +++++++ app/page.js | 52 +++++---- components/sections/home/AboutSection.js | 65 +++++++++++ components/sections/home/AreaOfInjury.js | 65 +++++++++++ components/sections/home/CounterSection.js | 61 ++++++++++ components/sections/home/FaqSection.js | 106 ++++++++++++++++++ components/sections/home/ProcessSection.js | 59 ++++++++++ components/sections/home/ServicesSection.js | 106 ++++++++++++++++++ .../sections/home/WhyChooseusSection.js | 62 ++++++++++ components/sections/home2/Solution.js | 51 +++++---- components/sections/home2/Team.js | 2 +- public/assets/css/style.css | 5 +- 12 files changed, 627 insertions(+), 46 deletions(-) create mode 100644 app/index-4/page.js create mode 100644 components/sections/home/AboutSection.js create mode 100644 components/sections/home/AreaOfInjury.js create mode 100644 components/sections/home/CounterSection.js create mode 100644 components/sections/home/FaqSection.js create mode 100644 components/sections/home/ProcessSection.js create mode 100644 components/sections/home/ServicesSection.js create mode 100644 components/sections/home/WhyChooseusSection.js diff --git a/app/index-4/page.js b/app/index-4/page.js new file mode 100644 index 0000000..f35e6b6 --- /dev/null +++ b/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 ( + <> + + + + + + + + + + + + ) +} \ No newline at end of file diff --git a/app/page.js b/app/page.js index 4fe2925..7a4d0b8 100644 --- a/app/page.js +++ b/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/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 Banner from "@/components/sections/home2/Banner" +import Features from "@/components/sections/home2/Features" 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 Subscribe from "@/components/sections/home2/Subscribe" +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 ( <> - + - - - - - - ) -} \ No newline at end of file +} \ No newline at end of file diff --git a/components/sections/home/AboutSection.js b/components/sections/home/AboutSection.js new file mode 100644 index 0000000..db4d1f8 --- /dev/null +++ b/components/sections/home/AboutSection.js @@ -0,0 +1,65 @@ +import Link from 'next/link'; +import React from 'react'; + +export default function AboutSection() { + return ( +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/*
+

Wade Warren

+ Medical Assistant +
*/} +
+
+
+
+
+
+
+ Welcome to Rapha Rehab +

Your Trusted Etobicoke Physiotherapy Clinic!

+
+
+

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.

+
    +
  • Chronic pain (back, neck, joints).
    • +
  • Sports injuries (sprains, strains, post-surgery rehab).
    • +
  • Work-related injuries (WCB claims supported).
    • +
  • Movement disorders (stroke rehab, mobility issues).
    • +
+
+
+ Explore Our Service +
+ {/*
+
+
+

32 Years

+ Of Medical Experience +
+
+
+
*/} +
+
+
+
+
+
+ ); +}; + diff --git a/components/sections/home/AreaOfInjury.js b/components/sections/home/AreaOfInjury.js new file mode 100644 index 0000000..4f8d684 --- /dev/null +++ b/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 ( +
+
+
+
+
+
+
+
+
+
+
+
+ Area Of Injury +

+ Start Your Treatment Today! Visit our healthcare team in Etobicoke. +

+
+
+ {teamMembers.map((member, index) => ( +
+
+
+
+
{`${member.name}'s
+
    +
    • +
    • +
    • +
    • +
+
+
+

{member.name}

+ {member.role} +
+
+
+
+ ))} +
+
+ View All +
+
+
+
+
+ ); +}; + diff --git a/components/sections/home/CounterSection.js b/components/sections/home/CounterSection.js new file mode 100644 index 0000000..1625c03 --- /dev/null +++ b/components/sections/home/CounterSection.js @@ -0,0 +1,61 @@ +import CounterUp from "@/components/elements/CounterUp" + + +export default function CounterSection() { + return ( + <> +
+
+
+
+
+
+
+ +
+ + +
+ professionals +
+
+
+
+
+
+ +
+ + +
+ Years Experience +
+
+
+
+
+
+ +
+ + +
+ happy customers +
+
+
+
+
+
+ +
+ % +
+ Client Satisfaction +
+
+
+
+
+
+
+ + ) +} diff --git a/components/sections/home/FaqSection.js b/components/sections/home/FaqSection.js new file mode 100644 index 0000000..d6834da --- /dev/null +++ b/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 ( +
+
+
+
+ Discover Who We Are +

Why Patients Trust Us

+
+
+
+
+ +
    +
  • +
    handleToggle(1)}> +
    +
    About Us
    +
    +
    +
    +

    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.

    +
    +
    +
    + Book Appointment +
    +
    +
    • +
  • +
    handleToggle(2)}> +
    +
    Vision
    +
    +
    +
    +

    To be regarded as the most reliable and effective health care therapy practice backed by the team of innovative healthcare professionals driven by passion.

    +
    +
    +
    +
    • +
  • +
    handleToggle(3)}> +
    +
    Mission
    +
    +
    +
    +

    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.

    +
    +
    +
    +
    • +
  • +
    handleToggle(4)}> +
    +
    Why Choose Us
    +
    +
    +
    +

    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.

    +
    +
    +
    + Book Appointment +
    +
    +
    • +
+
+
+
+
+
+
+ +
+
+
+
+
+
+ ); +}; + diff --git a/components/sections/home/ProcessSection.js b/components/sections/home/ProcessSection.js new file mode 100644 index 0000000..254898e --- /dev/null +++ b/components/sections/home/ProcessSection.js @@ -0,0 +1,59 @@ +import React from 'react'; + +export default function ProcessSection() { + return ( +
+
+
+
+
+
+
+
+
+ Our Process +

How Physiotherapy Helps You Heal
and Stay Strong

+
+
+
+ {/* Step 01 */} +
+
+ 01 +
+
+

Area of Injury

+

We carefully assess the affected area to identify the root cause of your pain or discomfort.

+
+
+
+ + {/* Step 02 */} +
+
+ 02 +
+
+

Rehabilitation

+

Through guided exercises and therapy, we help restore movement, strength, and flexibility.

+
+
+
+ + {/* Step 03 */} +
+
+ 03 +
+
+

Accident

+

We provide personalized care plans to speed up recovery and help you return to normal life after accidents.

+
+
+
+
+
+
+ ); +}; + diff --git a/components/sections/home/ServicesSection.js b/components/sections/home/ServicesSection.js new file mode 100644 index 0000000..a7936a1 --- /dev/null +++ b/components/sections/home/ServicesSection.js @@ -0,0 +1,106 @@ +import Link from 'next/link'; +import React from 'react'; + +export default function ServicesSection() { + return ( +
+
+
+ Our Services +

We Offer For You Medical &
Saving Lives

+
+
+
+
+
+
+
+
+
+
+

Neurosurgery

+

Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.

+
+
+
+
+
+
+
+
+
+
+
+
+

Modern Laboratory

+

Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.

+
+
+
+
+
+
+
+
+
+
+
+
+

Experienced Doctors

+

Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.

+
+
+
+
+
+
+
+
+
+
+
+
+

Neurosurgery

+

Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.

+
+
+
+
+
+
+
+
+
+
+
+
+

Modern Laboratory

+

Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.

+
+
+
+
+
+
+
+
+
+
+
+
+

Experienced Doctors

+

Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.

+
+
+
+
+
+
+ View All Services +
+
+
+
+
+ ); +}; diff --git a/components/sections/home/WhyChooseusSection.js b/components/sections/home/WhyChooseusSection.js new file mode 100644 index 0000000..0c63f2e --- /dev/null +++ b/components/sections/home/WhyChooseusSection.js @@ -0,0 +1,62 @@ +import Link from 'next/link'; +import React from 'react'; + +export default function WhyChooseUsSection() { + return ( +
+
+
+
+
+
+
+
+ {/* Why Choose Us */} +

WHY CHOOSE ETOBICOKE PHYSIOTHERAPY

+

Physiotherapy Etobicoke – We are a team of health care professionals provide physiotherapy, massage therapy services in etobicoke assist you in improving your health.

+
+
+
+
+
+
+

Expert Team

+

At Etobicoke Physiotherapy, we have expert team of professionals

+
+
+
+
+
+
+
+

Understand your Pain

+

Etobicoke physiotherapy offer Treatment for faster recovery

+
+
+
+
+
+
+
+

Ready To Go

+

Flexible opening hours conveniently located in etobicoke

+
+
+
+ {/*
+
+
+
+

24/7 Services

+

Amet minim mollit non deserunt aliqua dolor do amet sint.

+
+
+
*/} +
+
+
+
+
+
+ ); +}; diff --git a/components/sections/home2/Solution.js b/components/sections/home2/Solution.js index 81bf688..793bf6b 100644 --- a/components/sections/home2/Solution.js +++ b/components/sections/home2/Solution.js @@ -11,38 +11,45 @@ const ProgressBar = ({ label, percent }) => ( ); export default function Solution() { return ( -
-
-
-
-
-
- Better Solutions -

Quality Medical Service with Experts

-
-
+
+
+
+
+
+
+ Association With +

Trusted Physiotherapy Care in Etobicoke

+
+

+ 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. +

+ {/*
-
-
- Discover More +
*/} + +
+ Contact Us +
-
-
-
-
-
-
-
+
+
+
+
+
+
+
-
-
+
) }; diff --git a/components/sections/home2/Team.js b/components/sections/home2/Team.js index 5034a29..d7e0164 100644 --- a/components/sections/home2/Team.js +++ b/components/sections/home2/Team.js @@ -21,7 +21,7 @@ const TeamMember = ({ name, designation, imageSrc, socialLinks }) => ( ); -export default function Team() { +export default function TeamTwo() {
diff --git a/public/assets/css/style.css b/public/assets/css/style.css index 772dbe3..1a50ac5 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -2624,7 +2624,10 @@ button.ltr { } - +.sub-title-2{ + font-size: 16px; + color: #fff; +}