MetatroncubeSoftwareSolutions/rapharehap
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'team' of https://git.metatroncube.in/MetatroncubeSoftwareSolutions/rapharehap into team

Browse Source
This commit is contained in:
vidhubk 2025-08-29 14:36:30 +05:30
commit 5f1df6b4c9
215 changed files with 2286 additions and 417 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/accident/[slug]/page.js
View File

@ -11,8 +11,8 @@ export default function AccidentDetailsPage() {
if (!service) return notFound();
return (
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle={`${service.title}`}>
<section className="service-details pt_120 pb_110">
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle={`${service.title}`} bannerImage={service.bannerImage}>
<section className="service-details pt_120 pb_120">
<div className="auto-container">
<div className="row clearfix">
@ -43,7 +43,12 @@ export default function AccidentDetailsPage() {
<figure className="image">
<img src={service.mainImage} alt={service.title} />
</figure>
<div className="icon-box"><i className="icon-30"></i></div>
<div className="icon-box">
<img
src={service.icon}
alt={`${service.title} Icon`}
/>
</div>
</div>
<div className="lower-content">
<h3>{service.title}</h3>

9
app/accident/page.js
View File

@ -5,7 +5,7 @@ import Accident from "@/utils/Accident.utils";
export default function AccidentPage() {
return (
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Accident">
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Accident" bannerImage="/assets/images/accident/accident-banner.webp">
<section className="service-section sec-pad-2">
<div className="auto-container">
<div className="row clearfix">
@ -23,7 +23,12 @@ export default function AccidentPage() {
<img src={service.mainImage} alt={service.title} />
</Link>
</figure>
<div className="icon-box"><i className="icon-30"></i></div>
<div className="icon-box">
<img
src={service.icon}
alt={`${service.title} Icon`}
/>
</div>
</div>
<div className="lower-content">
<h3>

9
app/area-of-injury/[slug]/page.js
View File

@ -12,8 +12,8 @@ export default function AreaOfInjuryDetails() {
if (!service) return notFound();
return (
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle={service.title}>
<section className="service-details pt_120 pb_110">
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle={service.title} bannerImage={service.bannerImage}>
<section className="service-details pt_120 pb_120">
<div className="auto-container">
<div className="row clearfix">
{/* Sidebar */}
@ -49,7 +49,10 @@ export default function AreaOfInjuryDetails() {
<img src={service.image} alt={service.title} />
</figure>
<div className="icon-box">
<i className={service.icon}></i>
<img
src={service.icon}
alt={`${service.title} Icon`}
/>
</div>
</div>
<div className="lower-content">

9
app/area-of-injury/page.js
View File

@ -5,7 +5,7 @@ import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils"
export default function AreaOfInjury() {
return (
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Areas of Injury">
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Areas of Injury" bannerImage="/assets/images/areas-of-injury/area-of-injury-banner.webp">
<section className="service-section sec-pad-2">
<div className="auto-container">
<div className="row clearfix">
@ -19,7 +19,12 @@ export default function AreaOfInjury() {
<img src={item.image} alt={item.title} />
</Link>
</figure>
<div className="icon-box"><i className={item.icon}></i></div>
<div className="icon-box">
<img
src={item.icon}
alt={`${item.title} Icon`}
/>
</div>
</div>
<div className="lower-content">
<h3>

154
app/faq-physiotherapy-etobicoke/page.js Normal file
View File

@ -0,0 +1,154 @@
'use client'
import Layout from "@/components/layout/Layout";
import Link from "next/link";
import { useState } from 'react';
export default function Faq() {
const [isActive, setIsActive] = useState({
status: false,
key: 1,
});
const handleToggle = (key) => {
if (isActive.key === key) {
setIsActive({
status: false,
});
} else {
setIsActive({
status: true,
key,
});
}
};
return (
<>
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Faq's" bannerImage="/assets/images/faq/faq-banner.webp">
{/* faq */}
<section className="faq-section pt_120 pb_120">
<div className="auto-container">
<div className="sec-title centred mb_50">
<span className="sub-title">FAQ'S</span>
<h2>Do You Have Any Physiotherapy <br />Questions?</h2>
</div>
<div className="row align-items-center clearfix">
{/* Left Side Image */}
<div className="col-lg-6 col-md-12 col-sm-12 image-column mb-5 text-center text-lg-start">
<div className="image_block_four">
<div className="image-box">
<figure>
<img
src="/assets/images/faq/img.webp"
alt="FAQ Illustration"
className="img-fluid"
style={{ height: "550px", objectFit: "cover" }}
/>
</figure>
</div>
</div>
</div>
{/* Right Side FAQ Content */}
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
<div className="content-box">
<ul className="accordion-box">
{/* FAQ 1 */}
<li className="accordion 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>What is physiotherapy?</h5>
</div>
<div className={isActive.key === 1 ? "acc-content current" : "acc-content"}>
<div className="content">
<div className="text">
<p>Physiotherapists are medical professionals who specialize in treating injuries and conditions that impact movement.</p>
</div>
</div>
</div>
</li>
{/* FAQ 2 */}
<li className="accordion 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>What does the physiotherapist do?</h5>
</div>
<div className={isActive.key === 2 ? "acc-content current" : "acc-content"}>
<div className="content">
<div className="text">
<p>Physiotherapists help people affected by injury, illness or disability through electrical modalities, movement, exercise, manual therapy, education and advice. We at Rapharehab Physiotherapy clinic Etobicoke for people of all ages, helping patients to manage pain and prevent disease.</p>
</div>
</div>
</div>
</li>
{/* FAQ 3 */}
<li className="accordion 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>How Long Will Your session Take?</h5>
</div>
<div className={isActive.key === 3 ? "acc-content current" : "acc-content"}>
<div className="content">
<div className="text">
<p>The duration of the program will depend on an individual's healing rate and condition being treated. Every condition is different, and everyone heals at different rates. Minor injuries you might expect 2-3 sessions of physiotherapy while the soft tissue injuries may take even longer.</p>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
{/* faq end */}
{/* subscibe */}
<section className="subscribe-section">
<div className="auto-container">
<div className="inner-container">
<div className="row align-items-center">
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
<div className="text-box">
<h2><span>Subscribe</span> for the exclusive updates!</h2>
</div>
</div>
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
<div className="form-inner">
<form method="post" action="contact">
<div className="form-group">
<input type="email" name="email" placeholder="Enter Your Email Address" required />
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
</div>
<div className="form-group">
<div className="check-box">
<input className="check" type="checkbox" id="checkbox1" />
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
</Layout>
</>
);
}

39
app/index-4/page.js Normal file
View File

@ -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>
</>
)
}

61
app/page.js
View File

@ -1,37 +1,54 @@
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"
import MobileServices from "@/components/sections/home/MobileServicesSection"
export default function Home() {
return (
<>
<Layout headerStyle={1} footerStyle={1}>
<Layout headerStyle={2} footerStyle={2}>
<Banner />
<Features />
<About />
<Services />
<WhyChooseUs />
<Funfacts />
<Team />
<Video />
<Process />
<AboutSection />
{/* <ProcessSection /> */}
{/* Desktop View */}
<div className="d-none d-md-block">
<ServicesSection />
</div>
{/* Mobile View */}
<div className="d-block d-md-none">
<MobileServices />
</div>
<FaqSection />
<AreaOfInjury />
<WhyChooseUsSection />
<CounterSection />
{/* <Funfacts /> */}
<Solution />
<Testimonial />
<Pricing />
<Video />
{/* <Testimonial /> */}
<News />
<Subscribe />
{/* <Subscribe /> */}
</Layout>
</>
)
}
}

76
app/payment-insurance/page.js Normal file
View File

@ -0,0 +1,76 @@
import Link from "next/link"
import Layout from "@/components/layout/Layout"
export default function About() {
return (
<>
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Payment And Insurance" bannerImage="/assets/images/payment-insurance/payment-banner.webp">
{/* chooseus-section */}
<section className="solutions-section">
<div className="auto-container">
<div className="row clearfix">
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
<div className="content-box">
<div className="sec-title mb_15">
{/* <span className="sub-title">Better Solutions</span> */}
<h2>Payment and Insurance</h2>
</div>
<div className="progress-inner mb_50">
<p>At rapharehab Etobicoke Physiotherapy clinic, your treatments are partially or fully covered by health insurance plans and Workplace Safety and Insurance Board (WSIB). If you have medical health care coverage, we believe your treatment costs will be covered by health care plans. The treatments such as physiotherapy, massage therapy, chiropractic care, acupuncture, orthotics etc., all can be covered by health care insurance.</p>
<ul className="list-style-one clearfix mt-4">
<li>In case if you are injured in a motor vehicle accident (MVA), the auto insurance covers the cost of the treatment.</li>
<li>Please get in touch with rapharehab Physiotherapy clinic etobicoke for assistance to know about your coverage.</li>
<li>We Accept Cash/Cheque/Visa/Direct Payment.</li>
</ul>
</div>
</div>
</div>
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
<div className="image_block_two">
<div className="image-box">
<figure className="image image-1"><img src="/assets/images/payment-insurance/back.webp" alt="" /></figure>
<figure className="image image-2"><img src="/assets/images/payment-insurance/front.webp" alt="" /></figure>
<div className="icon-box"><img src="/assets/images/payment-insurance/icon.webp" alt="" /></div>
</div>
</div>
</div>
</div>
</div>
</section>
{/* chooseus-section end */}
{/* subscibe */}
<section className="subscribe-section">
<div className="auto-container">
<div className="inner-container">
<div className="row align-items-center">
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
<div className="text-box">
<h2><span>Subscribe</span> for the exclusive updates!</h2>
</div>
</div>
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
<div className="form-inner">
<form method="post" action="contact">
<div className="form-group">
<input type="email" name="email" placeholder="Enter Your Email Address" required />
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
</div>
<div className="form-group">
<div className="check-box">
<input className="check" type="checkbox" id="checkbox1" />
<label htmlFor="checkbox1">I agree to the <Link href="index">Privacy Policy.</Link></label>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
{/* subscibe end */}
</Layout>
</>
)
}

11
app/rehabilitation/[slug]/page.js
View File

@ -11,8 +11,8 @@ export default function RehabilitationDetailsPage() {
if (!service) return notFound();
return (
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle={`${service.title}`}>
<section className="service-details pt_120 pb_110">
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle={`${service.title}`} bannerImage={service.bannerImage}>
<section className="service-details pt_120 pb_120">
<div className="auto-container">
<div className="row clearfix">
@ -43,7 +43,12 @@ export default function RehabilitationDetailsPage() {
<figure className="image">
<img src={service.mainImage} alt={service.title} />
</figure>
<div className="icon-box"><i className="icon-30"></i></div>
<div className="icon-box">
<img
src={service.icon}
alt={`${service.title} Icon`}
/>
</div>
</div>
<div className="lower-content">
<h3>{service.title}</h3>

9
app/rehabilitation/page.js
View File

@ -5,7 +5,7 @@ import Rehabilitation from "@/utils/Rehabilitation.utils";
export default function RehabilitationPage() {
return (
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Rehabilitation">
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Rehabilitation" bannerImage="/assets/images/rehabilitation/rehabilation-banner.webp">
<section className="service-section sec-pad-2">
<div className="auto-container">
<div className="row clearfix">
@ -23,7 +23,12 @@ export default function RehabilitationPage() {
<img src={service.mainImage} alt={service.title} />
</Link>
</figure>
<div className="icon-box"><i className="icon-30"></i></div>
<div className="icon-box">
<img
src={service.icon}
alt={`${service.title} Icon`}
/>
</div>
</div>
<div className="lower-content">
<h3>

82
app/what-to-expect/page.js Normal file
View File

@ -0,0 +1,82 @@
import Link from "next/link"
import Layout from "@/components/layout/Layout"
export default function About() {
return (
<>
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle=" What To Expect" bannerImage="/assets/images/what-we-expect/expect-banner.webp">
{/* chooseus-section */}
<section className="about-style-three pt_120 pb_120">
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.png)' }}></div>
<div className="auto-container">
<div className="row clearfix">
<div className="col-lg-6 col-md-12 col-sm-12 image-column mb-3">
<div className="image_block_three">
<div className="image-box">
<div className="image-shape">
<div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div>
<div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div>
<div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
<div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div>
<div className="shape-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.png)' }}></div>
</div>
<figure className="image image-1"><img src="/assets/images/what-we-expect/right.webp" alt="" /></figure>
<figure className="image image-2"><img src="/assets/images/what-we-expect/left.webp" alt="" /></figure>
<div className="icon-box"><img src="/assets/images/what-we-expect/icon.webp" alt="" /></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">
<div className="sec-title mb_15">
<span className="sub-title"> What To Expect</span>
<h2>What to Expect – Physiotherapy Etobicoke</h2>
</div>
<div className="text-box mb_40">
<p>On the first day of your visit, you will receive a thorough assessment allows our healthcare professionals to understand your injury to determine how we can help. Following the initial assessment at our physiotherapy clinic etobicoke, we will discuss our ¬findings, and set a realistic treatment plan to help you gain long-term results. All of your questions will be answered.</p>
<p>On the second day at our etobicoke physiotherapy clinic, you will receive your first full treatment. The treatment session time will vary based on the level of injury and also after treatment session we will teach you pain management techniques.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{/* chooseus-section end */}
{/* subscibe */}
<section className="subscribe-section">
<div className="auto-container">
<div className="inner-container">
<div className="row align-items-center">
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
<div className="text-box">
<h2><span>Subscribe</span> for the exclusive updates!</h2>
</div>
</div>
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
<div className="form-inner">
<form method="post" action="contact">
<div className="form-group">
<input type="email" name="email" placeholder="Enter Your Email Address" required />
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
</div>
<div className="form-group">
<div className="check-box">
<input className="check" type="checkbox" id="checkbox1" />
<label htmlFor="checkbox1">I agree to the <Link href="index">Privacy Policy.</Link></label>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
{/* subscibe end */}
</Layout>
</>
)
}

164
app/why-rapha-physiotherapy-etobicoke/page.js Normal file
View File

@ -0,0 +1,164 @@
'use client';
import Layout from "@/components/layout/Layout";
import Link from "next/link";
export default function Team() {
const teamMembers = [
// { name: 'Musculoskeletal Physiotherapy', role: 'Medical Assistant', image: 'assets/images/team/team-1.jpg' },
{ name: 'Musculoskeletal Physiotherapy', image: '/assets/images/why-us/img/musculo.webp' },
{ name: 'Sports Physiotherapy', image: '/assets/images/why-us/img/sports.webp' },
{ name: 'Clinical Pilates', image: '/assets/images/why-us/img/clinical-pilates.webp' },
{ name: 'Workplace & Occupational', image: '/assets/images/why-us/img/workplace.webp' },
{ name: 'Sports Rehabilitation', image: '/assets/images/why-us/img/sports-rehabilation.webp' },
{ name: 'Women’s health', image: '/assets/images/why-us/img/women-health.webp' },
{ name: 'Back & Neck Pain', image: '/assets/images/why-us/img/back-pain.webp' },
{ name: 'Fitness & Exercise Programs', image: '/assets/images/why-us/img/fitness.webp' },
{ name: 'Pregnancy and Post-natal', image: '/assets/images/why-us/img/pregnancy.webp' },
{ name: 'Headaches & Dizziness', image: '/assets/images/why-us/img/headache.webp' },
{ name: 'Injury Management', image: '/assets/images/why-us/img/injury.webp' },
{ name: 'Pre/Post Surgical Management', image: '/assets/images/why-us/img/surgical.webp' },
];
return (
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Why Us" bannerImage="/assets/images/why-us/why-us-banner.webp">
<section className="team-section pt_120 centred pb-0">
<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">Why Choose Us</span>
<h2>We have licensed and experienced therapists with particular interests and expertise in</h2>
</div>
<div className="row clearfix">
{teamMembers.map((member, index) => (
<div key={index} className="col-lg-4 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>{member.name}</h3>
<span className="designation">{member.role}</span>
</div>
</div>
</div>
</div>
))}
</div>
</div>
</section>
<section className="testimonial-style-two pb_120 p_relative">
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div>
<div className="auto-container">
<div className="row align-items-center">
{/* LEFT IMAGE / RIGHT CONTENT */}
<div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
<div className="image_block_two pr_30">
<div className="image-box">
<figure className="image image-1"><img src="/assets/images/why-us/back-1.webp" alt="" /></figure>
<figure className="image image-2"><img src="/assets/images/why-us/front-1.webp" alt="" /></figure>
<div className="icon-box"><img src="/assets/images/why-us/icon-1.webp" alt="" /></div>
</div>
</div>
</div>
<div className="col-lg-6 col-md-12 col-sm-12 content-column order-1 order-lg-2">
<div className="content_block_one pl_30">
<div className="content-box">
{/* <div className="sec-title mb_15">
<span className="sub-title">About Us</span>
<h2>Medical services & diagnostics</h2>
</div> */}
<div className="text-box mb_40">
<ul className="list-style-one clearfix">
<li>Team of health care professionals – We are 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</li>
<li>Our health care team consists of Physiotherapists, Massage Therapists, acupuncture specialists & other health care professionals, each bringing you their distinctive skills and abilities to assist you in improving your health & providing you with the latest evidence-based treatments.</li>
<li>Health insurance – If you have a health insurance, we treat you without asking for an upfront payment. Instead we bill your insurance company directly without creating a hassle for you.</li>
<li>Wide range of services and treatments – We offer wide range of unique services such as physiotherapy, sports rehabilitation, acupuncture, manual therapy, motor vehicle accident rehabilitation, work related injury treatments, chronic injury management and other services so we can assist you in recovering to the best possible condition</li>
<li>Flexible opening hours – Our clinic is conveniently located in etobicoke and scarborough and provide you the best services even in early mornings and late evenings</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section className="testimonial-style-two p_relative pt-0">
{/* <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div> */}
<div className="auto-container">
<div className="row align-items-center flex-row-reverse">
{/* RIGHT IMAGE / LEFT CONTENT */}
<div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
<div className="image_block_two pl_30">
<div className="image-box">
<figure className="image image-1"><img src="/assets/images/why-us/back-2.webp" alt="" /></figure>
<figure className="image image-2"><img src="/assets/images/why-us/front-2.webp" alt="" /></figure>
<div className="icon-box"><img src="/assets/images/why-us/icon-2.webp" alt="" /></div>
</div>
</div>
</div>
<div className="col-lg-6 col-md-12 col-sm-12 content-column order-1 order-lg-2">
<div className="content_block_one pr_30">
<div className="content-box">
{/* <div className="sec-title mb_15">
<span className="sub-title">About Us</span>
<h2>Medical services & diagnostics</h2>
</div> */}
<div className="text-box mb_40">
<ul className="list-style-one clearfix">
<li>Top-Notch Treatment – Under our care, you will be placed in a supportive and comfortable environment helping you receive care in comfortable and supportive environment designed to address your issues</li>
<li>Personalized Treatment Plan – We offer One-on-one care with a skilled therapist allows us to develop a plan specific to your particular needs results in a faster recovery.</li>
<li>We listen & take time – We listen & take time to get to know you properly – Right from the start with your inquiry, we are here to listen and help find the root cause of your problem.</li>
<li>Our treatment rooms – Our treatment rooms are fully equipped and private.</li>
<li>Strong network of health professionals – We have a strong network of health professionals to refer to, making sure you get the right diagnosis and correct treatment for your condition.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section className="video-section p_relative">
<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>
{/* <div className="video-btn">
<a onClick={() => setOpen(true)}><i className="fas fa-play"></i>
<span className="border-animation border-1"></span>
<span className="border-animation border-2"></span>
<span className="border-animation border-3"></span>
</a>
</div> */}
<p className="inner-box-new-color">Rapha rehab offers patients in etobicoke and scarborough exceptional care with a personalized treatment plan to suit your specific needs. If you are suffering from pain or have recently experienced an injury, our etobicoke and scarborough Physiotherapists will ensure you get back to the activities you enjoy and love. Call us at 647-722-3434 for an appointment today or email us at info@rapharehab.ca to book a consultation.</p>
<div className="btn-box mt-4">
<Link href="tel:647-722-3434" className="theme-btn btn-one">
<span>Make an Appointment</span>
</Link>
</div>
</div>
</div>
</section>
</Layout>
);
}

9
components/layout/Breadcrumb.js
View File

@ -1,11 +1,16 @@
import Link from "next/link"
export default function Breadcrumb({ breadcrumbTitle }) {
export default function Breadcrumb({ breadcrumbTitle, bannerImage }) {
return (
<>
<section className="page-title p_relative centred">
<div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/page-title.jpg)' }}></div>
<div
className="bg-layer"
style={{
backgroundImage: `url(${bannerImage || '/assets/images/background/page-title.jpg'})`
}}
/>
<div className="pattern-layer">
<div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-14.png)' }}></div>
<div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.png)' }}></div>

6
components/layout/Layout.js
View File

@ -18,7 +18,7 @@ import Header2 from './header/Header2';
import Header3 from "./header/Header3";
import Header4 from "./header/Header4";
export default function Layout({ headerStyle, footerStyle, headTitle, breadcrumbTitle, children, wrapperCls }) {
export default function Layout({ headerStyle, footerStyle, headTitle, breadcrumbTitle, bannerImage, children, wrapperCls }) {
const [scroll, setScroll] = useState(0);
const [isMobileMenu, setMobileMenu] = useState(false);
const handleMobileMenu = () => {
@ -57,7 +57,9 @@ export default function Layout({ headerStyle, footerStyle, headTitle, breadcrumb
<Sidebar isSidebar={isSidebar} handleSidebar={handleSidebar} />
<SearchPopup isPopup={isPopup} handlePopup={handlePopup} />
{breadcrumbTitle && <Breadcrumb breadcrumbTitle={breadcrumbTitle} />}
{breadcrumbTitle && (
<Breadcrumb breadcrumbTitle={breadcrumbTitle} bannerImage={bannerImage} />
)}
{children}

57
components/layout/Menu.js
View File

@ -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>

2
components/layout/MobileMenu2.js
View File

@ -29,7 +29,7 @@ export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar
<nav className="menu-box">
<div className="nav-logo">
<Link href="/">
<img src="assets/images/logo.png" alt="" />
<img src="/assets/images/logo.png" alt="" />
</Link>
</div>

2
components/layout/Sidebar.js
View File

@ -20,7 +20,7 @@ export default function Sidebar({ isSidebar, handleSidebar }) {
<div className="sidebar-info-contents">
<div className="content-inner">
<div className="logo">
<Link href="/"><img src="assets/images/logo.png" alt="" /></Link>
<Link href="/"><img src="/assets/images/logo.png" alt="" /></Link>
</div>
<div className="content-box">
<h4>About Us</h4>

174
components/layout/footer/Footer1.js
View File

@ -1,98 +1,98 @@
import Link from "next/link"
export default function Footer1() {
return (
<>
<footer className="main-footer" id="footer">
<div className="pattern-layer">
<div className="pattern-1" style={{ backgroundImage: "url(assets/images/shape/shape-23.png)" }}></div>
<div className="pattern-2" style={{ backgroundImage: "url(assets/images/shape/shape-24.png)" }}></div>
<div className="pattern-3" style={{ backgroundImage: "url(assets/images/shape/shape-25.png)" }}></div>
<div className="pattern-4"></div>
</div>
<div className="widget-section pt_120 pb_100">
<div className="auto-container">
<div className="row clearfix">
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
<div className="footer-widget logo-widget">
<figure className="footer-logo"><Link href="/"><img src="assets/images/footer-logo.png" alt="" /></Link></figure>
<p>Lorem ipsum dolor sit amet constetur adipiscing elit. Etiam eu turpis mostie dictum est a, mattis tellus.</p>
<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>
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
<div className="footer-widget links-widget ml_110">
<div className="widget-title">
<h3>Quick Link</h3>
</div>
<div className="widget-content">
<ul className="links-list clearfix">
<li><Link href="/">Home</Link></li>
<li><Link href="about">About Us</Link></li>
<li><Link href="service">Services</Link></li>
<li><Link href="/">Elements</Link></li>
<li><Link href="contact">Contacts Us</Link></li>
</ul>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
<div className="footer-widget links-widget ml_55">
<div className="widget-title">
<h3>Useful Links</h3>
</div>
<div className="widget-content">
<ul className="links-list clearfix">
<li><Link href="/">Privacy Policy</Link></li>
<li><Link href="/">Terms &</Link></li>
<li><Link href="/">Condition</Link></li>
<li><Link href="/">Support</Link></li>
<li><Link href="/">Disclaimer</Link></li>
<li><Link href="/">Faq</Link></li>
</ul>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
<div className="footer-widget contact-widget">
<div className="widget-title">
<h3>Contact us</h3>
</div>
<div className="widget-content">
<ul className="info-list">
<li><img src="assets/images/icons/icon-1.png" alt="" />3891 Ranchview Dr. Richardson, California USA</li>
<li><i className="icon-2"></i><Link href="tel:01989526503">0198-9526503</Link></li>
<li><i className="icon-26"></i><Link href="mailto:example@info.com">example@info.com</Link></li>
</ul>
</div>
</div>
return (
<>
<footer className="main-footer" id="footer">
<div className="pattern-layer">
<div className="pattern-1" style={{ backgroundImage: "url(assets/images/shape/shape-23.png)" }}></div>
<div className="pattern-2" style={{ backgroundImage: "url(assets/images/shape/shape-24.png)" }}></div>
<div className="pattern-3" style={{ backgroundImage: "url(assets/images/shape/shape-25.png)" }}></div>
<div className="pattern-4"></div>
</div>
<div className="widget-section pt_120 pb_100">
<div className="auto-container">
<div className="row clearfix">
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
<div className="footer-widget logo-widget">
<figure className="footer-logo"><Link href="/"><img src="/assets/images/footer-logo.png" alt="" /></Link></figure>
<p>Lorem ipsum dolor sit amet constetur adipiscing elit. Etiam eu turpis mostie dictum est a, mattis tellus.</p>
<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>
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
<div className="footer-widget links-widget ml_110">
<div className="widget-title">
<h3>Quick Link</h3>
</div>
<div className="widget-content">
<ul className="links-list clearfix">
<li><Link href="/">Home</Link></li>
<li><Link href="about">About Us</Link></li>
<li><Link href="service">Services</Link></li>
<li><Link href="/">Elements</Link></li>
<li><Link href="contact">Contacts Us</Link></li>
</ul>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
<div className="footer-widget links-widget ml_55">
<div className="widget-title">
<h3>Useful Links</h3>
</div>
<div className="widget-content">
<ul className="links-list clearfix">
<li><Link href="/">Privacy Policy</Link></li>
<li><Link href="/">Terms &</Link></li>
<li><Link href="/">Condition</Link></li>
<li><Link href="/">Support</Link></li>
<li><Link href="/">Disclaimer</Link></li>
<li><Link href="/">Faq</Link></li>
</ul>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
<div className="footer-widget contact-widget">
<div className="widget-title">
<h3>Contact us</h3>
</div>
<div className="widget-content">
<ul className="info-list">
<li><img src="/assets/images/icons/icon-1.png" alt="" />3891 Ranchview Dr. Richardson, California USA</li>
<li><i className="icon-2"></i><Link href="tel:01989526503">0198-9526503</Link></li>
<li><i className="icon-26"></i><Link href="mailto:example@info.com">example@info.com</Link></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="footer-bottom">
<div className="auto-container">
<div className="bottom-inner">
<ul className="footer-nav clearfix">
<li><Link href="/">Privacy Policy</Link></li>
<li><Link href="/">Terms of Use</Link></li>
<li><Link href="/">Sales and Refunds</Link></li>
<li><Link href="/">Legal</Link></li>
<li><Link href="/">Site Map</Link></li>
</ul>
<div className="copyright">
<p>&copy; 2024 All Rights Reserved</p>
<div className="footer-bottom">
<div className="auto-container">
<div className="bottom-inner">
<ul className="footer-nav clearfix">
<li><Link href="/">Privacy Policy</Link></li>
<li><Link href="/">Terms of Use</Link></li>
<li><Link href="/">Sales and Refunds</Link></li>
<li><Link href="/">Legal</Link></li>
<li><Link href="/">Site Map</Link></li>
</ul>
<div className="copyright">
<p>&copy; 2024 All Rights Reserved</p>
</div>
</div>
</div>
</div>
</div>
</footer>
</footer>
</>
)
</>
)
}

4
components/layout/header/Header1.js
View File

@ -55,7 +55,7 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSide
<div className="outer-box">
<div className="logo-box">
<figure className="logo">
<Link href="/"><img src="assets/images/logo.png" alt="" /></Link>
<Link href="/"><img src="/assets/images/logo.png" alt="" /></Link>
</figure>
</div>
<div className="menu-area">
@ -83,7 +83,7 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSide
<div className="auto-container">
<div className="outer-box">
<div className="logo-box">
<figure className="logo"><Link href="/"><img src="assets/images/logo.png" alt="" /></Link></figure>
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" /></Link></figure>
</div>
<nav className="main-menu navbar-expand-md navbar-light clearfix">

117
components/layout/header/Header2.js
View File

@ -10,82 +10,101 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
<header className={`main-header header-style-two ${scroll ? "fixed-header" : ""}`}>
{/* Header Top */}
<div className="header-top">
<div className="top-inner">
<ul className="info-list clearfix">
<li><i className="icon-1"></i>Mon - Fri 8:00 - 18:00 / Sunday 8:00 - 14:00</li>
<li><i className="icon-2"></i>Email: <Link href="tel:01989526503">0198-9526503</Link></li>
<li><img src="assets/images/icons/icon-1.png" alt="" /> 47 Bakery Street, London, UK</li>
<li>
<img src="/assets/images/icons/icons-17.png" alt="Phone" style={{ marginRight: "8px" }} />
<Link href="tel:647-722-3434">647-722-3434</Link>
</li>
<li>
<img src="/assets/images/icons/icons-19.png" alt="Mail" style={{ marginRight: "8px" }} />
<Link href="mailto:info@rapharehab.ca">info@rapharehab.ca</Link>
</li>
<li>
<Link href="/why-rapha-physiotherapy-etobicoke">Why Us</Link>
</li>
<li>
<Link href="/faq-physiotherapy-etobicoke">Faq</Link>
</li>
<li>
<Link href="/what-to-expect">What To Expect</Link>
</li>
<li>
<Link href="/payment-insurance">Payment And Insurance</Link>
</li>
</ul>
<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>
</div>
</div>
{/* Header Upper */}
<div className="header-lower">
<div className="outer-container">
<div className="outer-box">
<div className="logo-box">
<figure className="logo"><Link href="/"><img src="assets/images/logo.png" alt="" /></Link></figure>
</div>
<div className="menu-area">
{/* Mobile Navigation Toggler */}
<div className="mobile-nav-toggler" onClick={handleMobileMenu}>
<i className="icon-bar"></i>
<i className="icon-bar"></i>
<i className="icon-bar"></i>
</div>
{/* Main Menu */}
<nav className="main-menu navbar-expand-md navbar-light clearfix">
<div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
<Menu/>
<div className="outer-container">
<div className="outer-box">
<div className="logo-box">
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" /></Link></figure>
</div>
</nav>
</div>
{/* Menu Right Content */}
<ul className="menu-right-content">
<li className="search-box-outer search-toggler" onClick={handlePopup}>
<div className="menu-area">
{/* Mobile Navigation Toggler */}
<div className="mobile-nav-toggler" onClick={handleMobileMenu}>
<i className="icon-bar"></i>
<i className="icon-bar"></i>
<i className="icon-bar"></i>
</div>
{/* Main Menu */}
<nav className="main-menu navbar-expand-md navbar-light clearfix">
<div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
<Menu />
</div>
</nav>
</div>
{/* Menu Right Content */}
<ul className="menu-right-content">
{/* <li className="search-box-outer search-toggler" onClick={handlePopup}>
<i className="icon-27"></i>
</li>
<li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
<i className="icon-28"></i>
</li>
</ul>
</li> */}
<li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
<i className="icon-28"></i>
</li>
</ul>
</div>
</div>
</div>
</div>
{/*End Header Upper*/}
{/* Sticky Header */}
<div className="sticky-header">
<div className="auto-container">
<div className="outer-box">
<div className="logo-box">
<figure className="logo"><Link href="/"><img src="assets/images/logo.png" alt="" /></Link></figure>
</div>
<div className="logo-box">
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" /></Link></figure>
</div>
<nav className="main-menu navbar-expand-md navbar-light clearfix">
<div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
<Menu/>
<Menu />
</div>
</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 className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
<i className="icon-28"></i>
</li>
</li> */}
<li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
<i className="icon-28"></i>
</li>
</ul>
</div>
</div>
</div>{/* End Sticky Menu */}

4
components/layout/header/Header3.js
View File

@ -31,7 +31,7 @@ export default function Header3({ scroll, isMobileMenu, handleMobileMenu, isSide
<div className="auto-container">
<div className="outer-box">
<div className="logo-box">
<figure className="logo"><Link href="/"><img src="assets/images/logo.png" alt="" /></Link></figure>
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" /></Link></figure>
</div>
<div className="menu-area">
{/* Mobile Navigation Toggler */}
@ -68,7 +68,7 @@ export default function Header3({ scroll, isMobileMenu, handleMobileMenu, isSide
<div className="auto-container">
<div className="outer-box">
<div className="logo-box">
<figure className="logo"><Link href="/"><img src="assets/images/logo.png" alt="" /></Link></figure>
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" /></Link></figure>
</div>
<nav className="main-menu navbar-expand-md navbar-light clearfix">

4
components/layout/header/Header4.js
View File

@ -32,7 +32,7 @@ export default function Header4({ scroll, isMobileMenu, handleMobileMenu, isSide
<div className="auto-container">
<div className="outer-box">
<div className="logo-box">
<figure className="logo"><Link href="/"><img src="assets/images/logo.png" alt=""/></Link></figure>
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt=""/></Link></figure>
</div>
<div className="menu-area">
{/* Mobile Navigation Toggler */}
@ -67,7 +67,7 @@ export default function Header4({ scroll, isMobileMenu, handleMobileMenu, isSide
<div className="auto-container">
<div className="outer-box">
<div className="logo-box">
<figure className="logo"><Link href="/"><img src="assets/images/logo.png" alt=""/></Link></figure>
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt=""/></Link></figure>
</div>
<div className="menu-area">

65
components/sections/home/AboutSection.js Normal file
View File

@ -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>
);
};

65
components/sections/home/AreaOfInjury.js Normal file
View File

@ -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 bg-color-1">
<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-6 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>
);
};

61
components/sections/home/CounterSection.js Normal file
View File

@ -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>
</>
)
}

123
components/sections/home/FaqSection.js Normal file
View File

@ -0,0 +1,123 @@
'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">
{/* <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 d-flex align-items-center">
<div className="col-xl-6 col-lg-12 col-sm-12 image-column">
<div className="image_block_three">
<div className="image-box">
<div className="image-shape">
<div className="shape-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
<div className="shape-2" style={{ backgroundImage: 'url(assets/images/shape/shape-33.png)' }}></div>
<div className="shape-3" style={{ backgroundImage: 'url(assets/images/shape/shape-7.png)' }}></div>
<div className="shape-4" style={{ backgroundImage: 'url(assets/images/shape/shape-34.png)' }}></div>
<div className="shape-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.png)' }}></div>
</div>
<figure className="image image-1"><img src="assets/images/resource/about-2.jpg" alt="" /></figure>
<figure className="image image-2"><img src="assets/images/resource/about-3.jpg" alt="" /></figure>
<div className="icon-box"><i className="icon-14"></i></div>
</div>
</div>
</div>
<div className="col-xl-6 col-lg-12 col-md-12 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. We provide trusted care through physiotherapy, sports injury rehab, pelvic floor therapy, chiropractic care, massage, acupuncture, osteopathy, orthotics, braces, 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>
);
};

73
components/sections/home/MobileServicesSection.js Normal file
View File

@ -0,0 +1,73 @@
import Link from "next/link"
export default function MobileServices() {
return (
<>
<section className="feature-section sec-pad bg-color-1">
<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-3 col-md-6 col-6 feature-block">
<div className="feature-block-one">
<div className="inner-box text-center">
<div className="icon-box"><i className="icon-9"></i></div>
<h3><Link href="/">Qualified Doctor</Link></h3>
<div className="btn-box">
<Link href="index-2" className="theme-btn-2 btn-one"><span>View Services</span></Link>
</div>
{/* <p>Lorem ipsum dolor sit amet ctetur adipiscing</p> */}
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-6 feature-block">
<div className="feature-block-one">
<div className="inner-box text-center">
<div className="icon-box"><i className="icon-10"></i></div>
<h3><Link href="/">Emergency Help</Link></h3>
<div className="btn-box">
<Link href="index-2" className="theme-btn-2 btn-one"><span>View Services</span></Link>
</div>
{/* <p>Lorem ipsum dolor sit amet ctetur adipiscing</p> */}
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-6 feature-block">
<div className="feature-block-one">
<div className="inner-box text-center">
<div className="icon-box"><i className="icon-11"></i></div>
<h3><Link href="/">Modern Equipment</Link></h3>
<div className="btn-box">
<Link href="index-2" className="theme-btn-2 btn-one"><span>View Services</span></Link>
</div>
{/* <p>Lorem ipsum dolor sit amet ctetur adipiscing</p> */}
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-6 feature-block">
<div className="feature-block-one">
<div className="inner-box text-center">
<div className="icon-box"><i className="icon-12"></i></div>
<h3><Link href="/">Family Medicine</Link></h3>
<div className="btn-box">
<Link href="index-2" className="theme-btn-2 btn-one"><span>View Services</span></Link>
</div>
{/* <p>Lorem ipsum dolor sit amet ctetur adipiscing</p> */}
</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>
</>
)
}

59
components/sections/home/ProcessSection.js Normal file
View File

@ -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>
);
};

106
components/sections/home/ServicesSection.js Normal file
View File

@ -0,0 +1,106 @@
import Link from 'next/link';
import React from 'react';
export default function ServicesSection() {
return (
<section className="service-section sec-pad bg-color-1">
<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>
);
};

62
components/sections/home/WhyChooseusSection.js Normal file
View File

@ -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>
);
};

51
components/sections/home2/Solution.js
View File

@ -11,38 +11,45 @@ const ProgressBar = ({ label, percent }) => (
);
export default function Solution() {
return (
<section className="solutions-section bg-color-1 p_relative">
<div className="auto-container">
<div className="row clearfix">
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
<div className="content-box">
<div className="sec-title mb_50">
<span className="sub-title">Better Solutions</span>
<h2>Quality Medical Service with Experts</h2>
</div>
<div className="progress-inner mb_50">
<section className="solutions-section p_relative">
<div className="auto-container">
<div className="row clearfix">
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
<div className="content-box">
<div className="sec-title mb_50">
<span className="sub-title">Association With</span>
<h2>Trusted Physiotherapy Care in Etobicoke</h2>
</div>
<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 className="btn-box">
<Link href="index-2" className="theme-btn btn-one"><span>Discover More</span></Link>
</div> */}
<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="image_block_two">
<div className="image-box">
<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>
<div className="icon-box"><i className="icon-33"></i></div>
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
<div className="image_block_two">
<div className="image-box">
<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>
<div className="icon-box"><i className="icon-33"></i></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
)
};

2
components/sections/home2/Team.js
View File

@ -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>

316
package-lock.json generated
View File

@ -8,6 +8,7 @@
"name": "start-app-dir",
"version": "0.1.0",
"dependencies": {
"axios": "^1.11.0",
"bootstrap-touchspin": "^4.7.3",
"isotope-layout": "^3.0.6",
"lightgallery": "^2.7.2",
@ -15,6 +16,7 @@
"react": "18.2.0",
"react-curved-text": "^2.0.2",
"react-dom": "18.2.0",
"react-google-recaptcha": "^3.1.0",
"react-modal-video": "^2.0.1",
"sass": "^1.66.1",
"swiper": "^10.2.0",
@ -498,6 +500,23 @@
"integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ==",
"license": "MIT"
},
"node_modules/asynckit": {
"version": "0.4.0",
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
"license": "MIT"
},
"node_modules/axios": {
"version": "1.11.0",
"resolved": "https://registry.npmjs.org/axios/-/axios-1.11.0.tgz",
"integrity": "sha512-1Lx3WLFQWm3ooKDYZD1eXmoGO9fxYQjrycfHFC8P0sCfQVXyROp0p9PFWBehewBOdCwHc+f/b8I0fMto5eSfwA==",
"license": "MIT",
"dependencies": {
"follow-redirects": "^1.15.6",
"form-data": "^4.0.4",
"proxy-from-env": "^1.1.0"
}
},
"node_modules/bootstrap-touchspin": {
"version": "4.7.3",
"resolved": "https://registry.npmjs.org/bootstrap-touchspin/-/bootstrap-touchspin-4.7.3.tgz",
@ -528,6 +547,19 @@
"node": ">=10.16.0"
}
},
"node_modules/call-bind-apply-helpers": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
"integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
"license": "MIT",
"dependencies": {
"es-errors": "^1.3.0",
"function-bind": "^1.1.2"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/caniuse-lite": {
"version": "1.0.30001737",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001737.tgz",
@ -569,6 +601,18 @@
"integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
"license": "MIT"
},
"node_modules/combined-stream": {
"version": "1.0.8",
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
"license": "MIT",
"dependencies": {
"delayed-stream": "~1.0.0"
},
"engines": {
"node": ">= 0.8"
}
},
"node_modules/core-js": {
"version": "3.45.1",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-3.45.1.tgz",
@ -586,6 +630,15 @@
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
"license": "MIT"
},
"node_modules/delayed-stream": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
"license": "MIT",
"engines": {
"node": ">=0.4.0"
}
},
"node_modules/desandro-matches-selector": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/desandro-matches-selector/-/desandro-matches-selector-2.0.2.tgz",
@ -622,6 +675,65 @@
"deprecated": "dommatrix is no longer maintained. Please use @thednp/dommatrix.",
"license": "MIT"
},
"node_modules/dunder-proto": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
"integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
"license": "MIT",
"dependencies": {
"call-bind-apply-helpers": "^1.0.1",
"es-errors": "^1.3.0",
"gopd": "^1.2.0"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/es-define-property": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
"integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
"license": "MIT",
"engines": {
"node": ">= 0.4"
}
},
"node_modules/es-errors": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
"license": "MIT",
"engines": {
"node": ">= 0.4"
}
},
"node_modules/es-object-atoms": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
"integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
"license": "MIT",
"dependencies": {
"es-errors": "^1.3.0"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/es-set-tostringtag": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
"integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
"license": "MIT",
"dependencies": {
"es-errors": "^1.3.0",
"get-intrinsic": "^1.2.6",
"has-tostringtag": "^1.0.2",
"hasown": "^2.0.2"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/ev-emitter": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/ev-emitter/-/ev-emitter-1.1.1.tgz",
@ -650,18 +762,160 @@
"desandro-matches-selector": "^2.0.0"
}
},
"node_modules/follow-redirects": {
"version": "1.15.11",
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
"integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
"funding": [
{
"type": "individual",
"url": "https://github.com/sponsors/RubenVerborgh"
}
],
"license": "MIT",
"engines": {
"node": ">=4.0"
},
"peerDependenciesMeta": {
"debug": {
"optional": true
}
}
},
"node_modules/form-data": {
"version": "4.0.4",
"resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
"integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
"license": "MIT",
"dependencies": {
"asynckit": "^0.4.0",
"combined-stream": "^1.0.8",
"es-set-tostringtag": "^2.1.0",
"hasown": "^2.0.2",
"mime-types": "^2.1.12"
},
"engines": {
"node": ">= 6"
}
},
"node_modules/function-bind": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
"license": "MIT",
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/get-intrinsic": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
"integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
"license": "MIT",
"dependencies": {
"call-bind-apply-helpers": "^1.0.2",
"es-define-property": "^1.0.1",
"es-errors": "^1.3.0",
"es-object-atoms": "^1.1.1",
"function-bind": "^1.1.2",
"get-proto": "^1.0.1",
"gopd": "^1.2.0",
"has-symbols": "^1.1.0",
"hasown": "^2.0.2",
"math-intrinsics": "^1.1.0"
},
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/get-proto": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
"integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
"license": "MIT",
"dependencies": {
"dunder-proto": "^1.0.1",
"es-object-atoms": "^1.0.0"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/get-size": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/get-size/-/get-size-2.0.3.tgz",
"integrity": "sha512-lXNzT/h/dTjTxRbm9BXb+SGxxzkm97h/PCIKtlN/CBCxxmkkIVV21udumMS93MuVTDX583gqc94v3RjuHmI+2Q==",
"license": "MIT"
},
"node_modules/gopd": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
"integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
"license": "MIT",
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/graceful-fs": {
"version": "4.2.11",
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
"integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
"license": "ISC"
},
"node_modules/has-symbols": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
"integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
"license": "MIT",
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/has-tostringtag": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
"integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
"license": "MIT",
"dependencies": {
"has-symbols": "^1.0.3"
},
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/hasown": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
"integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
"license": "MIT",
"dependencies": {
"function-bind": "^1.1.2"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/hoist-non-react-statics": {
"version": "3.3.2",
"resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
"integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
"license": "BSD-3-Clause",
"dependencies": {
"react-is": "^16.7.0"
}
},
"node_modules/immutable": {
"version": "5.1.3",
"resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.3.tgz",
@ -751,6 +1005,15 @@
"outlayer": "^2.1.0"
}
},
"node_modules/math-intrinsics": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
"integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
"license": "MIT",
"engines": {
"node": ">= 0.4"
}
},
"node_modules/micromatch": {
"version": "4.0.8",
"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
@ -765,6 +1028,27 @@
"node": ">=8.6"
}
},
"node_modules/mime-db": {
"version": "1.52.0",
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/mime-types": {
"version": "2.1.35",
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
"license": "MIT",
"dependencies": {
"mime-db": "1.52.0"
},
"engines": {
"node": ">= 0.6"
}
},
"node_modules/nanoid": {
"version": "3.3.11",
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
@ -918,6 +1202,12 @@
"react-is": "^16.13.1"
}
},
"node_modules/proxy-from-env": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
"license": "MIT"
},
"node_modules/react": {
"version": "18.2.0",
"resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
@ -930,6 +1220,19 @@
"node": ">=0.10.0"
}
},
"node_modules/react-async-script": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/react-async-script/-/react-async-script-1.2.0.tgz",
"integrity": "sha512-bCpkbm9JiAuMGhkqoAiC0lLkb40DJ0HOEJIku+9JDjxX3Rcs+ztEOG13wbrOskt3n2DTrjshhaQ/iay+SnGg5Q==",
"license": "MIT",
"dependencies": {
"hoist-non-react-statics": "^3.3.0",
"prop-types": "^15.5.0"
},
"peerDependencies": {
"react": ">=16.4.1"
}
},
"node_modules/react-curved-text": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/react-curved-text/-/react-curved-text-2.0.2.tgz",
@ -956,6 +1259,19 @@
"react": "^18.2.0"
}
},
"node_modules/react-google-recaptcha": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/react-google-recaptcha/-/react-google-recaptcha-3.1.0.tgz",
"integrity": "sha512-cYW2/DWas8nEKZGD7SCu9BSuVz8iOcOLHChHyi7upUuVhkpkhYG/6N3KDiTQ3XAiZ2UAZkfvYKMfAHOzBOcGEg==",
"license": "MIT",
"dependencies": {
"prop-types": "^15.5.0",
"react-async-script": "^1.2.0"
},
"peerDependencies": {
"react": ">=16.4.1"
}
},
"node_modules/react-is": {
"version": "16.13.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",

2
package.json
View File

@ -10,6 +10,7 @@
"sass": "sass --watch public/assets/scss/main.scss:public/assets/css/main.css"
},
"dependencies": {
"axios": "^1.11.0",
"bootstrap-touchspin": "^4.7.3",
"isotope-layout": "^3.0.6",
"lightgallery": "^2.7.2",
@ -17,6 +18,7 @@
"react": "18.2.0",
"react-curved-text": "^2.0.2",
"react-dom": "18.2.0",
"react-google-recaptcha": "^3.1.0",
"react-modal-video": "^2.0.1",
"sass": "^1.66.1",
"swiper": "^10.2.0",

8
public/assets/css/module-css/about.css
View File

@ -34,7 +34,7 @@
font-size: 55px;
color: #fff;
text-align: center;
box-shadow: -10px 20px 50px rgba(75, 183, 241, 0.4);
box-shadow: -10px 20px 50px #e38b8b63;
border-radius: 10px;
background: #F9313B;
}
@ -49,7 +49,7 @@
font-size: 60px;
color: #fff;
text-align: center;
box-shadow: -10px 20px 50px rgba(75, 183, 241, 0.4);
box-shadow: -10px 20px 50px #e38b8b63;
border-radius: 15px;
}
@ -99,7 +99,7 @@
.content_block_one .content-box .list-style-one li{
float: left;
width: 50%;
width: 100%;
}
.content_block_one .content-box h6{
@ -200,7 +200,7 @@
}
.about-style-two .content_block_one .content-box .list-style-one li:before{
background: #F4F3F8;
background: #ffe6e6;
}
.content_block_one .content-box .lower-box{

2
public/assets/css/module-css/banner.css
View File

@ -132,7 +132,7 @@
.banner-carousel .swiper-slide:before{
position: absolute;
content: '';
background: #EBF5FF;
background: #f9d6d6;
width: 100%;
height: 100%;
left: 0px;

6
public/assets/css/module-css/blog-details.css
View File

@ -48,7 +48,7 @@
.blog-details-content blockquote{
position: relative;
display: block;
background: #F4F3F8;
background: #ffe6e6;
border-radius: 20px;
padding: 40px;
margin: 0px 0px 30px 0px;
@ -117,7 +117,7 @@
font-size: 16px;
line-height: 29px;
color: var(--title-color);
background: #F4F3F8;
background: #ffe6e6;
border-radius: 5px;
padding: 10px 15px;
text-align: center;
@ -200,7 +200,7 @@
font-size: 16px;
line-height: 29px;
color: var(--title-color);
background: #F4F3F8;
background: #ffe6e6;
border-radius: 5px;
padding: 5px 20px;
z-index: 1;

4
public/assets/css/module-css/chooseus.css
View File

@ -4,7 +4,7 @@
.chooseus-section{
position: relative;
padding: 114px 0px 160px 0px;
background-color: #0E1136;
background-color: #bc0000;
}
.chooseus-section .bg-layer{
@ -95,7 +95,7 @@
}
.chooseus-style-two .chooseus-block-one .inner-box h3{
color: #0E1136;
color: #bc0000;
}
.chooseus-style-two .chooseus-block-one .inner-box p{

2
public/assets/css/module-css/cta.css
View File

@ -10,7 +10,7 @@
.cta-section .bg-layer:before{
position: absolute;
content: '';
background: #0E1136;
background: #bc0000;
width: 100%;
height: 100%;
left: 0px;

28
public/assets/css/module-css/feature.css
View File

@ -12,7 +12,7 @@
box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);
border-radius: 20px;
overflow: hidden;
padding: 34px 25px 30px 23px;
padding: 25px;
z-index: 1;
margin-bottom: 30px;
transition: all 500ms ease;
@ -45,7 +45,7 @@
background: rgba(249, 49, 59, 0.05);
text-align: center;
border-radius: 50%;
margin-bottom: 20px;
margin-bottom: 10px;
transition: all 500ms ease;
}
@ -56,10 +56,10 @@
.feature-block-one .inner-box h3{
position: relative;
display: block;
font-size: 26px;
line-height: 36px;
font-size: 20px;
line-height: 26px;
font-weight: 600;
margin-bottom: 20px;
margin-bottom: 10px;
}
.feature-block-one .inner-box h3 a{
@ -211,6 +211,24 @@
}
@media only screen and (max-width: 499px){
.feature-block-one .inner-box{
position: relative;
display: block;
background: #fff;
box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);
border-radius: 20px;
overflow: hidden;
padding: 15px;
z-index: 1;
margin-bottom: 20px;
transition: all 500ms ease;
}
.feature-block-one .inner-box h3{
font-size: 16px;
line-height: 24px;
margin-bottom: 10px;
}
}

4
public/assets/css/module-css/funfact.css
View File

@ -21,7 +21,7 @@
line-height: 65px;
font-weight: 600;
margin-bottom: 15px;
color: #0E1136;
color: #bc0000;
}
.funfact-block-one .inner-box .count-outer .symble{
@ -37,7 +37,7 @@
line-height: 26px;
font-weight: 500;
color: var(--secondary-color);
background: #F4F3F8;
background: #ffe6e6;
border-radius: 8px;
padding: 12px 15px;
}

2
public/assets/css/module-css/gallery.css
View File

@ -30,7 +30,7 @@
position: relative;
display: block;
overflow: hidden;
background: #0E1136;
background: #bc0000;
border-radius: 10px;
}

