Compare commits
No commits in common. "a78e854c1e6b208c36054bdca20049d7b04b9f61" and "d5a1292ff71b6801f260794775333bfb252d8a64" have entirely different histories.
a78e854c1e
...
d5a1292ff7
@ -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>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
|
|||||||
@ -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) => (
|
||||||
|
|||||||
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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
182
app/blog/page.js
@ -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>
|
||||||
);
|
</>
|
||||||
|
)
|
||||||
}
|
}
|
||||||
@ -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>
|
||||||
</>
|
</>
|
||||||
);
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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
BIN
app/favicon.ico
Binary file not shown.
|
Before Width: | Height: | Size: 183 KiB After Width: | Height: | Size: 15 KiB |
@ -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>
|
||||||
</>
|
</>
|
||||||
|
|||||||
@ -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">
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
</>
|
</>
|
||||||
|
|||||||
@ -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) => (
|
||||||
|
|||||||
@ -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>
|
||||||
|
|
||||||
</>
|
</>
|
||||||
|
|||||||
@ -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>© 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>
|
||||||
|
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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>© 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>
|
||||||
|
|
||||||
|
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@ -51,19 +51,8 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
|
|||||||
<div className="outer-container">
|
<div className="outer-container">
|
||||||
<div className="outer-box">
|
<div className="outer-box">
|
||||||
<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>
|
||||||
@ -88,7 +87,7 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
|
|||||||
<div className="auto-container">
|
<div className="auto-container">
|
||||||
<div className="outer-box">
|
<div className="outer-box">
|
||||||
<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>
|
||||||
|
|
||||||
<nav className="main-menu navbar-expand-md navbar-light clearfix">
|
<nav className="main-menu navbar-expand-md navbar-light clearfix">
|
||||||
@ -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>
|
||||||
|
|||||||
@ -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">
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
);
|
);
|
||||||
|
|||||||
@ -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 />
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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{
|
||||||
|
|||||||
@ -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);
|
||||||
|
|||||||
@ -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{
|
||||||
|
|||||||
@ -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{
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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{
|
||||||
|
|||||||
@ -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{
|
||||||
|
|||||||
@ -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{
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 337 B |
Binary file not shown.
|
Before Width: | Height: | Size: 318 B |
Binary file not shown.
|
Before Width: | Height: | Size: 276 B |
Binary file not shown.
|
Before Width: | Height: | Size: 365 B |
Binary file not shown.
|
Before Width: | Height: | Size: 346 B |
Binary file not shown.
|
Before Width: | Height: | Size: 278 B |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 183 KiB After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 112 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 100 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 86 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 96 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
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
Loading…
x
Reference in New Issue
Block a user