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

Compare commits

base: MetatroncubeSoftwareSolutions:a78e854c1e6b208c36054bdca20049d7b04b9f61
Branches Tags
MetatroncubeSoftwareSolutions:main
MetatroncubeSoftwareSolutions:team
MetatroncubeSoftwareSolutions:test
..
compare: MetatroncubeSoftwareSolutions:d5a1292ff71b6801f260794775333bfb252d8a64
Branches Tags
MetatroncubeSoftwareSolutions:main
MetatroncubeSoftwareSolutions:team
MetatroncubeSoftwareSolutions:test

No commits in common. "a78e854c1e6b208c36054bdca20049d7b04b9f61" and "d5a1292ff71b6801f260794775333bfb252d8a64" have entirely different histories.
a78e854c1e ... d5a1292ff7

215 changed files with 4173 additions and 4790 deletions
Show Stats Expand all files Collapse all files

348
app/about-us/page.js
View File

@ -1,73 +1,79 @@
'use client' 'use client'
import Layout from "@/components/layout/Layout" import Layout from "@/components/layout/Layout"
import TestimonialSlider3 from '@/components/slider/TestmonialSlider3'
import Link from "next/link" import Link from "next/link"
import { useState } from 'react' import { useState } from 'react'
import { teamMembers } from "@/utils/constant.utils";
export default function Home() { export default function Home() {
const [isOpen, setOpen] = useState(false) const [isOpen, setOpen] = useState(false)
const [activeIndex, setActiveIndex] = useState(null); const [isActive, setIsActive] = useState({
status: false,
key: 1,
})
const toggleReadMore = (index) => { const handleToggle = (key) => {
setActiveIndex(activeIndex === index ? null : index); if (isActive.key === key) {
}; setIsActive({
status: false,
})
} else {
const contents = [ setIsActive({
{ status: true,
title: "Mission", key,
img: "/assets/images/about-us/section2/mission.webp", })
text: "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" }
},
{
title: "Vision",
img: "/assets/images/about-us/section2/vision.webp",
text: "To be regarded as the most reliable and effective health care therapy practice backed by the team of innovative healthcare professionals driven by passion"
},
{
title: "Values",
img: "/assets/images/about-us/section2/values.webp",
text: "We value compassion, excellence, innovation, collaboration, and integrity. By combining empathy with evidence-based care, we create a supportive and professional environment that helps every patient achieve long-term health and well-being."
} }
];
return ( return (
<> <>
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="About Us" bannerImage="/assets/images/about-us/about-us-banner.webp"> <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="About Us">
{/* about-section */} {/* about-section */}
<section className="about-style-three pt_120 pb_120 bg-color-1"> <section className="about-style-two pt_120 pb_120">
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.png)' }}></div> <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="auto-container">
<div className="row clearfix"> <div className="row clearfix">
<div className="col-lg-6 col-md-12 col-sm-12 image-column"> <div className="col-lg-6 col-md-12 col-sm-12 image-column">
<div className="image_block_three"> <div className="image_block_one">
<div className="image-box"> <div className="image-box">
<div className="image-shape"> <div className="shape float-bob-x" style={{ backgroundImage: "url(assets/images/shape/shape-7.png)" }}></div>
<div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div> <div className="image-shape" style={{ backgroundImage: "url(assets/images/shape/shape-26.png)" }}></div>
<div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div> <figure className="image-2"><img src="assets/images/resource/about-1.png" alt="" /></figure>
<div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div> <div className="icon-one"><i className="icon-13"></i></div>
<div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div> <div className="icon-two"><i className="icon-14"></i></div>
<div className="shape-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.png)' }}></div> <div className="text-box">
<h3>Wade Warren</h3>
<span>Medical Assistant</span>
</div> </div>
<figure className="image image-1"><img src="/assets/images/about-us/section1/about-right.webp" alt="" /></figure>
<figure className="image image-2"><img src="/assets/images/about-us/section1/about-left.webp" alt="" /></figure>
<div className="icon-box"><img src="/assets/images/about-us/section1/about-icon.webp" alt="" /></div>
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-6 col-md-12 col-sm-12 content-column"> <div className="col-lg-6 col-md-12 col-sm-12 content-column">
<div className="content_block_one"> <div className="content_block_one">
<div className="content-box"> <div className="content-box ml_30">
<div className="sec-title mb_15"> <div className="sec-title mb_15">
<span className="sub-title">About Us</span> <span className="sub-title">About Us</span>
<h2>Comprehensive Physiotherapy & Rehabilitation Clinic in Etobicoke</h2> <h2>Medical services & diagnostics</h2>
</div> </div>
<div className="text-box mb_40"> <div className="text-box mb_40">
<p>Welcome to Rapha Rehab Physiotherapy Massage Therapy Clinic Etobicoke – physiotherapy clinic in etobicoke managed by Registered Physiotherapists offering reliable physiotherapy treatment Services, Sports injury physiotherapy, Pelvic floor physiotherapy, Chiropractor, Massage therapy , Acupuncture treatment, Foot Reflexology, Osteopathy, custom knee braces, orthotics, spinal decompression therapy, concussion management, chronic pain management, workplace injury management, Naturopathy and home care physiotherapy Services in Etobicoke</p> <p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.</p>
<ul className="list-style-one clearfix">
<li>Refresing to get such a personal touch.</li>
<li>Duis aute irure dolor in reprehenrit in voluptate.</li>
<li>Velit esse cillum dolore eu fugiat nua pariatur.</li>
</ul>
</div> </div>
<div className="btn-box"> <div className="lower-box">
<Link href="/contact" className="theme-btn btn-one"><span>Book Appointment</span></Link> <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>
@ -77,151 +83,221 @@ export default function Home() {
</section> </section>
{/* about-section end */} {/* about-section end */}
{/* process */} {/* process */}
<section className="process-section sec-pad "> <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">
<div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-20.png)' }}></div> <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-2 float-bob-y" style={{ backgroundImage: "url(assets/images/shape/shape-15.png)" }}></div>
<div className="shape-3"></div> <div className="shape-3"></div>
</div> </div>
<div className="auto-container"> <div className="auto-container">
<div className="sec-title mb_50 centred"> <div className="sec-title mb_50 centred">
<span className="sub-title">Caring Excellence</span> <span className="sub-title">Process</span>
<h2>Mission Vision & Values</h2> <h2>How it Helps You to <br />Keep Healthy</h2>
</div> </div>
<div className="inner-container"> <div className="inner-container">
<div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.png)' }}></div> <div className="arrow-shape" style={{ backgroundImage: "url(assets/images/shape/shape-18.png)" }}></div>
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
{contents.map((item, index) => {
const isActive = activeIndex === index;
const words = item.text.split(" ");
const shortText = words.slice(0, 20).join(" ") + (words.length > 20 ? "..." : "");
return (
<div key={index} className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
<div className="inner-box"> <div className="inner-box">
<span className="count-text">{`0${index + 1}`}</span> <span className="count-text">01</span>
<figure className="image-box"><img src={item.img} alt={item.title} /></figure> <figure className="image-box"><img src="assets/images/resource/process-1.jpg" alt="" /></figure>
<div className="lower-content"> <div className="lower-content">
<h3>{item.title}</h3> <h3>Get Appointment</h3>
<p>{isActive ? item.text : shortText}</p> <p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. </p>
{words.length > 20 && ( </div>
<button className="read-more-btn" onClick={() => toggleReadMore(index)}> </div>
{isActive ? "Read Less" : "Read More"} </div>
</button> <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>Start Check-Up</h3>
<p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. </p>
</div>
</div>
</div>
<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>Enjoy Healthy Life</h3>
<p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. </p>
</div> </div>
</div> </div>
</div> </div>
);
})}
</div> </div>
</div> </div>
</section> </section>
{/* process end */} {/* process end */}
<section className="testimonial-style-two p_relative bg-color-1">
{/* <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div> */} {/* testimonial-section */}
<section className="testimonial-style-two p_relative">
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div>
<div className="auto-container"> <div className="auto-container">
<div className="row align-items-center flex-row-reverse"> <div className="row align-items-center">
{/* RIGHT IMAGE / LEFT CONTENT */} <div className="col-lg-6 col-md-12 col-sm-12 thumb-column">
<div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1"> <div className="thumb-box">
<div className="image_block_two pl_30"> <div className="thumb thumb-1"><img src="assets/images/resource/thumb-1.png" alt="" /></div>
<div className="image-box"> <div className="thumb thumb-2"><img src="assets/images/resource/thumb-2.png" alt="" /></div>
<figure className="image image-1"><img src="/assets/images/about-us/section3/top.webp" alt="" /></figure> <div className="thumb thumb-3"><img src="assets/images/resource/thumb-3.png" alt="" /></div>
<figure className="image image-2"><img src="/assets/images/about-us/section3/bottom.webp" alt="" /></figure> <div className="thumb thumb-4"><img src="assets/images/resource/thumb-4.png" alt="" /></div>
<div className="icon-box"><img src="/assets/images/about-us/section3/icon.webp" alt="" /></div> <div className="thumb thumb-5"><img src="assets/images/resource/thumb-5.png" alt="" /></div>
<div className="thumb thumb-6"><img src="assets/images/resource/thumb-6.png" alt="" /></div>
</div> </div>
</div> </div>
</div> <div className="col-lg-6 col-md-12 col-sm-12 content-column">
<div className="col-lg-6 col-md-12 col-sm-12 content-column mb-5">
<div className="content_block_one">
<div className="content-box"> <div className="content-box">
<div className="sec-title mb_15"> <div className="sec-title mb_50">
<span className="sub-title">Why Choos Us</span> <span className="sub-title">TESTIMONIALS</span>
<h2>Your Trusted Physiotherapy Team in Etobicoke</h2> <h2>What Our Client Say About medimart</h2>
</div>
<div className="text-box mb_40">
<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 className="btn-box">
<Link href="/contact" className="theme-btn btn-one"><span>Book Appointment</span></Link>
</div> </div>
<div className="content-box">
{/*Theme Carousel*/}
<TestimonialSlider3 />
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
{/* process end */} {/* testimonial-section */}
{/* team-section-style-two */} {/* team-section-style-two */}
<section className="team-section sec-pad centred"> <section className="team-section sec-pad centred bg-color-1">
<div className="shape"> <div className="shape">
<div <div className="shape-1 float-bob-y" style={{ backgroundImage: "url(assets/images/shape/shape-15.png)" }}></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-2"></div>
<div <div className="shape-3 float-bob-x" style={{ backgroundImage: "url(assets/images/shape/shape-16.png)" }}></div>
className="shape-3 float-bob-x"
style={{ backgroundImage: "url(/assets/images/shape/shape-16.png)" }}
></div>
</div> </div>
<div className="auto-container"> <div className="auto-container">
<div className="sec-title mb_50"> <div className="sec-title mb_50">
<span className="sub-title">Our Team</span> <span className="sub-title">Our Team</span>
<h2> <h2>Meet our experienced doctors <br />for the best treatment</h2>
Meet our experienced doctors <br />for the best treatment
</h2>
</div> </div>
<div className="row clearfix">
<div className="row clearfix justify-content-center"> <div className="col-lg-3 col-md-6 col-sm-12 team-block">
{teamMembers.map((member, index) => ( <div className="team-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
<div
key={member.id}
className="col-lg-3 col-md-6 col-sm-12 team-block"
>
<div
className="team-block-one wow fadeInUp animated"
data-wow-delay={`${index * 200}ms`}
data-wow-duration="1500ms"
>
<div className="inner-box"> <div className="inner-box">
<div className="image-box"> <div className="image-box">
<figure className="image"> <figure className="image"><img src="assets/images/team/team-1.jpg" alt="" /></figure>
<img src={member.image} alt={member.name} />
</figure>
<ul className="social-links clearfix"> <ul className="social-links clearfix">
{member.socials.map((social, idx) => ( <li><Link href="/"><i className="icon-4"></i></Link></li>
<li key={idx}> <li><Link href="/"><i className="icon-5"></i></Link></li>
<Link href={social.link}> <li><Link href="/"><i className="icon-6"></i></Link></li>
<i className={social.icon}></i> <li><Link href="/"><i className="icon-7"></i></Link></li>
</Link>
</li>
))}
</ul> </ul>
</div> </div>
<div className="lower-content"> <div className="lower-content">
<h3> <h3><Link href="team-details/">Black Marvin</Link></h3>
<Link href={`/our-team-physiotherapy-etobicoke/${member.slug}`}> <span className="designation">Medical Assistant</span>
{member.name} </div>
</Link> </div>
</h3> </div>
<span className="designation">{member.designation}</span> </div>
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
<div className="team-block-one wow fadeInUp animated" data-wow-delay="200ms" data-wow-duration="1500ms">
<div className="inner-box">
<div className="image-box">
<figure className="image"><img src="assets/images/team/team-2.jpg" alt="" /></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">Eleanor Pena</Link></h3>
<span className="designation">Doctor</span>
</div>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
<div className="team-block-one wow fadeInUp animated" data-wow-delay="400ms" data-wow-duration="1500ms">
<div className="inner-box">
<div className="image-box">
<figure className="image"><img src="assets/images/team/team-3.jpg" alt="" /></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">Arlene Maccy</Link></h3>
<span className="designation">Nursing Assistant</span>
</div>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
<div className="team-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
<div className="inner-box">
<div className="image-box">
<figure className="image"><img src="assets/images/team/team-4.jpg" alt="" /></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">Jenny Wilson</Link></h3>
<span className="designation">Senior Doctor</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
))}
</div> </div>
</div> </div>
</section> </section>
{/* team-section-style-two end */}
{/* subscibe */}
<section className="subscribe-section 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">
<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> </Layout>
</> </>
) )

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

@ -32,7 +32,7 @@ export default function AccidentDetailsPage({ params }) {
{/* Categories */} {/* Categories */}
<div className="sidebar-widget category-widget"> <div className="sidebar-widget category-widget">
<div className="widget-title"><h3>Accident</h3></div> <div className="widget-title"><h3>Categories</h3></div>
<div className="widget-content"> <div className="widget-content">
<ul className="category-list clearfix"> <ul className="category-list clearfix">
{Accident.map((cat) => ( {Accident.map((cat) => (

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

@ -3,6 +3,7 @@ import Link from "next/link";
import { notFound } from "next/navigation"; import { notFound } from "next/navigation";
import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils"; import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils";
// ✅ Static params for export
export async function generateStaticParams() { export async function generateStaticParams() {
return areaOfInjuryData.map((item) => ({ return areaOfInjuryData.map((item) => ({
slug: item.slug, slug: item.slug,
@ -30,7 +31,7 @@ export default function AreaOfInjuryDetails({ params }) {
{/* Categories */} {/* Categories */}
<div className="sidebar-widget category-widget"> <div className="sidebar-widget category-widget">
<div className="widget-title"> <div className="widget-title">
<h3>Area Of Injury</h3> <h3>Categories</h3>
</div> </div>
<div className="widget-content"> <div className="widget-content">
<ul className="category-list clearfix"> <ul className="category-list clearfix">
@ -93,7 +94,7 @@ export default function AreaOfInjuryDetails({ params }) {
</section> </section>
{/* Subscribe Section */} {/* Subscribe Section */}
{/* <section className="subscribe-section"> <section className="subscribe-section">
<div className="auto-container"> <div className="auto-container">
<div className="inner-container"> <div className="inner-container">
<div className="row align-items-center"> <div className="row align-items-center">
@ -132,7 +133,7 @@ export default function AreaOfInjuryDetails({ params }) {
</div> </div>
</div> </div>
</div> </div>
</section> */} </section>
</Layout> </Layout>
); );
} }

51
app/blog/[slug]/page.js
View File

@ -1,51 +0,0 @@
import Layout from "@/components/layout/Layout";
import Link from "next/link";
import Blogs from "@/utils/Blog.utils";
import { notFound } from "next/navigation";
export async function generateStaticParams() {
return Blogs.map((item) => ({
slug: item.slug,
}));
}
export default function BlogDetails({ params }) {
const blog = Blogs.find((item) => item.slug === params.slug);
if (!blog) return notFound();
return (
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Blog Details">
<section className="sidebar-page-container sec-pad-2">
<div className="auto-container">
<div className="row clearfix">
<div className="col-lg-12 col-md-12 col-sm-12 content-side">
<div className="blog-details-content">
<div className="news-block-one">
<div className="inner-box">
<figure className="image-box">
<img
src={blog.banner}
alt={blog.title}
style={{ width: "100%", height: "auto" }}
/>
</figure>
<div className="lower-content">
{/* <ul className="post-info mb_15 clearfix">
<li><Link href="#">{blog.author}</Link></li>
<li>{blog.date}</li>
<li>{blog.comments}</li>
</ul> */}
<h2>{blog.title}</h2>
<div dangerouslySetInnerHTML={{ __html: blog.content }} />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</Layout>
);
}

182
app/blog/page.js
View File

@ -1,54 +1,172 @@
'use client'
import Layout from "@/components/layout/Layout";
import Link from "next/link";
import Blogs from "@/utils/Blog.utils";
export default function Blog() { import Layout from "@/components/layout/Layout"
import Link from "next/link"
export default function Home() {
return ( return (
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Blog"> <>
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Blog Grid">
<div>
{/* news-style-two */}
<section className="news-section sec-pad bg-color-1"> <section className="news-section sec-pad bg-color-1">
<div className="auto-container"> <div className="auto-container">
<div className="sec-title mb_50 centred"> <div className="sec-title mb_50 centred">
<span className="sub-title">Our Blog</span> <span className="sub-title">Our Blog</span>
<h2>Take a look at our most <br />recent articles</h2> <h2>Take a look at our most <br />recent articles</h2>
</div> </div>
<div className="row clearfix"> <div className="row clearfix">
{Blogs.map((blog, i) => ( <div className="col-lg-4 col-md-6 col-sm-12 news-block">
<div key={i} className="col-lg-4 col-md-6 col-sm-12 news-block"> <div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
<div
className="news-block-one wow fadeInUp animated"
data-wow-delay={`${i * 300}ms`}
data-wow-duration="1500ms"
>
<div className="inner-box"> <div className="inner-box">
<figure className="image-box"> <figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-1.jpg" alt="" /></Link></figure>
<Link href={`/blog/${blog.slug}`}>
<img src={blog.thumbnail} alt={blog.title} />
</Link>
</figure>
<div className="lower-content"> <div className="lower-content">
{/* <ul className="post-info mb_15 clearfix"> <ul className="post-info mb_15 clearfix">
<li><Link href="#">{blog.author}</Link></li> <li><Link href="blog-details">Admin</Link></li>
<li>{blog.date}</li> <li>12 Jan 2022</li>
<li>{blog.comments}</li> <li>03 Comt</li>
</ul> */} </ul>
<h3> <h3><Link href="blog-details">How do Inherited Retinal of Diseases Happen?</Link></h3>
<Link href={`/blog/${blog.slug}`}>{blog.title}</Link> <p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
</h3>
<p>{blog.shortDesc}</p>
<div className="link"> <div className="link">
<Link href={`/blog/${blog.slug}`}><span>Read More</span></Link> <Link href="blog-details"><span>Read More</span></Link>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
<div className="news-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
<div className="inner-box">
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-2.jpg" alt="" /></Link></figure>
<div className="lower-content">
<ul className="post-info mb_15 clearfix">
<li><Link href="blog-details">Admin</Link></li>
<li>11 Jan 2022</li>
<li>0 Comt</li>
</ul>
<h3><Link href="blog-details">Prepare to Speak with Your Eye Specialist.</Link></h3>
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
<div className="link">
<Link href="blog-details"><span>Read More</span></Link>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
<div className="news-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
<div className="inner-box">
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-3.jpg" alt="" /></Link></figure>
<div className="lower-content">
<ul className="post-info mb_15 clearfix">
<li><Link href="blog-details">Admin</Link></li>
<li>11 Jan 2022</li>
<li>02 Comt</li>
</ul>
<h3><Link href="blog-details">How reliece can help you manage diabetes</Link></h3>
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
<div className="link">
<Link href="blog-details"><span>Read More</span></Link>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
<div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
<div className="inner-box">
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-4.jpg" alt="" /></Link></figure>
<div className="lower-content">
<ul className="post-info mb_15 clearfix">
<li><Link href="blog-details">Admin</Link></li>
<li>12 Jan 2022</li>
<li>03 Comt</li>
</ul>
<h3><Link href="blog-details">What Causes Inherited Retinal Diseases?</Link></h3>
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
<div className="link">
<Link href="blog-details"><span>Read More</span></Link>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
<div className="news-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
<div className="inner-box">
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-5.jpg" alt="" /></Link></figure>
<div className="lower-content">
<ul className="post-info mb_15 clearfix">
<li><Link href="blog-details">Admin</Link></li>
<li>10 Jan 2022</li>
<li>7 Comt</li>
</ul>
<h3><Link href="blog-details">Get The Exercise Limited Mobility</Link></h3>
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
<div className="link">
<Link href="blog-details"><span>Read More</span></Link>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
<div className="news-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
<div className="inner-box">
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-6.jpg" alt="" /></Link></figure>
<div className="lower-content">
<ul className="post-info mb_15 clearfix">
<li><Link href="blog-details">Admin</Link></li>
<li>08 Jan 2022</li>
<li>02 Comt</li>
</ul>
<h3><Link href="blog-details">What Leads to Inherited Eye Conditions?</Link></h3>
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
<div className="link">
<Link href="blog-details"><span>Read More</span></Link>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
))}
</div> </div>
</div> </div>
</section> </section>
{/* news-style-two end */}
{/* subscribe-two */}
<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>
{/* subscribe end */}
</div>
</Layout> </Layout>
); </>
)
} }

254
app/contact/page.js
View File

@ -1,108 +1,13 @@
"use client";
import { useState, useEffect } from "react"; import Layout from "@/components/layout/Layout"
import ReCAPTCHA from "react-google-recaptcha"; import Link from "next/link"
import axios from "axios"; export default function Home() {
import Layout from "@/components/layout/Layout";
import Link from "next/link";
export default function Contact() {
const [formData, setFormData] = useState({
username: "",
lname: "",
email: "",
phone: "",
subject: "",
message: "",
});
const [formErrors, setFormErrors] = useState({});
const [captchaToken, setCaptchaToken] = useState(null);
const [alert, setAlert] = useState({ show: false, type: "", message: "" });
// Handle input changes
const handleChange = (e) => {
const { name, value } = e.target;
setFormData((prev) => ({ ...prev, [name]: value }));
};
// Handle captcha
const handleCaptchaChange = (token) => {
console.log("✅ Captcha token:", token);
setCaptchaToken(token);
};
// Form submit handler
const handleSubmit = async (e) => {
e.preventDefault();
// Validation
const errors = {};
if (!formData.username.trim()) errors.username = "First Name is required.";
if (!formData.lname.trim()) errors.lname = "Last Name is required.";
if (!formData.email.trim()) errors.email = "Email is required.";
if (!formData.phone.trim()) errors.phone = "Phone is required.";
if (!formData.subject.trim()) errors.subject = "Subject is required.";
if (!formData.message.trim()) errors.message = "Message is required.";
if (!captchaToken) errors.captcha = "Please verify the CAPTCHA.";
setFormErrors(errors);
if (Object.keys(errors).length > 0) return;
const emailData = {
...formData,
message: `Subject: ${formData.subject}<br /><br />Message: ${formData.message}`,
to: "info@rapharehab.ca",
senderName: "Rapha Rehab Contact Page",
recaptchaToken: captchaToken,
};
try {
const res = await axios.post("https://mailserver.metatronnest.com/send", emailData, {
headers: { "Content-Type": "application/json" },
});
setAlert({
show: true,
type: "success",
message: res?.data?.message || "Message sent successfully!",
});
setFormData({
username: "",
lname: "",
email: "",
phone: "",
subject: "",
message: "",
});
setCaptchaToken(null);
setFormErrors({});
} catch (error) {
console.error("❌ Error sending email:", error);
setAlert({
show: true,
type: "danger",
message: "Failed to send message. Please try again later.",
});
}
};
// Auto-hide alert
useEffect(() => {
if (alert.show) {
const timer = setTimeout(() => {
setAlert((prev) => ({ ...prev, show: false }));
}, 5000);
return () => clearTimeout(timer);
}
}, [alert.show]);
return ( return (
<> <>
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Contact Us" bannerImage="/assets/images/contact/contact-us-banner.webp"> <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Contact Us">
<div> <div>
{/* Contact Info Section */} {/* Contact Form Section */}
<section className="contact-info-section pt_120"> <section className="contact-info-section pt_120">
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
@ -111,10 +16,7 @@ export default function Contact() {
<h3>Quick Contact</h3> <h3>Quick Contact</h3>
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><i className="icon-2"></i></div> <div className="icon-box"><i className="icon-2"></i></div>
<p> <p><Link href="tel:647-722-3434">+647-722-3434</Link><br /> <Link href="tel:416-622-2873">+416-622-2873</Link></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> </div>
</div> </div>
@ -123,10 +25,7 @@ export default function Contact() {
<h3>Email Address</h3> <h3>Email Address</h3>
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><i className="icon-26"></i></div> <div className="icon-box"><i className="icon-26"></i></div>
<p> <p><Link href="mailto:info@rapharehab.ca">info@rapharehab.ca</Link><br /><Link href="mailto:bloor@rapharehab.ca">bloor@rapharehab.ca</Link></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> </div>
</div> </div>
@ -134,7 +33,7 @@ export default function Contact() {
<div className="info-block-one"> <div className="info-block-one">
<h3>Mailing Address</h3> <h3>Mailing Address</h3>
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><img src="/assets/images/icons/icon-2.png" alt="" /></div> <div className="icon-box"><img src="assets/images/icons/icon-2.png" alt="" /></div>
<p>6 – 4335 Bloor Street West <br />Etobicoke, M9C5S2</p> <p>6 – 4335 Bloor Street West <br />Etobicoke, M9C5S2</p>
</div> </div>
</div> </div>
@ -142,8 +41,8 @@ export default function Contact() {
</div> </div>
</div> </div>
</section> </section>
{/* Contact Form Section End */}
{/* Contact Form Section */} {/* Contact Form Section2 */}
<section className="contact-style-three pt_90 pb_120"> <section className="contact-style-three pt_90 pb_120">
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
@ -152,122 +51,83 @@ export default function Contact() {
<div className="sec-title mb_50"> <div className="sec-title mb_50">
<h2>Send a Message</h2> <h2>Send a Message</h2>
</div> </div>
<form method="post" action="sendemail.php" id="contact-form" className="default-form">
{/* Alert Message */}
{alert.show && (
<div className={`alert alert-${alert.type}`}>{alert.message}</div>
)}
<form onSubmit={handleSubmit} className="default-form">
<div className="row clearfix"> <div className="row clearfix">
<div className="col-lg-6 col-md-6 col-sm-12 form-group"> <div className="col-lg-6 col-md-6 col-sm-12 form-group">
<input <input type="text" name="username" placeholder="First Name" required />
type="text"
name="username"
placeholder="First Name"
value={formData.username}
onChange={handleChange}
/>
{formErrors.username && <small className="text-danger">{formErrors.username}</small>}
</div> </div>
<div className="col-lg-6 col-md-6 col-sm-12 form-group"> <div className="col-lg-6 col-md-6 col-sm-12 form-group">
<input <input type="text" name="lname" placeholder="Last Name" required />
type="text"
name="lname"
placeholder="Last Name"
value={formData.lname}
onChange={handleChange}
/>
{formErrors.lname && <small className="text-danger">{formErrors.lname}</small>}
</div> </div>
<div className="col-lg-6 col-md-6 col-sm-12 form-group"> <div className="col-lg-6 col-md-6 col-sm-12 form-group">
<input <input type="email" name="email" placeholder="Your email" required />
type="email"
name="email"
placeholder="Your Email"
value={formData.email}
onChange={handleChange}
/>
{formErrors.email && <small className="text-danger">{formErrors.email}</small>}
</div> </div>
<div className="col-lg-6 col-md-6 col-sm-12 form-group"> <div className="col-lg-6 col-md-6 col-sm-12 form-group">
<input <input type="text" name="phone" required placeholder="Phone" />
type="text"
name="phone"
placeholder="Phone"
value={formData.phone}
onChange={handleChange}
/>
{formErrors.phone && <small className="text-danger">{formErrors.phone}</small>}
</div> </div>
<div className="col-lg-12 col-md-12 col-sm-12 form-group"> <div className="col-lg-12 col-md-12 col-sm-12 form-group">
<input <input type="text" name="subject" required placeholder="Subject" />
type="text"
name="subject"
placeholder="Subject"
value={formData.subject}
onChange={handleChange}
/>
{formErrors.subject && <small className="text-danger">{formErrors.subject}</small>}
</div> </div>
<div className="col-lg-12 col-md-12 col-sm-12 form-group"> <div className="col-lg-12 col-md-12 col-sm-12 form-group">
<textarea <textarea name="message" placeholder="Message"></textarea>
name="message"
placeholder="Message"
value={formData.message}
onChange={handleChange}
></textarea>
{formErrors.message && <small className="text-danger">{formErrors.message}</small>}
</div> </div>
{/* ReCAPTCHA */}
<div className="col-lg-12 mb-3">
<ReCAPTCHA
sitekey="6LekfpwrAAAAAOTwuP1d2gg-Fv9UEsAjE2gjOQJl"
onChange={handleCaptchaChange}
/>
{formErrors.captcha && <small className="text-danger">{formErrors.captcha}</small>}
</div>
<div className="col-lg-12 col-md-12 col-sm-12 form-group message-btn"> <div className="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
<button className="theme-btn btn-one" type="submit" name="submit-form"> <button className="theme-btn btn-one" type="submit" name="submit-form"><span>Send Message</span></button>
<span>Send Message</span>
</button>
</div> </div>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
<div className="col-lg-4 col-md-12 col-sm-12 image-column"> <div className="col-lg-4 col-md-12 col-sm-12 image-column">
<figure className="image-box"> <figure className="image-box"><img src="assets/images/resource/contact-1.jpg" alt="" /></figure>
<img src="/assets/images/contact/img.webp" alt="" />
</figure>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
{/* Contact Form Section2 End */}
{/* Google Map */} {/* Google Map Section */}
<section className="google-map-section"> <section className="google-map-section">
{/*Map Outer*/}
<div className="map-inner"> <div className="map-inner">
<iframe <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" />
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> </div>
</section> </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>
<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>
</Layout> </Layout>
</> </>
); )
} }

16
app/covid-19-updates/page.js
View File

@ -38,14 +38,14 @@ export default function Home() {
return ( return (
<> <>
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="COVID-19 UPDATES" bannerImage="/assets/images/covid/covid-19-banner.webp"> <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="COVID-19 UPDATES">
<section className="chooseus-style-two bg-color-1 pt_120 pb_120"> <section className="chooseus-style-two bg-color-1 pt_120 pb_120">
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
<div className="content-box"> <div className="content-box">
{/* Top Intro */} {/* Top Intro */}
<div className="sec-title mb_50 text-center"> <div className="sec-title mb_50 text-center">
<h2 className="mb-3">COVID 19 UPDATES</h2> <span className="sub-title">COVID 19 UPDATES</span>
<p> <p>
The COVID 19 pandemic has created increased stress and anxiety levels for many people. 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 We would like to take this opportunity to remind you that virtual therapy and at-home
@ -65,10 +65,10 @@ export default function Home() {
> >
<div className="inner-box w-100 pb-0"> <div className="inner-box w-100 pb-0">
<div className="icon-box mb-3 mb-lg-0"> <div className="icon-box mb-3 mb-lg-0">
<img src="/assets/images/covid/virtual.webp" alt="Virtual Therapy" /> <img src="/assets/images/what-we-expect/icon.webp" alt="Virtual Therapy" />
</div> </div>
<h3>VIRTUAL THERAPY</h3> <h3>VIRTUAL THERAPY</h3>
<p className="mb-5"> <p>
As an alternative to receiving direct in-clinic therapy, we continue to offer all 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 clients the option to receive tele-rehabilitation or virtual therapy services to
address your current therapy needs. address your current therapy needs.
@ -89,7 +89,7 @@ export default function Home() {
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0" > <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"> <div className="icon-box ml-lg-3 mb-3 mb-lg-0">
<img src="/assets/images/covid/home.webp" alt="Home Therapy" /> <img src="/assets/images/what-we-expect/icon.webp" alt="Home Therapy" />
</div> </div>
<div> <div>
@ -99,7 +99,7 @@ export default function Home() {
faced by those who can’t drive. This improved access to therapy makes it easier for 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. clients to be an active participant in their recovery.
</p> </p>
<p className="mt-3 mb-5"> <p className="mt-3">
Being able to interact with clients in their home setting enables a therapist to see 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. how the client moves and completes tasks in their everyday life.
</p> </p>
@ -114,7 +114,7 @@ export default function Home() {
</section> </section>
{/* Subscribe Section */} {/* Subscribe Section */}
{/* <section className="subscribe-section pt-0 bg-color-1"> <section className="subscribe-section pt-0 bg-color-1">
<div className="auto-container"> <div className="auto-container">
<div className="inner-container"> <div className="inner-container">
<div className="row align-items-center"> <div className="row align-items-center">
@ -144,7 +144,7 @@ export default function Home() {
</div> </div>
</div> </div>
</div> </div>
</section> */} </section>
</Layout> </Layout>
</> </>
) )

BIN
app/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 183 KiB

After

Width:  |  Height:  |  Size: 15 KiB

30
app/gallery-physiotherapy-etobicoke/page.js
View File

@ -23,7 +23,7 @@ export default function WhyChooseUs() {
} }
return ( return (
<> <>
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Gallery" bannerImage="/assets/images/gallery-page/gallery-banner.webp"> <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Gallery">
{/* gallery */} {/* gallery */}
<section className="gallery-page-section sec-pad-2"> <section className="gallery-page-section sec-pad-2">
@ -32,8 +32,8 @@ export default function WhyChooseUs() {
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block"> <div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
<div className="gallery-block-one"> <div className="gallery-block-one">
<div className="inner-box"> <div className="inner-box">
<figure className="image-box"><img src="/assets/images/gallery/gallery-6.jpg" alt="" /></figure> <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 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> </div>
</div> </div>
@ -41,8 +41,8 @@ export default function WhyChooseUs() {
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block"> <div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
<div className="gallery-block-one"> <div className="gallery-block-one">
<div className="inner-box"> <div className="inner-box">
<figure className="image-box"><img src="/assets/images/gallery/gallery-7.jpg" alt="" /></figure> <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 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> </div>
</div> </div>
@ -50,8 +50,8 @@ export default function WhyChooseUs() {
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block"> <div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
<div className="gallery-block-one"> <div className="gallery-block-one">
<div className="inner-box"> <div className="inner-box">
<figure className="image-box"><img src="/assets/images/gallery/gallery-8.jpg" alt="" /></figure> <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 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> </div>
</div> </div>
@ -59,8 +59,8 @@ export default function WhyChooseUs() {
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block"> <div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
<div className="gallery-block-one"> <div className="gallery-block-one">
<div className="inner-box"> <div className="inner-box">
<figure className="image-box"><img src="/assets/images/gallery/gallery-9.jpg" alt="" /></figure> <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 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> </div>
</div> </div>
@ -68,8 +68,8 @@ export default function WhyChooseUs() {
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block"> <div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
<div className="gallery-block-one"> <div className="gallery-block-one">
<div className="inner-box"> <div className="inner-box">
<figure className="image-box"><img src="/assets/images/gallery/gallery-10.jpg" alt="" /></figure> <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 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> </div>
</div> </div>
@ -77,8 +77,8 @@ export default function WhyChooseUs() {
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block"> <div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
<div className="gallery-block-one"> <div className="gallery-block-one">
<div className="inner-box"> <div className="inner-box">
<figure className="image-box"><img src="/assets/images/gallery/gallery-11.jpg" alt="" /></figure> <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 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> </div>
</div> </div>
@ -97,7 +97,7 @@ export default function WhyChooseUs() {
{/* gallery end */} {/* gallery end */}
{/* subscibe */} {/* subscibe */}
{/* <section className="subscribe-section"> <section className="subscribe-section">
<div className="auto-container"> <div className="auto-container">
<div className="inner-container"> <div className="inner-container">
<div className="row align-items-center"> <div className="row align-items-center">
@ -125,7 +125,7 @@ export default function WhyChooseUs() {
</div> </div>
</div> </div>
</div> </div>
</section> */} </section>
{/* subscibe end */} {/* subscibe end */}
</Layout> </Layout>
</> </>

11
app/our-team-physiotherapy-etobicoke/[slug]/page.js
View File

@ -13,7 +13,7 @@ const ProgressBar = ({ label, percent }) => (
</div> </div>
); );
// ✅ Generate static params for team members
export async function generateStaticParams() { export async function generateStaticParams() {
return teamMembers.map((member) => ({ return teamMembers.map((member) => ({
slug: member.slug, slug: member.slug,
@ -35,19 +35,14 @@ export default function TeamDetails({ params }) {
} }
return ( return (
<Layout <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Team Details">
headerStyle={2}
footerStyle={1}
breadcrumbTitle={member.name}
bannerImage={member.bannerImage}
>
<section className="team-details sec-pad-2"> <section className="team-details sec-pad-2">
<div className="auto-container"> <div className="auto-container">
<div className="team-details-content mb_50"> <div className="team-details-content mb_50">
<div className="row clearfix"> <div className="row clearfix">
<div className="col-lg-5 col-md-12 col-sm-12 image-column"> <div className="col-lg-5 col-md-12 col-sm-12 image-column">
<figure className="image-box mr_15"> <figure className="image-box mr_15">
<img src={member.imageDetail} alt={member.name} /> <img src={member.image} alt={member.name} />
</figure> </figure>
</div> </div>
<div className="col-lg-7 col-md-12 col-sm-12 content-column"> <div className="col-lg-7 col-md-12 col-sm-12 content-column">

4
app/our-team-physiotherapy-etobicoke/page.js
View File

@ -6,8 +6,8 @@ import { teamMembers } from "@/utils/constant.utils";
export default function Home() { export default function Home() {
return ( return (
<> <>
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Our Team" bannerImage="/assets/images/our-team/our-team-banner.webp"> <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Our Team">
<section className="team-section pt_120 pb_120 centred"> <section className="team-section sec-pad centred">
<div className="auto-container"> <div className="auto-container">
<div className="sec-title mb_50"> <div className="sec-title mb_50">
<span className="sub-title">Our Team</span> <span className="sub-title">Our Team</span>

33
app/ourapproach-physiotherapy-etobicoke/page.js
View File

@ -5,30 +5,25 @@ import Layout from "@/components/layout/Layout"
export default function About() { export default function About() {
return ( return (
<> <>
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Our Approach" bannerImage="/assets/images/our-approach/our-approach-banner.webp"> <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Our Approach" bannerImage="/assets/images/what-we-expect/e]approach-banner.webp">
{/* about-section */} {/* about-section */}
<section className="about-style-two pt_120 pb_120"> <section className="about-style-two pt_120 pb_120">
<div className="pattern-layer"> <div className="pattern-layer">
<div className="pattern-1 rotate-me" style={{ backgroundImage: "url(/assets/images/shape/shape-8.png)" }}></div> <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-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-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 className="pattern-4" style={{ backgroundImage: "url(assets/images/shape/shape-35.png)" }}></div>
</div> </div>
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
<div className="col-lg-6 col-md-12 col-sm-12 image-column mb-3"> <div className="col-lg-6 col-md-12 col-sm-12 image-column">
<div className="image_block_three"> <div className="image_block_one">
<div className="image-box"> <div className="image-box">
<div className="image-shape"> <div className="shape float-bob-x" style={{ backgroundImage: "url(assets/images/shape/shape-7.png)" }}></div>
<div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div> <div className="image-shape" style={{ backgroundImage: "url(assets/images/shape/shape-26.png)" }}></div>
<div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div> <figure className="image-2"><img src="assets/images/resource/about-1.png" alt="" /></figure>
<div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div> <div className="icon-one"><i className="icon-13"></i></div>
<div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div> <div className="icon-two"><i className="icon-14"></i></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/our-approach/right.webp" alt="" /></figure>
<figure className="image image-2"><img src="/assets/images/our-approach/left.webp" alt="" /></figure>
<div className="icon-box"><img src="/assets/images/our-approach/icon.webp" alt="" /></div>
</div> </div>
</div> </div>
</div> </div>
@ -56,7 +51,7 @@ export default function About() {
</section> </section>
{/* about-section end */} {/* about-section end */}
{/* subscibe */} {/* subscibe */}
{/* <section className="subscribe-section"> <section className="subscribe-section">
<div className="auto-container"> <div className="auto-container">
<div className="inner-container"> <div className="inner-container">
<div className="row align-items-center"> <div className="row align-items-center">
@ -84,7 +79,7 @@ export default function About() {
</div> </div>
</div> </div>
</div> </div>
</section> */} </section>
{/* subscibe end */} {/* subscibe end */}
</Layout> </Layout>
</> </>

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

@ -32,7 +32,7 @@ export default function RehabilitationDetailsPage({ params }) {
{/* Categories */} {/* Categories */}
<div className="sidebar-widget category-widget"> <div className="sidebar-widget category-widget">
<div className="widget-title"><h3>Rehabilitation</h3></div> <div className="widget-title"><h3>Categories</h3></div>
<div className="widget-content"> <div className="widget-content">
<ul className="category-list clearfix"> <ul className="category-list clearfix">
{Rehabilitation.map((cat) => ( {Rehabilitation.map((cat) => (

30
components/layout/Menu.js
View File

@ -7,7 +7,6 @@ import { servicesList } from "@/utils/Services.utils"
export default function Menu() { export default function Menu() {
// const router = useRouter() // const router = useRouter()
return ( return (
<> <>
@ -18,14 +17,14 @@ export default function Menu() {
<ul className="navigation clearfix"> <ul className="navigation clearfix">
<li className="dropdown"><Link href="/">Home</Link> <li className="dropdown"><Link href="/">Home</Link>
{/* <ul> <ul>
<li><Link href="/">Home Page One</Link></li> <li><Link href="/">Home Page One</Link></li>
<li><Link href="/index-2">Home Page Two</Link></li> <li><Link href="/index-2">Home Page Two</Link></li>
<li><Link href="/index-3">Home Page Three</Link></li> <li><Link href="/index-3">Home Page Three</Link></li>
<li><Link href="/onepage">OnePage Home</Link></li> <li><Link href="/onepage">OnePage Home</Link></li>
</ul> */} </ul>
</li> </li>
<li className="dropdown"><Link href="/about-us">About Us</Link> <li className="dropdown"><Link href="#">About Us</Link>
<ul> <ul>
<li><Link href="/our-team-physiotherapy-etobicoke">Our Team</Link></li> <li><Link href="/our-team-physiotherapy-etobicoke">Our Team</Link></li>
<li><Link href="/ourapproach-physiotherapy-etobicoke">Our Approach</Link></li> <li><Link href="/ourapproach-physiotherapy-etobicoke">Our Approach</Link></li>
@ -33,28 +32,17 @@ export default function Menu() {
<li><Link href="/covid-19-updates">Covid-19-Updates</Link></li> <li><Link href="/covid-19-updates">Covid-19-Updates</Link></li>
</ul> </ul>
</li> </li>
<li className="dropdown relative group" > <li className="dropdown"><Link href="/">Services</Link>
<Link href="/etobicoke-treatment-service" > <ul>
Services {servicesList.map(item => (
</Link> <li key={item.id}>
<Link href={`/etobicoke-treatment-service/${item.slug}`}>
{/* Dropdown */}
<ul className="absolute left-0 hidden group-hover:grid p-4
grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4"
style={{ columnCount: 4, width: "100%", left:"0px" }}>
{servicesList.map((item) => (
<li key={item.id} className="break-inside-avoid">
<Link
href={`/etobicoke-treatment-service/${item.slug}`}
>
{item.shortTitle} {item.shortTitle}
</Link> </Link>
</li> </li>
))} ))}
</ul> </ul>
</li> </li>
{/* <li className="dropdown"><Link href="/">Team</Link> {/* <li className="dropdown"><Link href="/">Team</Link>
<ul> <ul>
<li><Link href="/team">Our Team</Link></li> <li><Link href="/team">Our Team</Link></li>
@ -120,7 +108,7 @@ export default function Menu() {
</li> </li>
{/* Contact */} {/* Contact */}
<li><Link href="/contact">Contact</Link></li> <li><Link href="/contact-us">Contact</Link></li>
</ul> </ul>
</> </>

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

@ -1,178 +1,73 @@
import Link from "next/link" import Link from "next/link"
import Rehabilitation from "@/utils/Rehabilitation.utils"
import Accident from "@/utils/Accident.utils"
import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils"
import { servicesList } from "@/utils/Services.utils"
export default function Footer2() {
const servicesCols = [
servicesList.slice(0, 6),
servicesList.slice(6, 12),
servicesList.slice(12, 18),
];
export default function Footer1() {
return ( return (
<> <>
<footer className="main-footer"> <footer className="main-footer" id="footer">
<div className="pattern-layer"> <div className="pattern-layer">
<div <div className="pattern-1" style={{ backgroundImage: "url(assets/images/shape/shape-23.png)" }}></div>
className="pattern-1" <div className="pattern-2" style={{ backgroundImage: "url(assets/images/shape/shape-24.png)" }}></div>
style={{ backgroundImage: "url(/assets/images/shape/shape-23.png)" }} <div className="pattern-3" style={{ backgroundImage: "url(assets/images/shape/shape-25.png)" }}></div>
></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 className="pattern-4"></div>
</div> </div>
<div className="widget-section pt_120 pb_100"> <div className="widget-section pt_120 pb_100">
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
<div className="col-lg-3 col-md-6 col-sm-12 footer-column"> <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
<div className="footer-widget logo-widget"> <div className="footer-widget logo-widget">
<figure className="footer-logo"> <figure className="footer-logo"><Link href="/"><img src="/assets/images/footer-logo.png" alt="" /></Link></figure>
<Link href="/"> <p>Lorem ipsum dolor sit amet constetur adipiscing elit. Etiam eu turpis mostie dictum est a, mattis tellus.</p>
<img src="/assets/images/footer-logo.png" alt="" />
</Link>
</figure>
<p>
Welcome to Rapha Rehab Physiotherapy & Massage Therapy Clinic in Etobicoke.
</p>
<ul className="social-links clearfix"> <ul className="social-links clearfix">
<li> <li><Link href="/"><i className="icon-4"></i></Link></li>
<Link href="/"><i className="icon-4"></i></Link> <li><Link href="/"><i className="icon-5"></i></Link></li>
</li> <li><Link href="/"><i className="icon-6"></i></Link></li>
<li> <li><Link href="/"><i className="icon-7"></i></Link></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> </ul>
</div> </div>
</div> </div>
<div className="col-lg-9 col-md-12 col-sm-12 footer-column">
<div className="footer-widget links-widget">
<div className="widget-title text-center">
<h3>SERVICES</h3>
</div>
<div className="row">
{servicesCols.map((col, index) => (
<div
key={index}
className="col-lg-4 col-md-4 col-sm-12 widget-content"
>
<ul className="links-list clearfix">
{col.map((item) => (
<li key={item.id}>
<Link
href={`/etobicoke-treatment-service/${item.slug}`}
>
{item.shortTitle}
</Link>
</li>
))}
</ul>
</div>
))}
</div>
</div>
</div>
</div>
<div className="row clearfix mt-5">
<div className="col-lg-3 col-md-6 col-sm-12 footer-column"> <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
<div className="footer-widget links-widget"> <div className="footer-widget links-widget ml_110">
<div className="widget-title"> <div className="widget-title">
<h3>AREA OF INJURY</h3> <h3>Quick Link</h3>
</div> </div>
<div className="widget-content"> <div className="widget-content">
<ul className="links-list clearfix"> <ul className="links-list clearfix">
{areaOfInjuryData.map((item) => ( <li><Link href="/">Home</Link></li>
<li key={item.id}> <li><Link href="about">About Us</Link></li>
<Link href={`/area-of-injury/${item.slug}`}> <li><Link href="service">Services</Link></li>
{item.title} <li><Link href="/">Elements</Link></li>
</Link> <li><Link href="contact">Contacts Us</Link></li>
</li>
))}
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-3 col-md-6 col-sm-12 footer-column"> <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
<div className="footer-widget links-widget"> <div className="footer-widget links-widget ml_55">
<div className="widget-title"> <div className="widget-title">
<h3>REHABILITATION</h3> <h3>Useful Links</h3>
</div> </div>
<div className="widget-content"> <div className="widget-content">
<ul className="links-list clearfix"> <ul className="links-list clearfix">
{Rehabilitation.map((item) => ( <li><Link href="/">Privacy Policy</Link></li>
<li key={item.id}> <li><Link href="/">Terms &</Link></li>
<Link href={`/rehabilitation/${item.slug}`}> <li><Link href="/">Condition</Link></li>
{item.title} <li><Link href="/">Support</Link></li>
</Link> <li><Link href="/">Disclaimer</Link></li>
</li> <li><Link href="/">Faq</Link></li>
))}
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
<div className="footer-widget links-widget">
<div className="widget-title">
<h3>ACCIDENT</h3>
</div>
<div className="widget-content">
<ul className="links-list clearfix">
{Accident.map((item) => (
<li key={item.id}>
<Link href={`/accident/${item.slug}`}>
{item.title}
</Link>
</li>
))}
</ul>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-12 footer-column"> <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
<div className="footer-widget contact-widget"> <div className="footer-widget contact-widget">
<div className="widget-title"> <div className="widget-title">
<h3>CONTACT US</h3> <h3>Contact us</h3>
</div> </div>
<div className="widget-content"> <div className="widget-content">
<ul className="info-list"> <ul className="info-list">
<li> <li><img src="/assets/images/icons/icon-1.png" alt="" />3891 Ranchview Dr. Richardson, California USA</li>
<img <li><i className="icon-2"></i><Link href="tel:01989526503">0198-9526503</Link></li>
src="/assets/images/icons/icon-1.png" <li><i className="icon-26"></i><Link href="mailto:example@info.com">example@info.com</Link></li>
alt=""
/>6 – 4335 Bloor Street West Etobicoke, M9C5S2
</li>
<li>
<i className="icon-2"></i>
<Link href="tel:647-722-3434">647-722-3434</Link>
</li>
<li>
<i className="icon-26"></i>
<Link href="mailto:info@rapharehab.ca">
info@rapharehab.ca
</Link>
</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -180,30 +75,24 @@ const servicesCols = [
</div> </div>
</div> </div>
</div> </div>
<div className="footer-bottom"> <div className="footer-bottom">
<div className="auto-container"> <div className="auto-container">
<div className="bottom-inner d-flex justify-content-center text-center"> <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"> <div className="copyright">
<p> <p>&copy; 2024 All Rights Reserved</p>
© Copyright {new Date().getFullYear()} Rapha Rehab | Powered by{" "}
<a
href="https://metatroncubesolutions.com/"
target="_blank"
rel="noopener noreferrer"
style={{ color: "#fff", fontWeight: "700" }}
>
MetatronCube
</a>{" "}
All Rights Reserved
</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</footer> </footer>
</> </>
) )
} }

189
components/layout/footer/Footer2.js
View File

@ -1,178 +1,74 @@
import Link from "next/link" import Link from "next/link"
import Rehabilitation from "@/utils/Rehabilitation.utils"
import Accident from "@/utils/Accident.utils"
import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils"
import { servicesList } from "@/utils/Services.utils"
export default function Footer2() { export default function Footer2() {
const servicesCols = [
servicesList.slice(0, 6),
servicesList.slice(6, 12),
servicesList.slice(12, 18),
];
return ( return (
<> <>
<footer className="main-footer"> <footer className="main-footer">
<div className="pattern-layer"> <div className="pattern-layer">
<div <div className="pattern-1" style={{ backgroundImage: "url(assets/images/shape/shape-23.png)" }}></div>
className="pattern-1" <div className="pattern-2" style={{ backgroundImage: "url(assets/images/shape/shape-24.png)" }}></div>
style={{ backgroundImage: "url(/assets/images/shape/shape-23.png)" }} <div className="pattern-3" style={{ backgroundImage: "url(assets/images/shape/shape-25.png)" }}></div>
></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 className="pattern-4"></div>
</div> </div>
<div className="widget-section pt_120 pb_100"> <div className="widget-section pt_120 pb_100">
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
<div className="col-lg-3 col-md-6 col-sm-12 footer-column"> <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
<div className="footer-widget logo-widget"> <div className="footer-widget logo-widget">
<figure className="footer-logo"> <figure className="footer-logo"><Link href="/"><img src="assets/images/footer-logo.png" alt="" /></Link></figure>
<Link href="/"> <p>Lorem ipsum dolor sit amet constetur adipiscing elit. Etiam eu turpis mostie dictum est a, mattis tellus.</p>
<img src="/assets/images/footer-logo.png" alt="" />
</Link>
</figure>
<p>
Welcome to Rapha Rehab Physiotherapy & Massage Therapy Clinic in Etobicoke.
</p>
<ul className="social-links clearfix"> <ul className="social-links clearfix">
<li> <li><Link href="/"><i className="icon-4"></i></Link></li>
<Link href="/"><i className="icon-4"></i></Link> <li><Link href="/"><i className="icon-5"></i></Link></li>
</li> <li><Link href="/"><i className="icon-6"></i></Link></li>
<li> <li><Link href="/"><i className="icon-7"></i></Link></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> </ul>
</div> </div>
</div> </div>
<div className="col-lg-9 col-md-12 col-sm-12 footer-column">
<div className="footer-widget links-widget">
<div className="widget-title text-center">
<h3>SERVICES</h3>
</div>
<div className="row">
{servicesCols.map((col, index) => (
<div
key={index}
className="col-lg-4 col-md-4 col-sm-12 widget-content"
>
<ul className="links-list clearfix">
{col.map((item) => (
<li key={item.id}>
<Link
href={`/etobicoke-treatment-service/${item.slug}`}
>
{item.shortTitle}
</Link>
</li>
))}
</ul>
</div>
))}
</div>
</div>
</div>
</div>
<div className="row clearfix mt-5">
<div className="col-lg-3 col-md-6 col-sm-12 footer-column"> <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
<div className="footer-widget links-widget"> <div className="footer-widget links-widget ml_110">
<div className="widget-title"> <div className="widget-title">
<h3>AREA OF INJURY</h3> <h3>Quick Link</h3>
</div> </div>
<div className="widget-content"> <div className="widget-content">
<ul className="links-list clearfix"> <ul className="links-list clearfix">
{areaOfInjuryData.map((item) => ( <li><Link href="/">Home</Link></li>
<li key={item.id}> <li><Link href="about">About Us</Link></li>
<Link href={`/area-of-injury/${item.slug}`}> <li><Link href="service">Services</Link></li>
{item.title} <li><Link href="/">Elements</Link></li>
</Link> <li><Link href="contact">Contacts Us</Link></li>
</li>
))}
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-3 col-md-6 col-sm-12 footer-column"> <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
<div className="footer-widget links-widget"> <div className="footer-widget links-widget ml_55">
<div className="widget-title"> <div className="widget-title">
<h3>REHABILITATION</h3> <h3>Useful Links</h3>
</div> </div>
<div className="widget-content"> <div className="widget-content">
<ul className="links-list clearfix"> <ul className="links-list clearfix">
{Rehabilitation.map((item) => ( <li><Link href="/">Privacy Policy</Link></li>
<li key={item.id}> <li><Link href="/">Terms &</Link></li>
<Link href={`/rehabilitation/${item.slug}`}> <li><Link href="/">Condition</Link></li>
{item.title} <li><Link href="/">Support</Link></li>
</Link> <li><Link href="/">Disclaimer</Link></li>
</li> <li><Link href="/">Faq</Link></li>
))}
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
<div className="footer-widget links-widget">
<div className="widget-title">
<h3>ACCIDENT</h3>
</div>
<div className="widget-content">
<ul className="links-list clearfix">
{Accident.map((item) => (
<li key={item.id}>
<Link href={`/accident/${item.slug}`}>
{item.title}
</Link>
</li>
))}
</ul>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-12 footer-column"> <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
<div className="footer-widget contact-widget"> <div className="footer-widget contact-widget">
<div className="widget-title"> <div className="widget-title">
<h3>CONTACT US</h3> <h3>Contact us</h3>
</div> </div>
<div className="widget-content"> <div className="widget-content">
<ul className="info-list"> <ul className="info-list">
<li> <li><img src="assets/images/icons/icon-1.png" alt="" />3891 Ranchview Dr. Richardson, California USA</li>
<img <li><i className="icon-2"></i><Link href="tel:01989526503">0198-9526503</Link></li>
src="/assets/images/icons/icon-1.png" <li><i className="icon-26"></i><Link href="mailto:example@info.com">example@info.com</Link></li>
alt=""
/>6 – 4335 Bloor Street West Etobicoke, M9C5S2
</li>
<li>
<i className="icon-2"></i>
<Link href="tel:647-722-3434">647-722-3434</Link>
</li>
<li>
<i className="icon-26"></i>
<Link href="mailto:example@info.com">
info@rapharehab.ca
</Link>
</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -180,30 +76,25 @@ const servicesCols = [
</div> </div>
</div> </div>
</div> </div>
<div className="footer-bottom"> <div className="footer-bottom">
<div className="auto-container"> <div className="auto-container">
<div className="bottom-inner d-flex justify-content-center text-center"> <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"> <div className="copyright">
<p> <p>&copy; 2024 All Rights Reserved</p>
© Copyright {new Date().getFullYear()} Rapha Rehab | Powered by{" "}
<a
href="https://metatroncubesolutions.com/"
target="_blank"
rel="noopener noreferrer"
style={{ color: "#fff", fontWeight: "700" }}
>
MetatronCube
</a>{" "}
All Rights Reserved
</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</footer> </footer>
</> </>
) )
} }

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

@ -53,17 +53,6 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
<div className="logo-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>
{/* 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> */}
<div className="menu-area"> <div className="menu-area">
{/* Mobile Navigation Toggler */} {/* Mobile Navigation Toggler */}
<div className="mobile-nav-toggler" onClick={handleMobileMenu}> <div className="mobile-nav-toggler" onClick={handleMobileMenu}>
@ -79,6 +68,16 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
</nav> </nav>
</div> </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>
</div> </div>
</div> </div>
</div> </div>
@ -101,9 +100,9 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
{/* <li className="search-box-outer search-toggler" onClick={handlePopup}> {/* <li className="search-box-outer search-toggler" onClick={handlePopup}>
<i className="icon-27"></i> <i className="icon-27"></i>
</li> */} </li> */}
{/* <li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}> <li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
<i className="icon-28"></i> <i className="icon-28"></i>
</li> */} </li>
</ul> </ul>
</div> </div>

18
components/sections/home/AboutSection.js
View File

@ -5,20 +5,20 @@ export default function AboutSection() {
return ( return (
<section className="about-style-two pt_120 pb_120"> <section className="about-style-two pt_120 pb_120">
<div className="pattern-layer"> <div className="pattern-layer">
<div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div> <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-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-3" style={{ backgroundImage: 'url(assets/images/shape/shape-11.png)' }}></div>
</div> </div>
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
<div className="col-lg-6 col-md-12 col-sm-12 image-column"> <div className="col-lg-6 col-md-12 col-sm-12 image-column">
<div className="image_block_one"> <div className="image_block_one">
<div className="image-box"> <div className="image-box">
<div className="shape float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div> <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> <div className="image-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-26.png)' }}></div>
<figure className="image-2"><img src="/assets/images/home/welcome/home-welcome.webp" alt="" /></figure> <figure className="image-2"><img src="assets/images/resource/about-1.png" alt="" /></figure>
<div className="icon-one"><img src="/assets/images/home/welcome/top-icon.webp" alt="" /></div> <div className="icon-one"><i className="icon-13"></i></div>
<div className="icon-two"><img src="/assets/images/home/welcome/bottom-icon.webp" alt="" /></div> <div className="icon-two"><i className="icon-14"></i></div>
{/* <div className="text-box"> {/* <div className="text-box">
<h3>Wade Warren</h3> <h3>Wade Warren</h3>
<span>Medical Assistant</span> <span>Medical Assistant</span>
@ -43,7 +43,7 @@ export default function AboutSection() {
</ul> </ul>
</div> </div>
<div className="btn-box"> <div className="btn-box">
<Link href="/etobicoke-treatment-service" className="theme-btn btn-one"><span>Explore Our Service</span></Link> <Link href="index-2" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
</div> </div>
{/* <div className="lower-box"> {/* <div className="lower-box">
<div className="experience-box"> <div className="experience-box">

16
components/sections/home/FaqSection.js
View File

@ -33,15 +33,15 @@ export default function FaqSection() {
<div className="image_block_three"> <div className="image_block_three">
<div className="image-box"> <div className="image-box">
<div className="image-shape"> <div className="image-shape">
<div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div> <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-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-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-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 className="shape-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.png)' }}></div>
</div> </div>
<figure className="image image-1"><img src="/assets/images/home/why-trust-us/trust-right.webp" alt="" /></figure> <figure className="image image-1"><img src="assets/images/resource/about-2.jpg" alt="" /></figure>
<figure className="image image-2"><img src="/assets/images/home/why-trust-us/trust-left.webp" alt="" /></figure> <figure className="image image-2"><img src="assets/images/resource/about-3.jpg" alt="" /></figure>
<div className="icon-box"><img src="/assets/images/home/why-trust-us/icon.webp" alt="" /></div> <div className="icon-box"><i className="icon-14"></i></div>
</div> </div>
</div> </div>
</div> </div>

2
components/sections/home/MobileServicesSection.js
View File

@ -23,7 +23,7 @@ export default function MobileServices() {
? service.title.slice(0, 20) + "..." ? service.title.slice(0, 20) + "..."
: service.title}</Link></h3> : service.title}</Link></h3>
<div className="btn-box"> <div className="btn-box">
<Link href="index-2" className="theme-btn-2 btn-one"><span>View Service</span></Link> <Link href="index-2" className="theme-btn-2 btn-one"><span>View Services</span></Link>
</div> </div>
{/* <p>Lorem ipsum dolor sit amet ctetur adipiscing</p> */} {/* <p>Lorem ipsum dolor sit amet ctetur adipiscing</p> */}
</div> </div>

10
components/sections/home/WhyChooseusSection.js
View File

@ -4,8 +4,8 @@ import React from 'react';
export default function WhyChooseUsSection() { export default function WhyChooseUsSection() {
return ( return (
<section className="chooseus-section"> <section className="chooseus-section">
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/why-choose/why-choose-right.webp)' }}></div> <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="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-12.png)' }}></div>
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
<div className="col-lg-8 col-md-12 col-sm-12 content-column"> <div className="col-lg-8 col-md-12 col-sm-12 content-column">
@ -19,7 +19,7 @@ export default function WhyChooseUsSection() {
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block"> <div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
<div className="chooseus-block-one"> <div className="chooseus-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><img src="/assets/images/home/why-choose/expert-team.webp" alt="" /></div> <div className="icon-box"><i className="icon-18"></i></div>
<h3>Expert Team</h3> <h3>Expert Team</h3>
<p>At Etobicoke Physiotherapy, we have expert team of professionals</p> <p>At Etobicoke Physiotherapy, we have expert team of professionals</p>
</div> </div>
@ -28,7 +28,7 @@ export default function WhyChooseUsSection() {
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block"> <div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
<div className="chooseus-block-one"> <div className="chooseus-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><img src="/assets/images/home/why-choose/understand.webp" alt="" /></div> <div className="icon-box"><i className="icon-21"></i></div>
<h3>Understand your Pain</h3> <h3>Understand your Pain</h3>
<p>Etobicoke physiotherapy offer Treatment for faster recovery</p> <p>Etobicoke physiotherapy offer Treatment for faster recovery</p>
</div> </div>
@ -37,7 +37,7 @@ export default function WhyChooseUsSection() {
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block"> <div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
<div className="chooseus-block-one"> <div className="chooseus-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><img src="/assets/images/home/why-choose/ready.webp" alt="" /></div> <div className="icon-box"><i className="icon-19"></i></div>
<h3>Ready To Go</h3> <h3>Ready To Go</h3>
<p>Flexible opening hours conveniently located in etobicoke</p> <p>Flexible opening hours conveniently located in etobicoke</p>
</div> </div>

77
components/sections/home1/News.js
View File

@ -1,49 +1,72 @@
import React from 'react'; import React from 'react';
import Link from "next/link" import Link from "next/link"
import Blogs from "@/utils/Blog.utils";
export default function News() { export default function News() {
return ( return (
<section className="news-section pt_120 pb_120 bg-color-1"> <section className="news-section sec-pad bg-color-1">
<div className="auto-container"> <div className="auto-container">
<div className="sec-title mb_50 centred"> <div className="sec-title mb_50 centred">
<span className="sub-title">Our Blog</span> <span className="sub-title">Our Blog</span>
<h2>Take a look at our most <br />recent articles</h2> <h2>Take a look at our most <br />recent articles</h2>
</div> </div>
<div className="row clearfix"> <div className="row clearfix">
{Blogs.map((blog, i) => ( <div className="col-lg-4 col-md-6 col-sm-12 news-block">
<div key={i} className="col-lg-4 col-md-6 col-sm-12 news-block"> <div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
<div
className="news-block-one wow fadeInUp animated"
data-wow-delay={`${i * 300}ms`}
data-wow-duration="1500ms"
>
<div className="inner-box"> <div className="inner-box">
<figure className="image-box"> <figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-1.jpg" alt="" /></Link></figure>
<Link href={`/blog/${blog.slug}`}>
<img src={blog.thumbnail} alt={blog.title} />
</Link>
</figure>
<div className="lower-content"> <div className="lower-content">
{/* <ul className="post-info mb_15 clearfix"> <ul className="post-info mb_15 clearfix">
<li><Link href="#">{blog.author}</Link></li> <li><Link href="blog-details">Admin</Link></li>
<li>{blog.date}</li> <li>12 Jan 2022</li>
<li>{blog.comments}</li> <li>03 Comt</li>
</ul> */} </ul>
<h3> <h3><Link href="blog-details">How do Inherited Retinal of Diseases Happen?</Link></h3>
<Link href={`/blog/${blog.slug}`}>{blog.title}</Link> <p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
</h3>
<p>{blog.shortDesc}</p>
<div className="link"> <div className="link">
<Link href={`/blog/${blog.slug}`}><span>Read More</span></Link> <Link href="blog-details"><span>Read More</span></Link>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
<div className="news-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
<div className="inner-box">
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-2.jpg" alt="" /></Link></figure>
<div className="lower-content">
<ul className="post-info mb_15 clearfix">
<li><Link href="blog-details">Admin</Link></li>
<li>11 Jan 2022</li>
<li>0 Comt</li>
</ul>
<h3><Link href="blog-details">Prepare to Speak with Your Eye Specialist.</Link></h3>
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
<div className="link">
<Link href="blog-details"><span>Read More</span></Link>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
<div className="news-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
<div className="inner-box">
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-3.jpg" alt="" /></Link></figure>
<div className="lower-content">
<ul className="post-info mb_15 clearfix">
<li><Link href="blog-details">Admin</Link></li>
<li>11 Jan 2022</li>
<li>02 Comt</li>
</ul>
<h3><Link href="blog-details">How reliece can help you manage diabetes</Link></h3>
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
<div className="link">
<Link href="blog-details"><span>Read More</span></Link>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
))}
</div> </div>
</div> </div>
</section> </section>
); );

6
components/sections/home1/Testimonial.js
View File

@ -5,15 +5,15 @@ export default function Testimonial() {
<> <>
<section className="testimonial-section sec-pad bg-color-1"> <section className="testimonial-section sec-pad bg-color-1">
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/testimonial-left.webp)' }}></div> <div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/testimonial-bg.jpg)' }}></div>
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-21.png)' }}></div> <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-21.png)' }}></div>
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
<div className="col-xl-6 col-lg-12 col-md-12 offset-xl-6 content-column"> <div className="col-xl-6 col-lg-12 col-md-12 offset-xl-6 content-column">
<div className="content-box p_relative ml_45"> <div className="content-box p_relative ml_45">
<div className="sec-title mb_50"> <div className="sec-title mb_50">
<span className="sub-title">Testimonials</span> <span className="sub-title">Testimonials</span>
<h2>What Our Clients Say About Rapha Rehab</h2> <h2>What Our Client Say About Medimart</h2>
</div> </div>
<div className="content-box"> <div className="content-box">
<TestimonialSlider1 /> <TestimonialSlider1 />

10
components/sections/home1/Video.js
View File

@ -7,11 +7,11 @@ export default function Video() {
return ( return (
<> <>
<section className="video-section p_relative"> <section className="video-section p_relative">
<div className="bg-layer parallax-bg" data-parallax='{"y": 100}' style={{ backgroundImage: 'url(/assets/images/home/make-an-appointment/make-an-appopintment-bg.webp)' }}></div> <div className="bg-layer parallax-bg" data-parallax='{"y": 100}' style={{ backgroundImage: 'url(assets/images/background/video-bg.jpg)' }}></div>
<figure className="image-layer"><img src="/assets/images/home/make-an-appointment/make-an-appopintment-right.webp" alt="" /></figure> <figure className="image-layer"><img src="assets/images/resource/video-1.png" alt="" /></figure>
<div className="auto-container"> <div className="auto-container">
<div className="inner-box"> <div className="inner-box">
{/* <div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-17.png)' }}></div> */} <div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-17.png)' }}></div>
<div className="video-btn"> <div className="video-btn">
<a onClick={() => setOpen(true)}><i className="fas fa-play"></i> <a onClick={() => setOpen(true)}><i className="fas fa-play"></i>
<span className="border-animation border-1"></span> <span className="border-animation border-1"></span>
@ -19,9 +19,9 @@ export default function Video() {
<span className="border-animation border-3"></span> <span className="border-animation border-3"></span>
</a> </a>
</div> </div>
<h2>Expert Online Consultations <br />with Certified Doctors</h2> <h2>Online Consultations With <br />Qualified Doctors</h2>
<div className="btn-box"> <div className="btn-box">
<Link href="/contact" className="theme-btn btn-one"><span>Schedule Your Consultation</span></Link> <Link href="/#" className="theme-btn btn-one"><span>Make an Appointment</span></Link>
</div> </div>
</div> </div>
</div> </div>

65
components/sections/home2/Banner.js
View File

@ -35,72 +35,45 @@ export default function Banner() {
<section className="banner-style-two p_relative"> <section className="banner-style-two p_relative">
<Swiper {...swiperOptions} className="banner-carousel owl-theme owl-carousel owl-nav-none owl-dots-none"> <Swiper {...swiperOptions} className="banner-carousel owl-theme owl-carousel owl-nav-none owl-dots-none">
<SwiperSlide className="slide-item"> <SwiperSlide className="slide-item">
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-1.webp)' }}></div> <div className="bg-layer" style={{ backgroundImage: 'url(assets/images/banner/banner-1.jpg)' }}></div>
<figure className="image-layer"><img src="/assets/images/home/banner/banner-img-1.webp" alt="" /></figure> <figure className="image-layer"><img src="assets/images/banner/banner-img-2.png" alt="" /></figure>
<div className="auto-container"> <div className="auto-container">
<div className="content-box"> <div className="content-box">
<span className="upper-text">The Journey to Better Health Begins here</span> <span className="upper-text">The Art of Healthcare Starts Right Now</span>
<h2>Your Path to <span>Recovery</span> Starts Today</h2> <h2>We offer <span>complete</span> Healthcare services.</h2>
<p>Expert Physiotherapy in Mississauga Tailored for You.</p> <p>It is not only the medicine that cures and recovers your health earlier, it is the Healthcare team who loves the art of treatment with love.</p>
<p>
Our skilled team provides personalized physiotherapy in Mississauga Ontario to help you regain mobility and live pain-free. Compassionate care designed around your needs.</p>
<div className="btn-box"> <div className="btn-box">
<Link href="tel:+647-722-3434" className="theme-btn btn-one"> <Link href="index-2" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
<span>Book Your Appointment</span>
</Link>
</div>
</div>
</div>
</SwiperSlide>
{/* Repeat the above structure for each slide-item as needed */}
<SwiperSlide className="slide-item">
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-2.webp' }}></div>
<figure className="image-layer"><img src="/assets/images/home/banner/banner-img-2.webp" alt="" /></figure>
<div className="auto-container">
<div className="content-box">
<span className="upper-text">Compassionate Care, Delivered with Expertise</span>
<h2>Healing Touch, <span>Fresh</span> Inner Strength</h2>
<p>Expert Hand Massage Techniques for Relief</p>
<p>
Experience targeted hand massage therapy to ease tension and promote healing, delivered by experienced therapists focused on your comfort and well-being.
</p>
<div className="btn-box">
<Link href="/contact" className="theme-btn btn-one"><span>Schedule a Massage</span></Link>
</div> </div>
</div> </div>
</div> </div>
</SwiperSlide> </SwiperSlide>
{/* Repeat the above structure for each slide-item as needed */} {/* Repeat the above structure for each slide-item as needed */}
<SwiperSlide className="slide-item"> <SwiperSlide className="slide-item">
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-3.webp' }}></div> <div className="bg-layer" style={{ backgroundImage: 'url(assets/images/banner/banner-1.jpg)' }}></div>
<figure className="image-layer"><img src="/assets/images/home/banner/banner-img-3.webp" alt="" /></figure> <figure className="image-layer"><img src="assets/images/banner/banner-img-2.png" alt="" /></figure>
<div className="auto-container"> <div className="auto-container">
<div className="content-box"> <div className="content-box">
<span className="upper-text">Your Path to Wellness Starts Here</span> <span className="upper-text">The Art of Healthcare Starts Right Now</span>
<h2>Local Physio <span>Experts </span> Near You</h2> <h2>We offer <span>complete</span> Healthcare services.</h2>
<p>Physiotherapy Etobicoke & Rehab Care.</p> <p>It is not only the medicine that cures and recovers your health earlier, it is the Healthcare team who loves the art of treatment with love.</p>
<p>
Offering comprehensive physiotherapy and rehabilitation services in Etobicoke to support your wellness journey and help restore your strength efficiently.
</p>
<div className="btn-box"> <div className="btn-box">
<Link href="/etobicoke-treatment-service" className="theme-btn btn-one"><span>Explore Our Service</span></Link> <Link href="index-2" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
</div> </div>
</div> </div>
</div> </div>
</SwiperSlide> </SwiperSlide>
{/* Repeat the above structure for each slide-item as needed */}
<SwiperSlide className="slide-item"> <SwiperSlide className="slide-item">
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-4.webp' }}></div> <div className="bg-layer" style={{ backgroundImage: 'url(assets/images/banner/banner-1.jpg)' }}></div>
<figure className="image-layer"><img src="/assets/images/home/banner/banner-img-4.webp" alt="" /></figure> <figure className="image-layer"><img src="assets/images/banner/banner-img-2.png" alt="" /></figure>
<div className="auto-container"> <div className="auto-container">
<div className="content-box"> <div className="content-box">
<span className="upper-text">Healing Hands, Caring Hearts in Action</span> <span className="upper-text">The Art of Healthcare Starts Right Now</span>
<h2>Wellness <span>by the</span>Waterfront</h2> <h2>We offer <span>complete</span> Healthcare services.</h2>
<p>Waterfront Physio and Rehab Services.</p> <p>It is not only the medicine that cures and recovers your health earlier, it is the Healthcare team who loves the art of treatment with love.</p>
<p>Find peace and healing with our specialized waterfront physio and rehab programs designed for lasting wellness and a better quality of life.</p>
<div className="btn-box"> <div className="btn-box">
<Link href="/contact" className="theme-btn btn-one"><span>Visit Our Location</span></Link> <Link href="index-2" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
</div> </div>
</div> </div>
</div> </div>

26
components/sections/home2/Features.js
View File

@ -1,59 +1,55 @@
import Link from "next/link"; import Link from "next/link"
import React from 'react'; import React from 'react';
export default function Features() { export default function Features() {
return ( return (
<> <>
<section className="feature-style-two centred"> <section className="feature-style-two centred">
<div className="auto-container"> <div className="auto-container">
<div className="inner-container"> <div className="inner-container">
<div className="row clearfix"> <div className="row clearfix">
<div className="col-lg-3 col-md-6 col-sm-12 feature-block"> <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
<div className="feature-block-two"> <div className="feature-block-two">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><i className="icon-9"></i></div> <div className="icon-box"><i className="icon-9"></i></div>
<h3><Link href="/">Experienced Professionals</Link></h3> <h3><Link href="/">Qualified Doctor</Link></h3>
<p>Expert and compassionate care tailored to every patient.</p> <p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-3 col-md-6 col-sm-12 feature-block"> <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
<div className="feature-block-two"> <div className="feature-block-two">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><i className="icon-10"></i></div> <div className="icon-box"><i className="icon-10"></i></div>
<h3><Link href="/">24/7 Emergency</Link></h3> <h3><Link href="/">Emergency Help</Link></h3>
<p>Immediate medical support available anytime, day or night.</p> <p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-3 col-md-6 col-sm-12 feature-block"> <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
<div className="feature-block-two"> <div className="feature-block-two">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><i className="icon-11"></i></div> <div className="icon-box"><i className="icon-11"></i></div>
<h3><Link href="/">Advanced Technology</Link></h3> <h3><Link href="/">Modern Equipment</Link></h3>
<p>Modern equipment ensuring accurate diagnosis and treatment.</p> <p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-3 col-md-6 col-sm-12 feature-block"> <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
<div className="feature-block-two"> <div className="feature-block-two">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><i className="icon-12"></i></div> <div className="icon-box"><i className="icon-12"></i></div>
<h3><Link href="/">Family Care</Link></h3> <h3><Link href="/">Family Medicine</Link></h3>
<p>Comprehensive health services for all ages, from newborns to seniors.</p> <p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
</> </>
) )
} }

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

@ -34,16 +34,16 @@ export default function Solution() {
</div> */} </div> */}
<div className="btn-box mt_50"> <div className="btn-box mt_50">
<Link href="/contact" className="theme-btn btn-one"><span>Contact Us</span></Link> <Link href="index-2" className="theme-btn btn-one"><span>Contact Us</span></Link>
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-6 col-md-12 col-sm-12 image-column"> <div className="col-lg-6 col-md-12 col-sm-12 image-column">
<div className="image_block_two"> <div className="image_block_two">
<div className="image-box"> <div className="image-box">
<figure className="image image-1"><img src="/assets/images/home/trusted/trusted-physiotherapy-back.webp" alt="" /></figure> <figure className="image image-1"><img src="assets/images/resource/skills-1.jpg" alt="" /></figure>
<figure className="image image-2"><img src="/assets/images/home/trusted/trusted-physiotherapy-front.webp" alt="" /></figure> <figure className="image image-2"><img src="assets/images/resource/skills-2.jpg" alt="" /></figure>
<div className="icon-box"><img src="/assets/images/home/trusted/icon.webp" alt="" /></div> <div className="icon-box"><i className="icon-33"></i></div>
</div> </div>
</div> </div>
</div> </div>

64
components/slider/TestimonialSlider1.js
View File

@ -60,8 +60,8 @@ export default function TestimonialSlider1() {
<div className="testimonial-block-one"> <div className="testimonial-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><i className="icon-23"></i></div> <div className="icon-box"><i className="icon-23"></i></div>
<p>“Rapha Rehab provided exceptional care and support throughout my physiotherapy sessions. The team’s professionalism and personalized approach helped me recover faster than I expected.”</p> <p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
{/* <div className="author-box"> <div className="author-box">
<figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure> <figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
<ul className="rating clearfix"> <ul className="rating clearfix">
<li><i className="fas fa-star"></i></li> <li><i className="fas fa-star"></i></li>
@ -72,7 +72,7 @@ export default function TestimonialSlider1() {
</ul> </ul>
<h3>Robert Fox</h3> <h3>Robert Fox</h3>
<span className="designation">Dog Trainer</span> <span className="designation">Dog Trainer</span>
</div> */} </div>
</div> </div>
</div> </div>
</SwiperSlide> </SwiperSlide>
@ -80,8 +80,8 @@ export default function TestimonialSlider1() {
<div className="testimonial-block-one"> <div className="testimonial-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><i className="icon-23"></i></div> <div className="icon-box"><i className="icon-23"></i></div>
<p>“The hand massage therapy at Rapha Rehab was incredibly effective in relieving my pain and tension. The therapists are skilled and truly caring.”</p> <p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
{/* <div className="author-box"> <div className="author-box">
<figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure> <figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
<ul className="rating clearfix"> <ul className="rating clearfix">
<li><i className="fas fa-star"></i></li> <li><i className="fas fa-star"></i></li>
@ -92,7 +92,7 @@ export default function TestimonialSlider1() {
</ul> </ul>
<h3>Robert Fox</h3> <h3>Robert Fox</h3>
<span className="designation">Dog Trainer</span> <span className="designation">Dog Trainer</span>
</div> */} </div>
</div> </div>
</div> </div>
</SwiperSlide> </SwiperSlide>
@ -100,8 +100,8 @@ export default function TestimonialSlider1() {
<div className="testimonial-block-one"> <div className="testimonial-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><i className="icon-23"></i></div> <div className="icon-box"><i className="icon-23"></i></div>
<p>“I highly recommend Rapha Rehab for anyone looking for top-quality physio services in Mississauga. The modern equipment and expert staff make a real difference.”</p> <p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
{/* <div className="author-box"> <div className="author-box">
<figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure> <figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
<ul className="rating clearfix"> <ul className="rating clearfix">
<li><i className="fas fa-star"></i></li> <li><i className="fas fa-star"></i></li>
@ -112,7 +112,7 @@ export default function TestimonialSlider1() {
</ul> </ul>
<h3>Robert Fox</h3> <h3>Robert Fox</h3>
<span className="designation">Dog Trainer</span> <span className="designation">Dog Trainer</span>
</div> */} </div>
</div> </div>
</div> </div>
</SwiperSlide> </SwiperSlide>
@ -120,8 +120,8 @@ export default function TestimonialSlider1() {
<div className="testimonial-block-one"> <div className="testimonial-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><i className="icon-23"></i></div> <div className="icon-box"><i className="icon-23"></i></div>
<p>“Excellent waterfront physio and rehab services. The calming environment combined with expert care made my rehabilitation a comfortable and successful experience.”</p> <p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
{/* <div className="author-box"> <div className="author-box">
<figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure> <figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
<ul className="rating clearfix"> <ul className="rating clearfix">
<li><i className="fas fa-star"></i></li> <li><i className="fas fa-star"></i></li>
@ -132,7 +132,47 @@ export default function TestimonialSlider1() {
</ul> </ul>
<h3>Robert Fox</h3> <h3>Robert Fox</h3>
<span className="designation">Dog Trainer</span> <span className="designation">Dog Trainer</span>
</div> */} </div>
</div>
</div>
</SwiperSlide>
<SwiperSlide className="slide-item">
<div className="testimonial-block-one">
<div className="inner-box">
<div className="icon-box"><i className="icon-23"></i></div>
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
<div className="author-box">
<figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
<ul className="rating clearfix">
<li><i className="fas fa-star"></i></li>
<li><i className="fas fa-star"></i></li>
<li><i className="fas fa-star"></i></li>
<li><i className="fas fa-star"></i></li>
<li><i className="far fa-star"></i></li>
</ul>
<h3>Robert Fox</h3>
<span className="designation">Dog Trainer</span>
</div>
</div>
</div>
</SwiperSlide>
<SwiperSlide className="slide-item">
<div className="testimonial-block-one">
<div className="inner-box">
<div className="icon-box"><i className="icon-23"></i></div>
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
<div className="author-box">
<figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
<ul className="rating clearfix">
<li><i className="fas fa-star"></i></li>
<li><i className="fas fa-star"></i></li>
<li><i className="fas fa-star"></i></li>
<li><i className="fas fa-star"></i></li>
<li><i className="far fa-star"></i></li>
</ul>
<h3>Robert Fox</h3>
<span className="designation">Dog Trainer</span>
</div>
</div> </div>
</div> </div>
</SwiperSlide> </SwiperSlide>

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

@ -36,7 +36,7 @@
text-align: center; text-align: center;
box-shadow: -10px 20px 50px #e38b8b63; box-shadow: -10px 20px 50px #e38b8b63;
border-radius: 10px; border-radius: 10px;
background: #bc0000; background: #F9313B;
} }
.image_block_one .image-box .icon-two{ .image_block_one .image-box .icon-two{

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

@ -263,7 +263,7 @@
.banner-carousel .content-box p{ .banner-carousel .content-box p{
position: relative; position: relative;
display: block; display: block;
margin-bottom: 5px; margin-bottom: 50px;
opacity: 1; opacity: 1;
-webkit-transform: translateY(10px); -webkit-transform: translateY(10px);
-moz-transform: translateY(10px); -moz-transform: translateY(10px);

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

@ -10,7 +10,7 @@
font-size: 36px; font-size: 36px;
line-height: 46px; line-height: 46px;
font-weight: 600; font-weight: 600;
margin-bottom: 15px; margin-bottom: 30px;
} }
.blog-details-content .news-block-one .inner-box .lower-content{ .blog-details-content .news-block-one .inner-box .lower-content{
@ -31,8 +31,7 @@
} }
.blog-details-content .news-block-one .inner-box .lower-content h3{ .blog-details-content .news-block-one .inner-box .lower-content h3{
margin-bottom: 15px; margin-bottom: 30px;
margin-top: 30px;
} }
.blog-details-content .news-block-one .inner-box .two-image .image{ .blog-details-content .news-block-one .inner-box .two-image .image{

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

@ -36,7 +36,7 @@
} }
.chooseus-block-one .inner-box:hover .icon-box{ .chooseus-block-one .inner-box:hover .icon-box{
color: #fff; color: var(--secondary-color);
} }
.chooseus-block-one .inner-box h3{ .chooseus-block-one .inner-box h3{

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

@ -36,7 +36,7 @@
font-size: 16px; font-size: 16px;
line-height: 26px; line-height: 26px;
font-weight: 500; font-weight: 500;
color: #bc0000; color: var(--secondary-color);
background: #ffe6e6; background: #ffe6e6;
border-radius: 8px; border-radius: 8px;
padding: 12px 15px; padding: 12px 15px;

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

@ -93,7 +93,7 @@
} }
.news-block-one .inner-box .lower-content p{ .news-block-one .inner-box .lower-content p{
margin-bottom: 15px; margin-bottom: 30px;
} }
.news-block-one .inner-box .lower-content .link a{ .news-block-one .inner-box .lower-content .link a{

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

@ -19,7 +19,7 @@
.page-title .bg-layer:before{ .page-title .bg-layer:before{
position: absolute; position: absolute;
content: ''; content: '';
/* background: #bc0000; */ background: #bc0000;
width: 100%; width: 100%;
height: 100%; height: 100%;
left: 0px; left: 0px;
@ -53,7 +53,7 @@
} }
.page-title .bread-crumb li a{ .page-title .bread-crumb li a{
color: #fff; color: var(--secondary-color);
} }
.page-title .bread-crumb li a:hover{ .page-title .bread-crumb li a:hover{

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

@ -52,13 +52,13 @@
font-size: 22px; font-size: 22px;
line-height: 32px; line-height: 32px;
font-weight: 500; font-weight: 500;
color: #101A30; color: var(--title-color);
padding-left: 35px; padding-left: 35px;
} }
.default-sidebar .category-widget .category-list li a:hover, .default-sidebar .category-widget .category-list li a:hover,
.default-sidebar .category-widget .category-list li a.current{ .default-sidebar .category-widget .category-list li a.current{
color: #bc0000; color: var(--secondary-color);
} }
.default-sidebar .category-widget .category-list li a:before{ .default-sidebar .category-widget .category-list li a:before{

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

@ -1,4 +1,5 @@
/* Css */
/* Css For Medimart */
/************ TABLE OF CONTENTS *************** /************ TABLE OF CONTENTS ***************
1. Fonts 1. Fonts
@ -190,10 +191,7 @@
outline:none; outline:none;
} }
input, input,button,select,textarea{
button,
select,
textarea {
font-family: var(--text-font); font-family: var(--text-font);
font-weight: 400; font-weight: 400;
font-size: 18px; font-size: 18px;
@ -212,8 +210,7 @@
color: inherit; color: inherit;
} }
ul, ul,li{
li {
list-style:none; list-style:none;
padding:0px; padding:0px;
margin:0px; margin:0px;
@ -240,12 +237,7 @@
transition: all 500ms ease; transition: all 500ms ease;
} }
h1, h1,h2,h3,h4,h5,h6{
h2,
h3,
h4,
h5,
h6 {
position:relative; position:relative;
font-family: var(--poppins); font-family: var(--poppins);
color: #101A30; color: #101A30;
@ -329,34 +321,13 @@
-webkit-text-stroke-color: rgba(255, 255, 255, 0.30); -webkit-text-stroke-color: rgba(255, 255, 255, 0.30);
} }
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before { .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;}
animation-delay: 0.2s; .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;}
} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before { .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;}
animation-delay: 0.4s; .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;}
} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
animation-delay: 0.6s;
}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
animation-delay: 0.8s;
}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
animation-delay: 1s;
}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
animation-delay: 1.2s;
}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
animation-delay: 1.4s;
}
.handle-preloader .loader-section { .handle-preloader .loader-section {
background-color: #ffffff; background-color: #ffffff;
height: 100%; height: 100%;
@ -385,9 +356,7 @@
transform: rotateZ(360deg); transform: rotateZ(360deg);
} }
} }
@keyframes letters-loading { @keyframes letters-loading {
0%, 0%,
75%, 75%,
100% { 100% {
@ -408,17 +377,12 @@
width: 8em; width: 8em;
} }
} }
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
.handle-preloader .animation-preloader .spinner { .handle-preloader .animation-preloader .spinner {
height: 7em; height: 7em;
width: 7em; width: 7em;
} }
.handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 40px; letter-spacing: 10px;}
.handle-preloader .animation-preloader .txt-loading .letters-loading {
font-size: 40px;
letter-spacing: 10px;
}
} }
@ -490,8 +454,7 @@
background: #bc0000; background: #bc0000;
} }
.theme-btn:before, .theme-btn:before, .theme-btn:after {
.theme-btn:after {
content: ""; content: "";
position: absolute; position: absolute;
display: block; display: block;
@ -519,11 +482,7 @@
} }
.theme-btn:after { .theme-btn:after {
background: #fff; background: #0E1D40;
}
.theme-btn:hover {
color: #bc0000 !important;
} }
.theme-btn span{ .theme-btn span{
@ -681,7 +640,6 @@
line-height: 50px; line-height: 50px;
border-radius: 50%; border-radius: 50%;
} }
.scroll-to-top:hover { .scroll-to-top:hover {
color: #fff; color: #fff;
background: #222; background: #222;
@ -756,19 +714,16 @@
-webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
} }
100% { 100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
} }
} }
@keyframes ripple { @keyframes ripple {
70% { 70% {
-webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
} }
100% { 100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
@ -958,7 +913,7 @@
} }
.header-top .top-inner .info-list li a:hover { .header-top .top-inner .info-list li a:hover {
color: #fff; color: var(--secondary-color);
} }
.header-top .top-inner .social-links { .header-top .top-inner .social-links {
@ -994,9 +949,10 @@
} }
} }
/* .header-top .top-inner .social-links li a:hover {
color: #fff; .header-top .top-inner .social-links li a:hover {
} */ color: var(--secondary-color);
}
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
.header-top .top-inner { .header-top .top-inner {
@ -1096,7 +1052,7 @@
.main-header .logo-box{ .main-header .logo-box{
position: relative; position: relative;
padding: 8px 0px; padding: 26px 0px;
} }
.main-header .theme-btn span{ .main-header .theme-btn span{
@ -1266,7 +1222,7 @@
font-family: var(--soleil); font-family: var(--soleil);
letter-spacing: 0.8px; letter-spacing: 0.8px;
opacity:1; opacity:1;
color: #101A30; color: #bc0000;
z-index:1; z-index:1;
-webkit-transition:all 500ms ease; -webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease; -moz-transition:all 500ms ease;
@ -1275,14 +1231,9 @@
transition:all 500ms ease; transition:all 500ms ease;
} }
.main-menu .navigation > li:last-child > a {
margin-right: 25px;
}
.main-menu .navigation > li.current > a, .main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{ .main-menu .navigation > li:hover > a{
color: #101A30; color: var(--secondary-color);
} }
.main-menu .navigation > li > a:before{ .main-menu .navigation > li > a:before{
@ -1370,7 +1321,7 @@
.main-menu .navigation > li > ul > li > a:hover, .main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover{ .main-menu .navigation > li > .megamenu li > a:hover{
padding-left: 35px; padding-left: 35px;
/* color: #fff; */ color: var(--secondary-color);
} }
.main-menu .navigation > li > ul > li:last-child > a, .main-menu .navigation > li > ul > li:last-child > a,
@ -1495,7 +1446,9 @@
} }
.main-menu .navigation li.current.dropdown .dropdown-btn, .main-menu .navigation li.current.dropdown .dropdown-btn,
.main-menu .navigation li:hover .dropdown-btn {} .main-menu .navigation li:hover .dropdown-btn{
}
.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{ .main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{
display: none; display: none;
@ -1638,7 +1591,7 @@
height: 100%; height: 100%;
max-height: 100%; max-height: 100%;
overflow-y: auto; overflow-y: auto;
background: #bc0000; background: #141417;
padding: 0px 0px; padding: 0px 0px;
z-index: 5; z-index: 5;
opacity: 0; opacity: 0;
@ -1809,7 +1762,9 @@
transition: all 500ms ease; transition: all 500ms ease;
} }
.mobile-menu .social-links li a:hover {} .mobile-menu .social-links li a:hover{
}
div#mCSB_1_container{ div#mCSB_1_container{
top: 0px !important; top: 0px !important;
@ -1840,7 +1795,9 @@
color: rgba(255,255,255,0.80); color: rgba(255,255,255,0.80);
} }
.mobile-menu .contact-info ul li a:hover {} .mobile-menu .contact-info ul li a:hover{
}
.mobile-menu .contact-info ul li:last-child{ .mobile-menu .contact-info ul li:last-child{
margin-bottom: 0px; margin-bottom: 0px;
@ -1982,12 +1939,11 @@
display: block; display: block;
font-size: 16px; font-size: 16px;
line-height: 26px; line-height: 26px;
color: #101A30; color: #bc0000;
font-weight: 500; font-weight: 500;
padding-left: 40px; padding-left: 40px;
margin-bottom: 17px; margin-bottom: 17px;
} }
.list-style-two li{ .list-style-two li{
position: relative; position: relative;
display: block; display: block;
@ -2006,7 +1962,7 @@
width: 30px; width: 30px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
background: #ffe6e6; background: #fff;
text-align: center; text-align: center;
border-radius: 50%; border-radius: 50%;
font-size: 14px; font-size: 14px;
@ -2123,7 +2079,7 @@
} }
.main-footer a:hover{ .main-footer a:hover{
color: #ffff; color: var(--secondary-color);
} }
.main-footer .logo-widget .footer-logo{ .main-footer .logo-widget .footer-logo{
@ -2497,14 +2453,6 @@
background: #fff; background: #fff;
} }
@media only screen and (max-width: 500px) {
.header-style-two .header-lower .outer-container {
padding-left: 50px;
padding-right: 50px;
}
}
.main-header .menu-right-content{ .main-header .menu-right-content{
position: relative; position: relative;
display: flex; display: flex;
@ -2674,16 +2622,32 @@
/* Responsive Css */ /* Responsive Css */
@media only screen and (max-width: 1749px) {} @media only screen and (max-width: 1749px){
@media only screen and (max-width: 1499px) {}
}
@media only screen and (max-width: 1399px) {} @media only screen and (max-width: 1499px){
@media only screen and (max-width: 1299px) {}
}
@media only screen and (max-width: 1399px){
}
@media only screen and (max-width: 1299px){
}
@ -2711,7 +2675,6 @@
@media only screen and (min-width: 768px){ @media only screen and (min-width: 768px){
.main-menu .navigation > li > ul, .main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul, .main-menu .navigation > li > ul > li > ul,
.main-menu .navigation > li > .megamenu{ .main-menu .navigation > li > .megamenu{
@ -2768,7 +2731,12 @@
} }
@media only screen and (max-width: 599px) {} @media only screen and (max-width: 599px){
}
@media only screen and (max-width: 499px){ @media only screen and (max-width: 499px){
@ -2794,7 +2762,6 @@
} }
blockquote { blockquote {
font-size: 1.1rem; font-size: 1.1rem;
font-style: italic; font-style: italic;
@ -2840,8 +2807,7 @@
background: #bc0000; background: #bc0000;
} }
.theme-btn-2:before, .theme-btn-2:before, .theme-btn-2:after {
.theme-btn-2:after {
content: ""; content: "";
position: absolute; position: absolute;
display: block; display: block;
@ -2869,11 +2835,7 @@
} }
.theme-btn-2:after { .theme-btn-2:after {
background: #fff; background: #0E1D40;
}
.theme-btn-2:hover {
color: #bc0000 !important;
} }
.theme-btn-2 span{ .theme-btn-2 span{
@ -2924,22 +2886,39 @@
font-size: 12px; font-size: 12px;
line-height: 22px; line-height: 22px;
} }
.row{ .row{
--bs-gutter-x: 20px; --bs-gutter-x: 20px;
} }
} }
.read-more-btn {
background: none;
border: none;
color: #bc0000;
font-weight: 600;
cursor: pointer;
padding: 5px 0;
transition: color 0.3s ease;
}
.read-more-btn:hover {
color: #101A30;
text-decoration: underline;
}

BIN
public/assets/images/about-us/about-us-banner.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.6 KiB

BIN
public/assets/images/about-us/section1/about-icon.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/assets/images/about-us/section1/about-left.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
public/assets/images/about-us/section1/about-right.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 10 KiB

BIN
public/assets/images/about-us/section2/mission.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
public/assets/images/about-us/section2/values.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.4 KiB

BIN
public/assets/images/about-us/section2/vision.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 10 KiB

BIN
public/assets/images/about-us/section3/bottom.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
public/assets/images/about-us/section3/icon.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 KiB

BIN
public/assets/images/about-us/section3/top.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 14 KiB

BIN
public/assets/images/contact/contact-us-banner.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

BIN
public/assets/images/contact/icons/icons-14.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 337 B

BIN
public/assets/images/contact/icons/icons-15.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 318 B

BIN
public/assets/images/contact/icons/icons-16.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 276 B

BIN
public/assets/images/contact/icons/icons-17.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 365 B

BIN
public/assets/images/contact/icons/icons-18.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 346 B

BIN
public/assets/images/contact/icons/icons-19.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 278 B

BIN
public/assets/images/contact/img.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 14 KiB

BIN
public/assets/images/covid/covid-19-banner.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 13 KiB

BIN
public/assets/images/covid/home.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.7 KiB

BIN
public/assets/images/covid/virtual.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.7 KiB

BIN
public/assets/images/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 183 KiB

After

Width:  |  Height:  |  Size: 15 KiB

BIN
public/assets/images/footer-logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
public/assets/images/gallery-page/gallery-banner.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.4 KiB

BIN
public/assets/images/home/banner/banner-img-1.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 50 KiB

BIN
public/assets/images/home/banner/banner-img-2.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 39 KiB

BIN
public/assets/images/home/banner/banner-img-3.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 46 KiB

BIN
public/assets/images/home/banner/banner-img-4.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 53 KiB

BIN
public/assets/images/home/banner/home-banner-1.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 112 KiB

BIN
public/assets/images/home/banner/home-banner-2.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 55 KiB

BIN
public/assets/images/home/banner/home-banner-3.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 100 KiB

BIN
public/assets/images/home/banner/home-banner-4.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 44 KiB

BIN
public/assets/images/home/make-an-appointment/make-an-appopintment-bg.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.5 KiB

BIN
public/assets/images/home/make-an-appointment/make-an-appopintment-right.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 22 KiB

BIN
public/assets/images/home/testimonial-left.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 30 KiB

BIN
public/assets/images/home/trusted/icon.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/assets/images/home/trusted/trusted-physiotherapy-back.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 21 KiB

BIN
public/assets/images/home/trusted/trusted-physiotherapy-front.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 18 KiB

BIN
public/assets/images/home/welcome/bottom-icon.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

BIN
public/assets/images/home/welcome/home-welcome.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 86 KiB

BIN
public/assets/images/home/welcome/top-icon.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

BIN
public/assets/images/home/why-choose/expert-team.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.4 KiB

BIN
public/assets/images/home/why-choose/ready.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.0 KiB

BIN
public/assets/images/home/why-choose/understand.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.7 KiB

BIN
public/assets/images/home/why-choose/why-choose-right.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 26 KiB

BIN
public/assets/images/home/why-trust-us/icon.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.0 KiB

BIN
public/assets/images/home/why-trust-us/trust-left.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
public/assets/images/home/why-trust-us/trust-right.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.6 KiB

BIN
public/assets/images/logo-2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
public/assets/images/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
public/assets/images/our-approach/icon.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 KiB

BIN
public/assets/images/our-approach/left.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

BIN
public/assets/images/our-approach/our-approach-banner.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 21 KiB

BIN
public/assets/images/our-approach/our-approach.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 96 KiB

BIN
public/assets/images/our-approach/right.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.6 KiB

BIN
public/assets/images/our-team/chandra.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.9 KiB

BIN
public/assets/images/our-team/details/chandra.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.3 KiB

BIN
public/assets/images/our-team/details/dhanya.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.0 KiB

BIN
public/assets/images/our-team/details/our-team-details-banner-1.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 23 KiB

BIN
public/assets/images/our-team/details/our-team-details-banner-2.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 31 KiB

BIN
public/assets/images/our-team/dhanya.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.6 KiB

BIN
public/assets/images/our-team/our-team-banner.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
public/assets/images/rehabilitation/spinal.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB

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