2
public/assets/css/module-css/page-title.css
View File

@ -19,7 +19,7 @@
.page-title .bg-layer:before{
position: absolute;
content: '';
background: #0E1136;
background: #bc0000;
width: 100%;
height: 100%;
left: 0px;

2
public/assets/css/module-css/service-details.css
View File

@ -25,7 +25,7 @@
font-size: 36px;
line-height: 46px;
font-weight: 600;
margin-bottom: 30px;
margin-bottom: 15px;
}
.service-details-content .content-two p{

4
public/assets/css/module-css/service.css
View File

@ -61,7 +61,7 @@
.service-block-one .inner-box .image-box .icon-box:before{
position: absolute;
content: '';
background: #0109AF;
background: #bc0000;
width: 10px;
height: 12px;
left: 0px;
@ -105,7 +105,7 @@
.service-style-two{
position: relative;
background: #0E1136;
background: #bc0000;
}
.service-style-two .service-block-one .inner-box{

4
public/assets/css/module-css/sidebar.css
View File

@ -92,7 +92,7 @@
border-radius: 10px;
font-size: 22px;
font-weight: 500;
color: #0E1136;
color: #bc0000;
padding: 10px 60px 10px 40px;
}
@ -129,7 +129,7 @@
font-size: 16px;
line-height: 29px;
color: var(--title-color);
background: #F4F3F8;
background: #ffe6e6;
border-radius: 5px;
padding: 10px 15px;
text-align: center;

12
public/assets/css/module-css/solutions.css
View File

@ -14,6 +14,16 @@
max-width: 550px;
}
@media only screen and (max-width: 768px) {
.solutions-section .progress-inner{
max-width: none;
}
}
.image_block_two .image-box{
position: relative;
display: block;
@ -22,7 +32,7 @@
}
.image_block_two .image-box img{
width: 100%;
width: auto;
border-radius: 20px;
transition: all 500ms ease;
}

4
public/assets/css/module-css/subscribe.css
View File

@ -50,7 +50,7 @@
display: block;
width: 100%;
height: 66px;
background: #F4F3F8;
background: #ffe6e6;
border: 1px solid rgba(14, 17, 54, 0.05);
border-radius: 30px;
font-size: 16px;
@ -76,7 +76,7 @@
.subscribe-section:before{
position: absolute;
content: '';
background: #0E1136;
background: #bc0000;
width: 100%;
height: 50%;
left: 0px;

20
public/assets/css/module-css/team.css
View File

@ -89,12 +89,19 @@
}
.team-block-one .inner-box .lower-content{
padding: 30px 15px;
padding: 15px 15px 0px 15px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.team-block-one .inner-box .lower-content {
min-height: 135px;
}
}
.team-block-one .inner-box .lower-content h3{
display: block;
font-size: 26px;
font-size: 20px;
line-height: 36px;
font-weight: 600;
margin-bottom: 5px;
@ -116,7 +123,7 @@
.team-section .pattern-layer .pattern-1{
position: absolute;
top: -105px;
top: 0px;
right: 0px;
width: 884px;
height: 331px;
@ -314,6 +321,13 @@
@media only screen and (max-width: 499px){
.team-block-one .inner-box .lower-content{
padding: 5px 5px 0px 5px;
}
.team-block-one .inner-box .lower-content h3{
font-size: 16px;
margin-bottom: 0px;
}
}

2
public/assets/css/module-css/testimonial.css
View File

@ -124,7 +124,7 @@
/** testimonial-style-two **/
.testimonial-style-two{
padding: 114px 0px 160px 0px;
padding: 120px 0px 120px 0px;
}
.testimonial-style-two .thumb-box{

83
public/assets/css/module-css/video.css
View File

@ -10,7 +10,7 @@
.video-section .bg-layer:before{
position: absolute;
content: '';
background: #0E1136;
background: #bc0000;
width: 100%;
height: 100%;
left: 0px;
@ -56,13 +56,24 @@
.video-section .inner-box .shape{
position: absolute;
right: 185px;
right: 573px;
top: 242px;
bottom: 0px;
width: 278px;
height: 139px;
background-repeat: no-repeat;
}
.inner-box-new-color{
color: #fff;
font-size: 18px;
line-height: 36px;
/* font-weight: 600; */
margin-bottom: 5px;
}
.video-section .image-layer{
position: absolute;
right: 60px;
@ -108,6 +119,74 @@
}
@media only screen and (max-width: 1440px){
.video-section .image-layer{
display: none;
}
}
.video-section .inner-box .shape{
position: absolute;
right: 566px;
top: 174px;
bottom: 0px;
width: 278px;
height: 139px;
background-repeat: no-repeat;
}
@media only screen and (max-width: 1440px){
.video-section .inner-box .shape{
position: absolute;
right: 587px;
top: 176px;
bottom: 0px;
width: 278px;
height: 139px;
background-repeat: no-repeat;
}
}
@media only screen and (max-width: 1024px){
.video-section .inner-box .shape{
position: absolute;
right: 470px;
top: 174px;
bottom: 0px;
width: 278px;
height: 139px;
background-repeat: no-repeat;
}
}
@media only screen and (max-width: 768px){
.video-section .inner-box .shape{
position: absolute;
right: 226px;
top: 242px;
bottom: 0px;
width: 278px;
height: 139px;
background-repeat: no-repeat;
}
}
@media only screen and (max-width: 991px){
.video-section .inner-box .video-btn{

213
public/assets/css/style.css
View File

@ -112,14 +112,14 @@
:root{
--theme-color: #1D3CE2;
--theme-color: #bc0000;
--secondary-color: #F9313B;
--pink-color: #FFC0CB;
--violet-color: #1D3CE2;
--violet-color: #bc0000;
--crimson-color: #DC143C;
--orange-color: #FFA500;
--text-color: #676767;
--title-color: #0E1136;
--title-color: #bc0000;
}
@ -260,7 +260,7 @@ h1,h2,h3,h4,h5,h6{
top: 0;
width: 100%;
z-index: 9999999;
background: #0E1136;
background: #bc0000;
}
.preloader-close{
@ -451,7 +451,7 @@ img {
.theme-btn.btn-two:hover,
.theme-btn.btn-one:hover{
background: #0E1136;
background: #bc0000;
}
.theme-btn:before, .theme-btn:after {
@ -464,7 +464,7 @@ img {
width: 100%;
height: 100%;
border-radius: 50%;
background: #0E1136;
background: #bc0000;
transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transform-origin: center;
transform: scale(0) rotate(0);
@ -526,7 +526,7 @@ img {
}
.theme-btn.btn-three{
color: #0E1136 !important;
color: #bc0000 !important;
border: 1px solid #e5e5e5;
box-shadow: none;
background: #fff;
@ -758,6 +758,20 @@ img {
text-transform: capitalize;
}
@media only screen and (max-width: 1024px) {
.sec-title h2 {
position: relative;
display: block;
font-size: 38px;
line-height: 65px;
font-weight: 700;
margin: 0px;
text-transform: capitalize;
}
}
.sec-title.light h2{
color: #fff;
}
@ -843,7 +857,7 @@ img {
.header-top{
position: relative;
width: 100%;
background: #0E1136;
background: #bc0000;
padding: 15.5px 0px;
}
@ -862,6 +876,27 @@ img {
margin-right: 50px;
}
@media only screen and (max-width: 1440px) {
.header-top .top-inner .info-list li{
position: relative;
display: inline-block;
color: #fff;
padding-left: 28px;
margin-right: 25px;
}
}
@media only screen and (max-width: 1024px) {
.header-top .top-inner .info-list li{
position: relative;
display: inline-block;
color: #fff;
padding-left: 28px;
margin-right: 25px;
}
}
.header-top .top-inner .info-list li:last-child{
margin: 0px !important;
}
@ -1114,7 +1149,7 @@ img {
font-family: var(--soleil);
letter-spacing: 0.8px;
opacity:1;
color: #0E1136;
color: #bc0000;
z-index:1;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
@ -1155,7 +1190,7 @@ img {
margin-top: 15px;
z-index:100;
display:none;
background: #0E1136;
background: #bc0000;
opacity: 0;
visibility: hidden;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
@ -1240,7 +1275,7 @@ img {
left:100%;
top:0%;
margin-top: 15px;
background: #0E1136;
background: #bc0000;
width:230px;
z-index:100;
display:none;
@ -1823,7 +1858,7 @@ button.ltr {
}
.bg-color-1{
background-color: #F4F3F8;
background-color: #ffe6e6;
}
.list-style-one li{
@ -1831,7 +1866,7 @@ button.ltr {
display: block;
font-size: 16px;
line-height: 26px;
color: #0E1136;
color: #bc0000;
font-weight: 500;
padding-left: 40px;
margin-bottom: 17px;
@ -1841,7 +1876,7 @@ button.ltr {
display: block;
font-size: 16px;
line-height: 26px;
color: #0E1136;
color: #bc0000;
font-weight: 500;
padding-left: 10px;
margin-bottom: 17px;
@ -1957,7 +1992,7 @@ button.ltr {
.main-footer{
position: relative;
background: #0E1136;
background: #bc0000;
}
.main-footer .widget-section{
@ -2099,7 +2134,7 @@ button.ltr {
bottom: -223px;
width: 544px;
height: 544px;
background: #181B3E;
background: #a80303;
border-radius: 50%;
-webkit-animation: zoom-fade 8s infinite linear;
animation: zoom-fade 8s infinite linear;
@ -2346,11 +2381,11 @@ button.ltr {
position: relative;
display: inline-block;
font-size: 20px;
color: #0E1136;
color: #bc0000;
width: 48px;
height: 48px;
line-height: 52px;
background: #F4F3F8;
background: #ffe6e6;
text-align: center;
border-radius: 50%;
cursor: pointer;
@ -2477,7 +2512,7 @@ button.ltr {
}
.header-style-three .menu-right-content li{
background: #F4F3F8;
background: #ffe6e6;
}
.sticky-header .logo-box{
@ -2630,6 +2665,19 @@ button.ltr {
.sec-title h2{
font-size: 26px;
line-height: 34px;
}
.sec-pad{
padding: 30px 0px;
}
.sec-pad-2{
padding: 30px 0px;
}
}
blockquote {
@ -2641,14 +2689,125 @@ blockquote {
color: var(--text-color);
}
.sub-title-2{
font-size: 16px;
color: #fff;
}
.theme-btn-2{
position: relative;
display: inline-block;
overflow: hidden;
vertical-align: middle;
font-size: 14px;
line-height: 24px;
font-weight: 600;
font-family: var(--soleil);
color: #fff !important;
text-align: center;
border-radius: 40px;
z-index: 1;
box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);
transition: all 500ms ease;
}
.theme-btn-2.btn-one{
background: var(--theme-color);
}
.theme-btn-2.btn-two{
background: var(--secondary-color);
}
.theme-btn-2.btn-two:hover,
.theme-btn-2.btn-one:hover{
background: #bc0000;
}
.theme-btn-2:before, .theme-btn-2:after {
content: "";
position: absolute;
display: block;
box-sizing: border-box;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #bc0000;
transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transform-origin: center;
transform: scale(0) rotate(0);
z-index: -1;
}
.theme-btn-2:hover:before {
border-radius: 0;
transform: scale(1) rotate(-180deg);
}
.theme-btn-2:hover:after {
border-radius: 0;
transform: scale(1) rotate(180deg);
}
.theme-btn-2:after {
background: #0E1D40;
}
.theme-btn-2 span{
position: relative;
display: inline-block;
padding: 6px 12px 6px 12px;
}
.theme-btn-2 span:before{
position: absolute;
content: '';
background: var(--theme-color);
width: 30px;
height: 30px;
left: -5px;
top: -5px;
border-radius: 50%;
transform: scale(0,0);
transition: all 500ms ease;
}
.theme-btn-2:hover span:before{
transform: scale(1,1);
}
.theme-btn-2 span:after{
position: absolute;
content: '';
background: var(--theme-color);
width: 30px;
height: 30px;
right: -5px;
bottom: -5px;
border-radius: 50%;
transform: scale(0,0);
transition: all 500ms ease;
}
.theme-btn-2:hover span:after{
transform: scale(1,1);
}
@media(max-width: 500px) {
.theme-btn-2{
font-size: 12px;
line-height: 22px;
}
.row{
--bs-gutter-x: 20px;
}
}

BIN
public/assets/images/accident/accident-banner.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
public/assets/images/accident/catastrophic.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
public/assets/images/accident/catastrophic/1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.2 KiB

BIN
public/assets/images/accident/catastrophic/2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
public/assets/images/accident/catastrophic/big-img.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
public/assets/images/accident/catastrophic/catastrophic-banner.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
public/assets/images/accident/chronic.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.0 KiB

BIN
public/assets/images/accident/chronic/1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
public/assets/images/accident/chronic/2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
public/assets/images/accident/chronic/big-img.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
public/assets/images/accident/chronic/chronic-pain-banner.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
public/assets/images/accident/concussion.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
public/assets/images/accident/concussion/1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
public/assets/images/accident/concussion/2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
public/assets/images/accident/concussion/big-img.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
public/assets/images/accident/concussion/concussion-banner.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
public/assets/images/accident/hydrotherapy.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
public/assets/images/accident/hydrotherapy/1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
public/assets/images/accident/hydrotherapy/2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
public/assets/images/accident/hydrotherapy/big-img.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
public/assets/images/accident/hydrotherapy/hydrotherapy-banner.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
public/assets/images/accident/icons/catastrophic.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
public/assets/images/accident/icons/chronic.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
public/assets/images/accident/icons/concussion.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
public/assets/images/accident/icons/hydrotherapy.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/assets/images/accident/icons/minor.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
public/assets/images/accident/icons/psychotherapy.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
public/assets/images/accident/icons/slip.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
public/assets/images/accident/minor.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
public/assets/images/accident/minor/1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
public/assets/images/accident/minor/2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
public/assets/images/accident/minor/big-img.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
public/assets/images/accident/minor/minor-injury-banner.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
public/assets/images/accident/psychotherapy.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
public/assets/images/accident/psychotherapy/1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
public/assets/images/accident/psychotherapy/2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
public/assets/images/accident/psychotherapy/big-img.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
public/assets/images/accident/psychotherapy/psychotherapy-banner.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
public/assets/images/accident/slip.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
public/assets/images/accident/slip/1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
public/assets/images/accident/slip/2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
public/assets/images/accident/slip/big-img.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
public/assets/images/accident/slip/slip-fall-banner.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
public/assets/images/areas-of-injury/ankle-foot-injury/1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
public/assets/images/areas-of-injury/ankle-foot-injury/2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
public/assets/images/areas-of-injury/ankle-foot-injury/ankle-foot-injury-banner.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
public/assets/images/areas-of-injury/ankle-foot-injury/big-img.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
public/assets/images/areas-of-injury/ankle-foot-injury/left.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

Some files were not shown because too many files have changed in this diff Show More