Compare commits
36 Commits
e0c5d07c5e
...
559c354e44
| Author | SHA1 | Date | |
|---|---|---|---|
|
559c354e44 | ||
|
|
ff2845a7e6 | ||
|
|
597102c637 | ||
|
|
6abfd0e9f4 | ||
|
|
5099c968c0 | ||
|
|
51bbab7a28 | ||
|
|
b8bc28b3b1 | ||
|
|
fa568ed022 | ||
| 230e8541e2 | |||
|
|
5f1df6b4c9 | ||
|
|
22e84c6f65 | ||
|
|
2ad1a8f1bb | ||
|
|
bf97f4de9f | ||
|
|
54d79eaba1 | ||
| ac4afed997 | |||
|
|
9555ef70f6 | ||
|
|
7d5f7f1871 | ||
| bf57421466 | |||
|
|
2b00ffa70e | ||
| ea164bf2ae | |||
|
|
e0b298b030 | ||
|
|
d64403fb54 | ||
|
|
67ade6e6d4 | ||
| 2849497a33 | |||
|
|
246a0a4fe0 | ||
|
|
c7c2cc8d69 | ||
|
|
4487ba9e35 | ||
| 8c3a5b370f | |||
|
|
5959ff64ea | ||
|
|
1eefa72895 | ||
| 3d1b88278f | |||
|
|
231969406d | ||
|
|
1ff8830c57 | ||
| e3ab5551d9 | |||
|
|
3038013345 | ||
|
|
9fc207462b |
88
app/accident/[slug]/page.js
Normal file
88
app/accident/[slug]/page.js
Normal file
@ -0,0 +1,88 @@
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { notFound } from "next/navigation";
|
||||
import Accident from "@/utils/Accident.utils";
|
||||
|
||||
// ✅ Generate static paths for export
|
||||
export async function generateStaticParams() {
|
||||
return Accident.map((item) => ({
|
||||
slug: item.slug,
|
||||
}));
|
||||
}
|
||||
|
||||
export default function AccidentDetailsPage({ params }) {
|
||||
const service = Accident.find((item) => item.slug === params.slug);
|
||||
|
||||
if (!service) return notFound();
|
||||
|
||||
return (
|
||||
<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 */}
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="default-sidebar service-sidebar mr_15">
|
||||
|
||||
{/* Categories */}
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title"><h3>Categories</h3></div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
{Accident.map((cat) => (
|
||||
<li key={cat.id}>
|
||||
<Link
|
||||
href={`/accident/${cat.slug}`}
|
||||
className={cat.slug === service.slug ? "current" : ""}
|
||||
>
|
||||
{cat.title}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Service Card */}
|
||||
<div className="service-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image">
|
||||
<img src={service.mainImage} alt={service.title} />
|
||||
</figure>
|
||||
<div className="icon-box">
|
||||
<img src={service.icon} alt={`${service.title} Icon`} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>{service.title}</h3>
|
||||
<p>{service.shortDesc}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Content */}
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="service-details-content">
|
||||
<div
|
||||
className="service-details-description"
|
||||
dangerouslySetInnerHTML={{ __html: service.content }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
48
app/accident/page.js
Normal file
48
app/accident/page.js
Normal file
@ -0,0 +1,48 @@
|
||||
'use client';
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import Accident from "@/utils/Accident.utils";
|
||||
|
||||
export default function AccidentPage() {
|
||||
return (
|
||||
<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">
|
||||
{Accident.map((service, index) => (
|
||||
<div key={service.id} className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div
|
||||
className="service-block-one wow fadeInUp animated"
|
||||
data-wow-delay={`${index * 300}ms`}
|
||||
data-wow-duration="1500ms"
|
||||
>
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image">
|
||||
<Link href={`/accident/${service.slug}`}>
|
||||
<img src={service.mainImage} alt={service.title} />
|
||||
</Link>
|
||||
</figure>
|
||||
<div className="icon-box">
|
||||
<img
|
||||
src={service.icon}
|
||||
alt={`${service.title} Icon`}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>
|
||||
<Link href={`/accident/${service.slug}`}>{service.title}</Link>
|
||||
</h3>
|
||||
<p>{service.shortDesc}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
139
app/area-of-injury/[slug]/page.js
Normal file
139
app/area-of-injury/[slug]/page.js
Normal file
@ -0,0 +1,139 @@
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { notFound } from "next/navigation";
|
||||
import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils";
|
||||
|
||||
// ✅ Static params for export
|
||||
export async function generateStaticParams() {
|
||||
return areaOfInjuryData.map((item) => ({
|
||||
slug: item.slug,
|
||||
}));
|
||||
}
|
||||
|
||||
export default function AreaOfInjuryDetails({ params }) {
|
||||
const service = areaOfInjuryData.find((item) => item.slug === params.slug);
|
||||
|
||||
if (!service) return notFound();
|
||||
|
||||
return (
|
||||
<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 */}
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="default-sidebar service-sidebar mr_15">
|
||||
{/* Categories */}
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Categories</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
{areaOfInjuryData.map((cat) => (
|
||||
<li key={cat.id}>
|
||||
<Link
|
||||
href={`/area-of-injury/${cat.slug}`}
|
||||
className={cat.slug === service.slug ? "current" : ""}
|
||||
>
|
||||
{cat.title}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Sidebar Service Card */}
|
||||
<div className="service-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image">
|
||||
<img src={service.image} alt={service.title} />
|
||||
</figure>
|
||||
<div className="icon-box">
|
||||
<img src={service.icon} alt={`${service.title} Icon`} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>{service.title}</h3>
|
||||
<p>{service.shortDescription}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Main Content */}
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="service-details-content">
|
||||
<div className="content-one mb_60">
|
||||
{/* Main Image */}
|
||||
<figure className="image-box mb_40">
|
||||
<img src={service.mainImage} alt={service.title} />
|
||||
</figure>
|
||||
<div className="text-box">
|
||||
<h2>{service.title}</h2>
|
||||
</div>
|
||||
|
||||
{/* Dynamic Content */}
|
||||
<div
|
||||
className="service-details-description"
|
||||
dangerouslySetInnerHTML={{ __html: service.content }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Subscribe Section */}
|
||||
<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>
|
||||
);
|
||||
}
|
||||
44
app/area-of-injury/page.js
Normal file
44
app/area-of-injury/page.js
Normal file
@ -0,0 +1,44 @@
|
||||
'use client';
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils"
|
||||
|
||||
export default function AreaOfInjury() {
|
||||
return (
|
||||
<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">
|
||||
{areaOfInjuryData.map((item) => (
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block" key={item.id}>
|
||||
<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={`/area-of-injury/${item.slug}`}>
|
||||
<img src={item.image} alt={item.title} />
|
||||
</Link>
|
||||
</figure>
|
||||
<div className="icon-box">
|
||||
<img
|
||||
src={item.icon}
|
||||
alt={`${item.title} Icon`}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>
|
||||
<Link href={`/area-of-injury/${item.slug}`}>{item.title}</Link>
|
||||
</h3>
|
||||
<p>{item.shortDescription}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
)
|
||||
}
|
||||
@ -5,7 +5,7 @@ export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Contuct Us">
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Contact Us">
|
||||
<div>
|
||||
{/* Contact Form Section */}
|
||||
<section className="contact-info-section pt_120">
|
||||
@ -16,7 +16,7 @@ export default function Home() {
|
||||
<h3>Quick Contact</h3>
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-2"></i></div>
|
||||
<p>Main Office: <br /><Link href="tel:23345678901">(+233)456-789-01</Link>, <Link href="tel:+1045678901">+10456-789-01</Link></p>
|
||||
<p><Link href="tel:647-722-3434">+647-722-3434</Link><br /> <Link href="tel:416-622-2873">+416-622-2873</Link></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -25,7 +25,7 @@ export default function Home() {
|
||||
<h3>Email Address</h3>
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-26"></i></div>
|
||||
<p>Mail: <br /><Link href="mailto:info@example.com">info@example.com</Link></p>
|
||||
<p><Link href="mailto:info@rapharehab.ca">info@rapharehab.ca</Link><br /><Link href="mailto:bloor@rapharehab.ca">bloor@rapharehab.ca</Link></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -34,7 +34,7 @@ export default function Home() {
|
||||
<h3>Mailing Address</h3>
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="assets/images/icons/icon-2.png" alt="" /></div>
|
||||
<p>3891 Ranchview Dr. Richardson, <br />California 62639</p>
|
||||
<p>6 – 4335 Bloor Street West <br />Etobicoke, M9C5S2</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -90,41 +90,41 @@ export default function Home() {
|
||||
<section className="google-map-section">
|
||||
{/*Map Outer*/}
|
||||
<div className="map-inner">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2643.6895046810805!2d-122.52642526124438!3d38.00014098339506!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8085976736097a2f%3A0xbe014d20e6e22654!2sSan Rafael%2C California%2C Hoa Kỳ!5e0!3m2!1svi!2s!4v1678975266976!5m2!1svi!2s" height={570} style={{ border: 0, width: "100%" }} allowFullScreen loading="lazy" referrerPolicy="no-referrer-when-downgrade" />
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2886.847666572518!2d-79.57789668450145!3d43.6308386791466!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b3811bd400001%3A0x87ffabfe7d6aeeca!2s4335+Bloor+St+W+%236%2C+Etobicoke%2C+ON+M9C+5S2%2C+Canada!5e0!3m2!1sen!2sca!4v1693224000000!5m2!1sen!2sca" height={570} style={{ border: 0, width: "100%" }} allowFullScreen loading="lazy" referrerPolicy="no-referrer-when-downgrade" />
|
||||
</div>
|
||||
</section>
|
||||
{/* Google Map 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="/">Privacy Policy.</Link></label>
|
||||
{/* 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>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe end */}
|
||||
</section>
|
||||
{/* subscibe end */}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
|
||||
151
app/covid-19-updates/page.js
Normal file
151
app/covid-19-updates/page.js
Normal file
@ -0,0 +1,151 @@
|
||||
'use client'
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import ModalVideo from 'react-modal-video'
|
||||
import { motion } from "framer-motion"
|
||||
|
||||
const ProgressBar = ({ label, percent }) => (
|
||||
<div className="progress-box">
|
||||
<p>{label}</p>
|
||||
<div className="bar">
|
||||
<div className="bar-inner count-bar" style={{ width: `${percent}%` }}></div>
|
||||
<div className="count-text">{`${percent}%`}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
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="COVID-19 UPDATES">
|
||||
<section className="chooseus-style-two bg-color-1 pt_120 pb_120">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="content-box">
|
||||
{/* Top Intro */}
|
||||
<div className="sec-title mb_50 text-center">
|
||||
<span className="sub-title">COVID 19 UPDATES</span>
|
||||
<p>
|
||||
The COVID 19 pandemic has created increased stress and anxiety levels for many people.
|
||||
We would like to take this opportunity to remind you that virtual therapy and at-home
|
||||
or mobile therapy are effective alternatives to in-clinic therapy for many of our clients.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Virtual Therapy (Right aligned on desktop, center on mobile) */}
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-end text-lg-left"
|
||||
initial={{ opacity: 0, x: 100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box w-100 pb-0">
|
||||
<div className="icon-box mb-3 mb-lg-0">
|
||||
<img src="/assets/images/what-we-expect/icon.webp" alt="Virtual Therapy" />
|
||||
</div>
|
||||
<h3>VIRTUAL THERAPY</h3>
|
||||
<p>
|
||||
As an alternative to receiving direct in-clinic therapy, we continue to offer all
|
||||
clients the option to receive tele-rehabilitation or virtual therapy services to
|
||||
address your current therapy needs.
|
||||
</p>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
{/* Home Therapy (Left aligned on desktop, center on mobile) */}
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block mt-4">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-start text-lg-left"
|
||||
initial={{ opacity: 0, x: -100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0" >
|
||||
|
||||
<div className="icon-box ml-lg-3 mb-3 mb-lg-0">
|
||||
<img src="/assets/images/what-we-expect/icon.webp" alt="Home Therapy" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3>HOME THERAPY</h3>
|
||||
<p>
|
||||
The convenience of having a physiotherapist come to your home eliminates barriers
|
||||
faced by those who can’t drive. This improved access to therapy makes it easier for
|
||||
clients to be an active participant in their recovery.
|
||||
</p>
|
||||
<p className="mt-3">
|
||||
Being able to interact with clients in their home setting enables a therapist to see
|
||||
how the client moves and completes tasks in their everyday life.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Subscribe Section */}
|
||||
<section className="subscribe-section pt-0 bg-color-1">
|
||||
<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 text-center text-lg-left">
|
||||
<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>
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
112
app/etobicoke-treatment-service/[slug]/ServiceDetailClient.js
Normal file
112
app/etobicoke-treatment-service/[slug]/ServiceDetailClient.js
Normal file
@ -0,0 +1,112 @@
|
||||
'use client'
|
||||
|
||||
import Link from "next/link";
|
||||
import { useState } from "react";
|
||||
|
||||
export default function ServiceDetailClient({ slug, service, servicesList }) {
|
||||
const [isActive, setIsActive] = useState({ status: false, key: 1 });
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({ status: false });
|
||||
} else {
|
||||
setIsActive({ status: true, key });
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div>
|
||||
{/* service-section */}
|
||||
<section className="service-details pt_120 pb_110">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="default-sidebar service-sidebar mr_15">
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title"><h3>Services</h3></div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
{servicesList.map((item) => (
|
||||
<li key={item.slug}>
|
||||
<Link
|
||||
href={`/etobicoke-treatment-service/${item.slug}`}
|
||||
className={slug === item.slug ? "current" : ""}
|
||||
>
|
||||
{item.shortTitle}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-block-one">
|
||||
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image">
|
||||
<img src={service.sidebarImg} alt="" /></figure>
|
||||
<div className="icon-box">
|
||||
<img
|
||||
src={service.icon}
|
||||
alt={`${service.title} Icon`}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>{service.shortTitle}</h3>
|
||||
<p>{service.shortDescription}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Content */}
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="service-details-content">
|
||||
<div className="content-one mb_60">
|
||||
<figure className="image-box mb_40"><img src={service.bigImg} alt="" /></figure>
|
||||
|
||||
<div dangerouslySetInnerHTML={{ __html: service.description } || "No description available." }/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* service-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="/">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe end */}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
26
app/etobicoke-treatment-service/[slug]/page.js
Normal file
26
app/etobicoke-treatment-service/[slug]/page.js
Normal file
@ -0,0 +1,26 @@
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import { servicesList } from "@/utils/Services.utils";
|
||||
import ServiceDetailClient from "./ServiceDetailClient";
|
||||
|
||||
|
||||
|
||||
export async function generateStaticParams() {
|
||||
return servicesList.map((item) => ({
|
||||
slug: item.slug,
|
||||
}));
|
||||
}
|
||||
|
||||
export default function ServiceDetailPage({ params }) {
|
||||
const { slug } = params;
|
||||
const service = servicesList.find((item) => item.slug === slug);
|
||||
|
||||
if (!service) {
|
||||
return <div>Service not found</div>;
|
||||
}
|
||||
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle={service.shortTitle}>
|
||||
<ServiceDetailClient slug={slug} service={service} servicesList={servicesList} />
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
44
app/etobicoke-treatment-service/page.js
Normal file
44
app/etobicoke-treatment-service/page.js
Normal file
@ -0,0 +1,44 @@
|
||||
'use client';
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { servicesList } from "@/utils/Services.utils"
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Services" bannerImage="/assets/images/areas-of-injury/services-banner.webp">
|
||||
<section className="service-section sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
{servicesList.map((item) => (
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block" key={item.id}>
|
||||
<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={`/etobicoke-treatment-service/${item.slug}`}>
|
||||
<img src={item.image} alt={item.title} />
|
||||
</Link>
|
||||
</figure>
|
||||
<div className="icon-box">
|
||||
<img
|
||||
src={item.icon}
|
||||
alt={`${item.title} Icon`}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>
|
||||
<Link href={`/etobicoke-treatment-service/${item.slug}`}>{item.shortTitle}</Link>
|
||||
</h3>
|
||||
<p>{item.shortDescription}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
)
|
||||
}
|
||||
154
app/faq-physiotherapy-etobicoke/page.js
Normal file
154
app/faq-physiotherapy-etobicoke/page.js
Normal 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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
136
app/gallery-physiotherapy-etobicoke/page.js
Normal file
136
app/gallery-physiotherapy-etobicoke/page.js
Normal file
@ -0,0 +1,136 @@
|
||||
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { useState } from 'react'
|
||||
import Link from "next/link"
|
||||
export default function WhyChooseUs() {
|
||||
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="Gallery">
|
||||
|
||||
{/* gallery */}
|
||||
<section className="gallery-page-section sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-6.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-6.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-7.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-7.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-8.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-8.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-9.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-9.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-10.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-10.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-11.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-11.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
</div>
|
||||
<div className="pagination-wrapper mt_20 centred">
|
||||
<ul className="pagination clearfix">
|
||||
<li><Link href="gallery" className="current">1</Link></li>
|
||||
<li><Link href="gallery">2</Link></li>
|
||||
<li><Link href="gallery">3</Link></li>
|
||||
<li><Link href="gallery"><i className="icon-36"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* gallery 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>
|
||||
{/* subscibe end */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
|
||||
39
app/index-4/page.js
Normal file
39
app/index-4/page.js
Normal 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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
132
app/our-team-physiotherapy-etobicoke/[slug]/page.js
Normal file
132
app/our-team-physiotherapy-etobicoke/[slug]/page.js
Normal file
@ -0,0 +1,132 @@
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { notFound } from "next/navigation";
|
||||
import { teamMembers } from "@/utils/constant.utils";
|
||||
|
||||
const ProgressBar = ({ label, percent }) => (
|
||||
<div className="progress-box">
|
||||
<p>{label}</p>
|
||||
<div className="bar">
|
||||
<div className="bar-inner count-bar" style={{ width: `${percent}%` }}></div>
|
||||
<div className="count-text">{`${percent}%`}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
// ✅ Generate static params for team members
|
||||
export async function generateStaticParams() {
|
||||
return teamMembers.map((member) => ({
|
||||
slug: member.slug,
|
||||
}));
|
||||
}
|
||||
|
||||
export default function TeamDetails({ params }) {
|
||||
const member = teamMembers.find((item) => item.slug === params.slug);
|
||||
|
||||
if (!member) {
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Not Found">
|
||||
<div className="auto-container">
|
||||
<h2>Team member not found!</h2>
|
||||
<Link href="/" className="theme-btn btn-one">Go Back</Link>
|
||||
</div>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Team Details">
|
||||
<section className="team-details sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="team-details-content mb_50">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-5 col-md-12 col-sm-12 image-column">
|
||||
<figure className="image-box mr_15">
|
||||
<img src={member.image} alt={member.name} />
|
||||
</figure>
|
||||
</div>
|
||||
<div className="col-lg-7 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<h2>{member.name}</h2>
|
||||
<span className="designation">{member.designation}</span>
|
||||
<p>{member.description}</p>
|
||||
<ul className="info-list mb_30 clearfix">
|
||||
<li><strong>Experience: </strong>{member.experience}</li>
|
||||
<li><strong>Email: </strong><Link href={`mailto:${member.email}`}>{member.email}</Link></li>
|
||||
<li><strong>Phone: </strong><Link href={`tel:${member.phone}`}>{member.phone}</Link></li>
|
||||
</ul>
|
||||
<ul className="social-links clearfix">
|
||||
{member.socials.map((social, idx) => (
|
||||
<li key={idx}>
|
||||
<Link href={social.link}>
|
||||
<i className={social.icon}></i>
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="experience-details mb_50">
|
||||
<h2>Personal Experience</h2>
|
||||
<p>{member.about1}</p>
|
||||
<p>{member.about2}</p>
|
||||
</div>
|
||||
|
||||
{/* Expertise & Skills */}
|
||||
<div className="two-column">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 skills-column">
|
||||
<div className="skills-box">
|
||||
<div className="text-box mb_30">
|
||||
<h2>Expertise & Skills</h2>
|
||||
<p>Professional expertise and top-level skills demonstrated below:</p>
|
||||
</div>
|
||||
<div className="progress-inner">
|
||||
{member.skills.map((skill, index) => (
|
||||
<ProgressBar key={index} label={skill.label} percent={skill.percent} />
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Appointment Form */}
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 appointment-column">
|
||||
<div className="appointment-inner">
|
||||
<h2>Book An Appointment</h2>
|
||||
<form method="post" action="#" className="default-form">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="fname" placeholder="First Name" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="phone" placeholder="Phone Number" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="email" name="email" placeholder="Email" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="subject" placeholder="Subject" required />
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<textarea name="message" placeholder="Message"></textarea>
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
|
||||
<button type="submit" className="theme-btn btn-one">
|
||||
<span>Send Message</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
53
app/our-team-physiotherapy-etobicoke/page.js
Normal file
53
app/our-team-physiotherapy-etobicoke/page.js
Normal file
@ -0,0 +1,53 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { teamMembers } from "@/utils/constant.utils";
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Our Team">
|
||||
<section className="team-section sec-pad centred">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Our Team</span>
|
||||
<h2>Meet our experienced doctors <br />for the best treatment</h2>
|
||||
</div>
|
||||
<div className="row clearfix justify-content-center">
|
||||
{teamMembers.map((member, index) => (
|
||||
<div key={member.id} className="col-lg-4 col-md-6 col-sm-12 team-block">
|
||||
<div
|
||||
className="team-block-two 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} />
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>
|
||||
<Link href={`/our-team-physiotherapy-etobicoke/${member.slug}`}>{member.name}</Link>
|
||||
</h3>
|
||||
<span className="designation">{member.designation}</span>
|
||||
<ul className="social-links clearfix">
|
||||
{member.socials.map((social, idx) => (
|
||||
<li key={idx}>
|
||||
<Link href={social.link}><i className={social.icon}></i></Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
87
app/ourapproach-physiotherapy-etobicoke/page.js
Normal file
87
app/ourapproach-physiotherapy-etobicoke/page.js
Normal file
@ -0,0 +1,87 @@
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
|
||||
|
||||
export default function About() {
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Our Approach" bannerImage="/assets/images/what-we-expect/e]approach-banner.webp">
|
||||
{/* about-section */}
|
||||
<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 className="pattern-4" style={{ backgroundImage: "url(assets/images/shape/shape-35.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>
|
||||
</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">About Us</span>
|
||||
<h2>Our Approach</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p>Our approach begins with your diagnosis. Our customized and targeted collaborated care program is efficient and effective and will help relieve pain and restore function.</p>
|
||||
|
||||
<p>We look for the external factors like lifestyle; ergonomics that may be contributing to a delay in recovery process and advise you on the changes to your lifestyle and work environment that can help you to get back on track.</p>
|
||||
|
||||
<p>Whether your condition is acute or chronic, our team of health care therapist will sit with you one on one so that the customized rehabilitation program fits perfectly to your needs.</p>
|
||||
|
||||
<p>We follow Collaborative approach with other health professionals in developing programs which meet your needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* about-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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
61
app/page.js
61
app/page.js
@ -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
76
app/payment-insurance/page.js
Normal 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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
88
app/rehabilitation/[slug]/page.js
Normal file
88
app/rehabilitation/[slug]/page.js
Normal file
@ -0,0 +1,88 @@
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { notFound } from "next/navigation";
|
||||
import Rehabilitation from "@/utils/Rehabilitation.utils";
|
||||
|
||||
// ✅ Generate static paths for export
|
||||
export async function generateStaticParams() {
|
||||
return Rehabilitation.map((item) => ({
|
||||
slug: item.slug,
|
||||
}));
|
||||
}
|
||||
|
||||
export default function RehabilitationDetailsPage({ params }) {
|
||||
const service = Rehabilitation.find((item) => item.slug === params.slug);
|
||||
|
||||
if (!service) return notFound();
|
||||
|
||||
return (
|
||||
<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 */}
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="default-sidebar service-sidebar mr_15">
|
||||
|
||||
{/* Categories */}
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title"><h3>Categories</h3></div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
{Rehabilitation.map((cat) => (
|
||||
<li key={cat.id}>
|
||||
<Link
|
||||
href={`/rehabilitation/${cat.slug}`}
|
||||
className={cat.slug === service.slug ? "current" : ""}
|
||||
>
|
||||
{cat.title}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Service Card */}
|
||||
<div className="service-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image">
|
||||
<img src={service.mainImage} alt={service.title} />
|
||||
</figure>
|
||||
<div className="icon-box">
|
||||
<img src={service.icon} alt={`${service.title} Icon`} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>{service.title}</h3>
|
||||
<p>{service.shortDesc}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Content */}
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="service-details-content">
|
||||
<div
|
||||
className="service-details-description"
|
||||
dangerouslySetInnerHTML={{ __html: service.content }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
48
app/rehabilitation/page.js
Normal file
48
app/rehabilitation/page.js
Normal file
@ -0,0 +1,48 @@
|
||||
'use client';
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import Rehabilitation from "@/utils/Rehabilitation.utils";
|
||||
|
||||
export default function RehabilitationPage() {
|
||||
return (
|
||||
<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">
|
||||
{Rehabilitation.map((service, index) => (
|
||||
<div key={service.id} className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div
|
||||
className="service-block-one wow fadeInUp animated"
|
||||
data-wow-delay={`${index * 300}ms`}
|
||||
data-wow-duration="1500ms"
|
||||
>
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image">
|
||||
<Link href={`/rehabilitation/${service.slug}`}>
|
||||
<img src={service.mainImage} alt={service.title} />
|
||||
</Link>
|
||||
</figure>
|
||||
<div className="icon-box">
|
||||
<img
|
||||
src={service.icon}
|
||||
alt={`${service.title} Icon`}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>
|
||||
<Link href={`/rehabilitation/${service.slug}`}>{service.title}</Link>
|
||||
</h3>
|
||||
<p>{service.shortDesc}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
82
app/what-to-expect/page.js
Normal file
82
app/what-to-expect/page.js
Normal 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
164
app/why-rapha-physiotherapy-etobicoke/page.js
Normal 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>
|
||||
);
|
||||
}
|
||||
@ -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>
|
||||
|
||||
@ -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}
|
||||
|
||||
|
||||
@ -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()
|
||||
|
||||
@ -21,7 +23,14 @@ export default function Menu() {
|
||||
<li><Link href="/onepage">OnePage Home</Link></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><Link href="/about-us">About Us</Link></li>
|
||||
<li className="dropdown"><Link href="#">About Us</Link>
|
||||
<ul>
|
||||
<li><Link href="/our-team-physiotherapy-etobicoke">Our Team</Link></li>
|
||||
<li><Link href="/ourapproach-physiotherapy-etobicoke">Our Approach</Link></li>
|
||||
<li><Link href="/gallery-physiotherapy-etobicoke">Gallery</Link></li>
|
||||
{/* <li><Link href="/service-details-3">Neurosurgery</Link></li> */}
|
||||
</ul>
|
||||
</li>
|
||||
<li className="dropdown"><Link href="/">Services</Link>
|
||||
<ul>
|
||||
<li><Link href="/service">Our Services</Link></li>
|
||||
@ -34,14 +43,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 +67,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>
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>© 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>© 2024 All Rights Reserved</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</footer>
|
||||
|
||||
</>
|
||||
)
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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 */}
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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
65
components/sections/home/AboutSection.js
Normal 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
65
components/sections/home/AreaOfInjury.js
Normal 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
61
components/sections/home/CounterSection.js
Normal 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
123
components/sections/home/FaqSection.js
Normal 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
73
components/sections/home/MobileServicesSection.js
Normal 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
59
components/sections/home/ProcessSection.js
Normal 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
106
components/sections/home/ServicesSection.js
Normal 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
62
components/sections/home/WhyChooseusSection.js
Normal 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>
|
||||
);
|
||||
};
|
||||
@ -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>
|
||||
)
|
||||
};
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -29,7 +29,7 @@ export default function about() {
|
||||
</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="text-box ml_30">
|
||||
<div className="sec-title mb_15">
|
||||
<span className="sub-title">About Us</span>
|
||||
<h2>Medical services & diagnostics</h2>
|
||||
|
||||
@ -1,4 +1,10 @@
|
||||
/** @type {import('next').NextConfig} */
|
||||
const nextConfig = {}
|
||||
const nextConfig = {
|
||||
output: "export",
|
||||
trailingSlash: true,
|
||||
images: {
|
||||
unoptimized: true,
|
||||
},
|
||||
};
|
||||
|
||||
module.exports = nextConfig
|
||||
export default nextConfig;
|
||||
|
||||
359
package-lock.json
generated
359
package-lock.json
generated
@ -8,13 +8,16 @@
|
||||
"name": "start-app-dir",
|
||||
"version": "0.1.0",
|
||||
"dependencies": {
|
||||
"axios": "^1.11.0",
|
||||
"bootstrap-touchspin": "^4.7.3",
|
||||
"framer-motion": "^12.23.12",
|
||||
"isotope-layout": "^3.0.6",
|
||||
"lightgallery": "^2.7.2",
|
||||
"next": "^14.0.4-canary.36",
|
||||
"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 +501,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 +548,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 +602,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 +631,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 +676,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 +763,187 @@
|
||||
"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/framer-motion": {
|
||||
"version": "12.23.12",
|
||||
"resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.23.12.tgz",
|
||||
"integrity": "sha512-6e78rdVtnBvlEVgu6eFEAgG9v3wLnYEboM8I5O5EXvfKC8gxGQB8wXJdhkMy10iVcn05jl6CNw7/HTsTCfwcWg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"motion-dom": "^12.23.12",
|
||||
"motion-utils": "^12.23.6",
|
||||
"tslib": "^2.4.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@emotion/is-prop-valid": "*",
|
||||
"react": "^18.0.0 || ^19.0.0",
|
||||
"react-dom": "^18.0.0 || ^19.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@emotion/is-prop-valid": {
|
||||
"optional": true
|
||||
},
|
||||
"react": {
|
||||
"optional": true
|
||||
},
|
||||
"react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"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 +1033,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 +1056,42 @@
|
||||
"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/motion-dom": {
|
||||
"version": "12.23.12",
|
||||
"resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.23.12.tgz",
|
||||
"integrity": "sha512-RcR4fvMCTESQBD/uKQe49D5RUeDOokkGRmz4ceaJKDBgHYtZtntC/s2vLvY38gqGaytinij/yi3hMcWVcEF5Kw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"motion-utils": "^12.23.6"
|
||||
}
|
||||
},
|
||||
"node_modules/motion-utils": {
|
||||
"version": "12.23.6",
|
||||
"resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.23.6.tgz",
|
||||
"integrity": "sha512-eAWoPgr4eFEOFfg2WjIsMoqJTW6Z8MTUCgn/GZ3VRpClWBdnbjryiA3ZSNLyxCTmCQx4RmYX6jX1iWHbenUPNQ==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/nanoid": {
|
||||
"version": "3.3.11",
|
||||
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
|
||||
@ -918,6 +1245,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 +1263,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 +1302,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",
|
||||
|
||||
@ -10,13 +10,16 @@
|
||||
"sass": "sass --watch public/assets/scss/main.scss:public/assets/css/main.css"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^1.11.0",
|
||||
"bootstrap-touchspin": "^4.7.3",
|
||||
"framer-motion": "^12.23.12",
|
||||
"isotope-layout": "^3.0.6",
|
||||
"lightgallery": "^2.7.2",
|
||||
"next": "^14.0.4-canary.36",
|
||||
"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",
|
||||
|
||||
@ -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{
|
||||
|
||||
@ -132,7 +132,7 @@
|
||||
.banner-carousel .swiper-slide:before{
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: #EBF5FF;
|
||||
background: #f9d6d6;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0px;
|
||||
|
||||
@ -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,7 +4,7 @@
|
||||
.chooseus-section{
|
||||
position: relative;
|
||||
padding: 114px 0px 160px 0px;
|
||||
background-color: #0E1136;
|
||||
background-color: #bc0000;
|
||||
}
|
||||
|
||||
.chooseus-section .bg-layer{
|
||||
@ -70,10 +70,10 @@
|
||||
|
||||
/** chooseus-style-two **/
|
||||
|
||||
.chooseus-style-two{
|
||||
/* .chooseus-style-two{
|
||||
position: relative;
|
||||
padding: 114px 0px 50px 0px;
|
||||
}
|
||||
} */
|
||||
|
||||
.chooseus-style-two .bg-layer{
|
||||
position: absolute;
|
||||
@ -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{
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
.cta-section .bg-layer:before{
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: #0E1136;
|
||||
background: #bc0000;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0px;
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -30,7 +30,7 @@
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
background: #0E1136;
|
||||
background: #bc0000;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -19,7 +19,7 @@
|
||||
.page-title .bg-layer:before{
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: #0E1136;
|
||||
background: #bc0000;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0px;
|
||||
|
||||
@ -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{
|
||||
|
||||
@ -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{
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -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{
|
||||
|
||||
@ -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{
|
||||
|
||||
@ -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,11 +1866,21 @@ button.ltr {
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
line-height: 26px;
|
||||
color: #0E1136;
|
||||
color: #bc0000;
|
||||
font-weight: 500;
|
||||
padding-left: 40px;
|
||||
margin-bottom: 17px;
|
||||
}
|
||||
.list-style-two li{
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
line-height: 26px;
|
||||
color: #bc0000;
|
||||
font-weight: 500;
|
||||
padding-left: 10px;
|
||||
margin-bottom: 17px;
|
||||
}
|
||||
|
||||
.list-style-one li:before{
|
||||
position: absolute;
|
||||
@ -1947,7 +1992,7 @@ button.ltr {
|
||||
|
||||
.main-footer{
|
||||
position: relative;
|
||||
background: #0E1136;
|
||||
background: #bc0000;
|
||||
}
|
||||
|
||||
.main-footer .widget-section{
|
||||
@ -2089,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;
|
||||
@ -2336,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;
|
||||
@ -2467,7 +2512,7 @@ button.ltr {
|
||||
}
|
||||
|
||||
.header-style-three .menu-right-content li{
|
||||
background: #F4F3F8;
|
||||
background: #ffe6e6;
|
||||
}
|
||||
|
||||
.sticky-header .logo-box{
|
||||
@ -2620,7 +2665,148 @@ button.ltr {
|
||||
|
||||
|
||||
|
||||
.sec-title h2{
|
||||
font-size: 26px;
|
||||
line-height: 34px;
|
||||
}
|
||||
|
||||
.sec-pad{
|
||||
padding: 30px 0px;
|
||||
}
|
||||
|
||||
.sec-pad-2{
|
||||
padding: 30px 0px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
blockquote {
|
||||
font-size: 1.1rem;
|
||||
font-style: italic;
|
||||
border-left: 4px solid var(--theme-color);
|
||||
margin: 1rem 0;
|
||||
padding-left: 1rem;
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -2644,16 +2830,6 @@ button.ltr {
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
BIN
public/assets/images/accident/accident-banner.webp
Normal file
BIN
public/assets/images/accident/accident-banner.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
public/assets/images/accident/catastrophic.webp
Normal file
BIN
public/assets/images/accident/catastrophic.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.3 KiB |
BIN
public/assets/images/accident/catastrophic/1.webp
Normal file
BIN
public/assets/images/accident/catastrophic/1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
BIN
public/assets/images/accident/catastrophic/2.webp
Normal file
BIN
public/assets/images/accident/catastrophic/2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
BIN
public/assets/images/accident/catastrophic/big-img.webp
Normal file
BIN
public/assets/images/accident/catastrophic/big-img.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
public/assets/images/accident/chronic.webp
Normal file
BIN
public/assets/images/accident/chronic.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
BIN
public/assets/images/accident/chronic/1.webp
Normal file
BIN
public/assets/images/accident/chronic/1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
BIN
public/assets/images/accident/chronic/2.webp
Normal file
BIN
public/assets/images/accident/chronic/2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
public/assets/images/accident/chronic/big-img.webp
Normal file
BIN
public/assets/images/accident/chronic/big-img.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/assets/images/accident/chronic/chronic-pain-banner.webp
Normal file
BIN
public/assets/images/accident/chronic/chronic-pain-banner.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
public/assets/images/accident/concussion.webp
Normal file
BIN
public/assets/images/accident/concussion.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
BIN
public/assets/images/accident/concussion/1.webp
Normal file
BIN
public/assets/images/accident/concussion/1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
public/assets/images/accident/concussion/2.webp
Normal file
BIN
public/assets/images/accident/concussion/2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
public/assets/images/accident/concussion/big-img.webp
Normal file
BIN
public/assets/images/accident/concussion/big-img.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
public/assets/images/accident/concussion/concussion-banner.webp
Normal file
BIN
public/assets/images/accident/concussion/concussion-banner.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
public/assets/images/accident/hydrotherapy.webp
Normal file
BIN
public/assets/images/accident/hydrotherapy.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
public/assets/images/accident/hydrotherapy/1.webp
Normal file
BIN
public/assets/images/accident/hydrotherapy/1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
BIN
public/assets/images/accident/hydrotherapy/2.webp
Normal file
BIN
public/assets/images/accident/hydrotherapy/2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
public/assets/images/accident/hydrotherapy/big-img.webp
Normal file
BIN
public/assets/images/accident/hydrotherapy/big-img.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
public/assets/images/accident/icons/catastrophic.webp
Normal file
BIN
public/assets/images/accident/icons/catastrophic.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
public/assets/images/accident/icons/chronic.webp
Normal file
BIN
public/assets/images/accident/icons/chronic.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
public/assets/images/accident/icons/concussion.webp
Normal file
BIN
public/assets/images/accident/icons/concussion.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
public/assets/images/accident/icons/hydrotherapy.webp
Normal file
BIN
public/assets/images/accident/icons/hydrotherapy.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
public/assets/images/accident/icons/minor.webp
Normal file
BIN
public/assets/images/accident/icons/minor.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
public/assets/images/accident/icons/psychotherapy.webp
Normal file
BIN
public/assets/images/accident/icons/psychotherapy.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
public/assets/images/accident/icons/slip.webp
Normal file
BIN
public/assets/images/accident/icons/slip.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
public/assets/images/accident/minor.webp
Normal file
BIN
public/assets/images/accident/minor.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
public/assets/images/accident/minor/1.webp
Normal file
BIN
public/assets/images/accident/minor/1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
BIN
public/assets/images/accident/minor/2.webp
Normal file
BIN
public/assets/images/accident/minor/2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/assets/images/accident/minor/big-img.webp
Normal file
BIN
public/assets/images/accident/minor/big-img.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
public/assets/images/accident/minor/minor-injury-banner.webp
Normal file
BIN
public/assets/images/accident/minor/minor-injury-banner.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/assets/images/accident/psychotherapy.webp
Normal file
BIN
public/assets/images/accident/psychotherapy.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
public/assets/images/accident/psychotherapy/1.webp
Normal file
BIN
public/assets/images/accident/psychotherapy/1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
BIN
public/assets/images/accident/psychotherapy/2.webp
Normal file
BIN
public/assets/images/accident/psychotherapy/2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
public/assets/images/accident/psychotherapy/big-img.webp
Normal file
BIN
public/assets/images/accident/psychotherapy/big-img.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user