Compare commits
20 Commits
d5a1292ff7
...
a78e854c1e
| Author | SHA1 | Date | |
|---|---|---|---|
|
a78e854c1e | ||
|
|
0e3a8d41b8 | ||
|
|
36af41e1eb | ||
| 24b4e99e33 | |||
| 08a5155a77 | |||
| 34ccb93e7d | |||
|
|
1166409311 | ||
|
|
92fcae3143 | ||
| 68af7fad77 | |||
|
|
8b07f54ae8 | ||
|
|
a1713c3120 | ||
|
|
8717bfd152 | ||
|
|
354e21ba93 | ||
|
|
fd64105c9a | ||
| ca56eb2569 | |||
| 7c884edf26 | |||
|
|
4506edd028 | ||
|
|
0683160ada | ||
|
|
09bb3f0083 | ||
| b37df694b0 |
@ -1,306 +1,230 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import TestimonialSlider3 from '@/components/slider/TestmonialSlider3'
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import { teamMembers } from "@/utils/constant.utils";
|
||||
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [activeIndex, setActiveIndex] = useState(null);
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
const toggleReadMore = (index) => {
|
||||
setActiveIndex(activeIndex === index ? null : index);
|
||||
};
|
||||
|
||||
|
||||
|
||||
const contents = [
|
||||
{
|
||||
title: "Mission",
|
||||
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 (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="About Us">
|
||||
{/* about-section */}
|
||||
<section className="about-style-two pt_120 pb_120">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: "url(assets/images/shape/shape-8.png)" }}></div>
|
||||
<div className="pattern-2 rotate-me" style={{ backgroundImage: "url(assets/images/shape/shape-9.png)" }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: "url(assets/images/shape/shape-11.png)" }}></div>
|
||||
<div className="pattern-4" style={{ backgroundImage: "url(assets/images/shape/shape-35.png)" }}></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_one">
|
||||
<div className="image-box">
|
||||
<div className="shape float-bob-x" style={{ backgroundImage: "url(assets/images/shape/shape-7.png)" }}></div>
|
||||
<div className="image-shape" style={{ backgroundImage: "url(assets/images/shape/shape-26.png)" }}></div>
|
||||
<figure className="image-2"><img src="assets/images/resource/about-1.png" alt="" /></figure>
|
||||
<div className="icon-one"><i className="icon-13"></i></div>
|
||||
<div className="icon-two"><i className="icon-14"></i></div>
|
||||
<div className="text-box">
|
||||
<h3>Wade Warren</h3>
|
||||
<span>Medical Assistant</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="About Us" bannerImage="/assets/images/about-us/about-us-banner.webp">
|
||||
{/* about-section */}
|
||||
<section className="about-style-three pt_120 pb_120 bg-color-1">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_three">
|
||||
<div className="image-box">
|
||||
<div className="image-shape">
|
||||
<div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div>
|
||||
<div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div>
|
||||
<div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
|
||||
<div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div>
|
||||
<div className="shape-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.png)' }}></div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box ml_30">
|
||||
<div className="sec-title mb_15">
|
||||
<span className="sub-title">About Us</span>
|
||||
<h2>Medical services & diagnostics</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<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 className="lower-box">
|
||||
<div className="experience-box">
|
||||
<div className="icon-box"><i className="icon-29"></i></div>
|
||||
<h3>32 Years</h3>
|
||||
<span className="designation">Of Medical Experience</span>
|
||||
</div>
|
||||
<figure className="author-thumb"><img src="assets/images/resource/author-1.jpg" alt="" /></figure>
|
||||
<div className="signature"><img src="assets/images/icons/signature-1.png" alt="" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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 className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box">
|
||||
<div className="sec-title mb_15">
|
||||
<span className="sub-title">About Us</span>
|
||||
<h2>Comprehensive Physiotherapy & Rehabilitation Clinic in Etobicoke</h2>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/contact" className="theme-btn btn-one"><span>Book Appointment</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* about-section end */}
|
||||
|
||||
|
||||
{/* process */}
|
||||
<section className="process-section sec-pad bg-color-1">
|
||||
<div className="shape">
|
||||
<div className="shape-1 float-bob-x" style={{ backgroundImage: "url(assets/images/shape/shape-20.png)" }}></div>
|
||||
<div className="shape-2 float-bob-y" style={{ backgroundImage: "url(assets/images/shape/shape-15.png)" }}></div>
|
||||
<div className="shape-3"></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Process</span>
|
||||
<h2>How it Helps You to <br />Keep Healthy</h2>
|
||||
</div>
|
||||
<div className="inner-container">
|
||||
<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">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">01</span>
|
||||
<figure className="image-box"><img src="assets/images/resource/process-1.jpg" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Get Appointment</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="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>
|
||||
</section>
|
||||
{/* process end */}
|
||||
|
||||
|
||||
{/* 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="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 thumb-column">
|
||||
<div className="thumb-box">
|
||||
<div className="thumb thumb-1"><img src="assets/images/resource/thumb-1.png" alt="" /></div>
|
||||
<div className="thumb thumb-2"><img src="assets/images/resource/thumb-2.png" alt="" /></div>
|
||||
<div className="thumb thumb-3"><img src="assets/images/resource/thumb-3.png" alt="" /></div>
|
||||
<div className="thumb thumb-4"><img src="assets/images/resource/thumb-4.png" 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 className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">TESTIMONIALS</span>
|
||||
<h2>What Our Client Say About medimart</h2>
|
||||
</div>
|
||||
<div className="content-box">
|
||||
{/*Theme Carousel*/}
|
||||
<TestimonialSlider3 />
|
||||
</section>
|
||||
{/* about-section end */}
|
||||
|
||||
{/* process */}
|
||||
<section className="process-section sec-pad ">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div>
|
||||
<div className="shape">
|
||||
<div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-20.png)' }}></div>
|
||||
<div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
|
||||
<div className="shape-3"></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Caring Excellence</span>
|
||||
<h2>Mission Vision & Values</h2>
|
||||
</div>
|
||||
<div className="inner-container">
|
||||
<div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.png)' }}></div>
|
||||
|
||||
{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">
|
||||
<span className="count-text">{`0${index + 1}`}</span>
|
||||
<figure className="image-box"><img src={item.img} alt={item.title} /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>{item.title}</h3>
|
||||
<p>{isActive ? item.text : shortText}</p>
|
||||
{words.length > 20 && (
|
||||
<button className="read-more-btn" onClick={() => toggleReadMore(index)}>
|
||||
{isActive ? "Read Less" : "Read More"}
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
{/* 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> */}
|
||||
<div className="auto-container">
|
||||
<div className="row align-items-center flex-row-reverse">
|
||||
{/* RIGHT IMAGE / LEFT CONTENT */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
|
||||
<div className="image_block_two pl_30">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/about-us/section3/top.webp" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/about-us/section3/bottom.webp" alt="" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/about-us/section3/icon.webp" alt="" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* testimonial-section */}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{/* team-section-style-two */}
|
||||
<section className="team-section sec-pad centred bg-color-1">
|
||||
<div className="shape">
|
||||
<div className="shape-1 float-bob-y" style={{ backgroundImage: "url(assets/images/shape/shape-15.png)" }}></div>
|
||||
<div className="shape-2"></div>
|
||||
<div className="shape-3 float-bob-x" style={{ backgroundImage: "url(assets/images/shape/shape-16.png)" }}></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Our Team</span>
|
||||
<h2>Meet our experienced doctors <br />for the best treatment</h2>
|
||||
<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="sec-title mb_15">
|
||||
<span className="sub-title">Why Choos Us</span>
|
||||
<h2>Your Trusted Physiotherapy Team in Etobicoke</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/team/team-1.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/">Black Marvin</Link></h3>
|
||||
<span className="designation">Medical Assistant</span>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* process end */}
|
||||
|
||||
|
||||
{/* team-section-style-two */}
|
||||
<section className="team-section sec-pad centred">
|
||||
<div className="shape">
|
||||
<div
|
||||
className="shape-1 float-bob-y"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-15.png)" }}
|
||||
></div>
|
||||
<div className="shape-2"></div>
|
||||
<div
|
||||
className="shape-3 float-bob-x"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-16.png)" }}
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Our Team</span>
|
||||
<h2>
|
||||
Meet our experienced doctors <br />for the best treatment
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div className="row clearfix justify-content-center">
|
||||
{teamMembers.map((member, index) => (
|
||||
<div
|
||||
key={member.id}
|
||||
className="col-lg-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="image-box">
|
||||
<figure className="image">
|
||||
<img src={member.image} alt={member.name} />
|
||||
</figure>
|
||||
<ul className="social-links clearfix">
|
||||
{member.socials.map((social, idx) => (
|
||||
<li key={idx}>
|
||||
<Link href={social.link}>
|
||||
<i className={social.icon}></i>
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
<div 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>
|
||||
</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 className="lower-content">
|
||||
<h3>
|
||||
<Link href={`/our-team-physiotherapy-etobicoke/${member.slug}`}>
|
||||
{member.name}
|
||||
</Link>
|
||||
</h3>
|
||||
<span className="designation">{member.designation}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe end */}
|
||||
|
||||
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -32,7 +32,7 @@ export default function AccidentDetailsPage({ params }) {
|
||||
|
||||
{/* Categories */}
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title"><h3>Categories</h3></div>
|
||||
<div className="widget-title"><h3>Accident</h3></div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
{Accident.map((cat) => (
|
||||
|
||||
@ -3,7 +3,6 @@ import Link from "next/link";
|
||||
import { notFound } from "next/navigation";
|
||||
import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils";
|
||||
|
||||
// ✅ Static params for export
|
||||
export async function generateStaticParams() {
|
||||
return areaOfInjuryData.map((item) => ({
|
||||
slug: item.slug,
|
||||
@ -31,7 +30,7 @@ export default function AreaOfInjuryDetails({ params }) {
|
||||
{/* Categories */}
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Categories</h3>
|
||||
<h3>Area Of Injury</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
@ -94,7 +93,7 @@ export default function AreaOfInjuryDetails({ params }) {
|
||||
</section>
|
||||
|
||||
{/* Subscribe Section */}
|
||||
<section className="subscribe-section">
|
||||
{/* <section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
@ -133,7 +132,7 @@ export default function AreaOfInjuryDetails({ params }) {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section> */}
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
51
app/blog/[slug]/page.js
Normal file
51
app/blog/[slug]/page.js
Normal file
@ -0,0 +1,51 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
220
app/blog/page.js
220
app/blog/page.js
@ -1,172 +1,54 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import Blogs from "@/utils/Blog.utils";
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Blog Grid">
|
||||
<div>
|
||||
{/* news-style-two */}
|
||||
<section className="news-section sec-pad bg-color-1">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Our Blog</span>
|
||||
<h2>Take a look at our most <br />recent articles</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<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-1.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">How do Inherited Retinal of Diseases Happen?</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-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>
|
||||
</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>
|
||||
export default function Blog() {
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Blog">
|
||||
<section className="news-section sec-pad bg-color-1">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Our Blog</span>
|
||||
<h2>Take a look at our most <br />recent articles</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscribe end */}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
<div className="row clearfix">
|
||||
{Blogs.map((blog, i) => (
|
||||
<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={`${i * 300}ms`}
|
||||
data-wow-duration="1500ms"
|
||||
>
|
||||
<div className="inner-box">
|
||||
<figure className="image-box">
|
||||
<Link href={`/blog/${blog.slug}`}>
|
||||
<img src={blog.thumbnail} alt={blog.title} />
|
||||
</Link>
|
||||
</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> */}
|
||||
<h3>
|
||||
<Link href={`/blog/${blog.slug}`}>{blog.title}</Link>
|
||||
</h3>
|
||||
<p>{blog.shortDesc}</p>
|
||||
<div className="link">
|
||||
<Link href={`/blog/${blog.slug}`}><span>Read More</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,133 +1,273 @@
|
||||
"use client";
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
import { useState, useEffect } from "react";
|
||||
import ReCAPTCHA from "react-google-recaptcha";
|
||||
import axios from "axios";
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Contact Us">
|
||||
<div>
|
||||
{/* Contact Form Section */}
|
||||
<section className="contact-info-section pt_120">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 info-column">
|
||||
<div className="info-block-one">
|
||||
<h3>Quick Contact</h3>
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-2"></i></div>
|
||||
<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 className="col-lg-4 col-md-6 col-sm-12 info-column">
|
||||
<div className="info-block-one">
|
||||
<h3>Email Address</h3>
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-26"></i></div>
|
||||
<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 className="col-lg-4 col-md-6 col-sm-12 info-column">
|
||||
<div className="info-block-one">
|
||||
<h3>Mailing Address</h3>
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="assets/images/icons/icon-2.png" alt="" /></div>
|
||||
<p>6 – 4335 Bloor Street West <br />Etobicoke, M9C5S2</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* Contact Form Section End */}
|
||||
{/* Contact Form Section2 */}
|
||||
<section className="contact-style-three pt_90 pb_120">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner mr_40">
|
||||
<div className="sec-title mb_50">
|
||||
<h2>Send a Message</h2>
|
||||
</div>
|
||||
<form method="post" action="sendemail.php" id="contact-form" className="default-form">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="username" placeholder="First Name" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="lname" placeholder="Last Name" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="email" name="email" placeholder="Your email" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="phone" required placeholder="Phone" />
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<input type="text" name="subject" required placeholder="Subject" />
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<textarea name="message" placeholder="Message"></textarea>
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
|
||||
<button className="theme-btn btn-one" type="submit" name="submit-form"><span>Send Message</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 image-column">
|
||||
<figure className="image-box"><img src="assets/images/resource/contact-1.jpg" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* Contact Form Section2 End */}
|
||||
export default function Contact() {
|
||||
const [formData, setFormData] = useState({
|
||||
username: "",
|
||||
lname: "",
|
||||
email: "",
|
||||
phone: "",
|
||||
subject: "",
|
||||
message: "",
|
||||
});
|
||||
|
||||
{/* Google Map Section */}
|
||||
<section className="google-map-section">
|
||||
{/*Map Outer*/}
|
||||
<div className="map-inner">
|
||||
<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" />
|
||||
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 (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Contact Us" bannerImage="/assets/images/contact/contact-us-banner.webp">
|
||||
<div>
|
||||
{/* Contact Info Section */}
|
||||
<section className="contact-info-section pt_120">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 info-column">
|
||||
<div className="info-block-one">
|
||||
<h3>Quick Contact</h3>
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-2"></i></div>
|
||||
<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 className="col-lg-4 col-md-6 col-sm-12 info-column">
|
||||
<div className="info-block-one">
|
||||
<h3>Email Address</h3>
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-26"></i></div>
|
||||
<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 className="col-lg-4 col-md-6 col-sm-12 info-column">
|
||||
<div className="info-block-one">
|
||||
<h3>Mailing Address</h3>
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/icons/icon-2.png" alt="" /></div>
|
||||
<p>6 – 4335 Bloor Street West <br />Etobicoke, M9C5S2</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Contact Form Section */}
|
||||
<section className="contact-style-three pt_90 pb_120">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner mr_40">
|
||||
<div className="sec-title mb_50">
|
||||
<h2>Send a Message</h2>
|
||||
</div>
|
||||
|
||||
{/* 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="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="username"
|
||||
placeholder="First Name"
|
||||
value={formData.username}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.username && <small className="text-danger">{formErrors.username}</small>}
|
||||
</div>
|
||||
</section>
|
||||
{/* Google Map Section End */}
|
||||
{/* subscibe */}
|
||||
<section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="lname"
|
||||
placeholder="Last Name"
|
||||
value={formData.lname}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.lname && <small className="text-danger">{formErrors.lname}</small>}
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe end */}
|
||||
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input
|
||||
type="email"
|
||||
name="email"
|
||||
placeholder="Your Email"
|
||||
value={formData.email}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.email && <small className="text-danger">{formErrors.email}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="phone"
|
||||
placeholder="Phone"
|
||||
value={formData.phone}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.phone && <small className="text-danger">{formErrors.phone}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="subject"
|
||||
placeholder="Subject"
|
||||
value={formData.subject}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.subject && <small className="text-danger">{formErrors.subject}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<textarea
|
||||
name="message"
|
||||
placeholder="Message"
|
||||
value={formData.message}
|
||||
onChange={handleChange}
|
||||
></textarea>
|
||||
{formErrors.message && <small className="text-danger">{formErrors.message}</small>}
|
||||
</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">
|
||||
<button className="theme-btn btn-one" type="submit" name="submit-form">
|
||||
<span>Send Message</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 image-column">
|
||||
<figure className="image-box">
|
||||
<img src="/assets/images/contact/img.webp" alt="" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Google Map */}
|
||||
<section className="google-map-section">
|
||||
<div className="map-inner">
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2886.847666572518!2d-79.57789668450145!3d43.6308386791466!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b3811bd400001%3A0x87ffabfe7d6aeeca!2s4335+Bloor+St+W+%236%2C+Etobicoke%2C+ON+M9C+5S2%2C+Canada!5e0!3m2!1sen!2sca!4v1693224000000!5m2!1sen!2sca"
|
||||
height={570}
|
||||
style={{ border: 0, width: "100%" }}
|
||||
allowFullScreen
|
||||
loading="lazy"
|
||||
referrerPolicy="no-referrer-when-downgrade"
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -38,14 +38,14 @@ export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="COVID-19 UPDATES">
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="COVID-19 UPDATES" bannerImage="/assets/images/covid/covid-19-banner.webp">
|
||||
<section className="chooseus-style-two bg-color-1 pt_120 pb_120">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="content-box">
|
||||
{/* Top Intro */}
|
||||
<div className="sec-title mb_50 text-center">
|
||||
<span className="sub-title">COVID 19 UPDATES</span>
|
||||
<h2 className="mb-3">COVID 19 UPDATES</h2>
|
||||
<p>
|
||||
The COVID 19 pandemic has created increased stress and anxiety levels for many people.
|
||||
We would like to take this opportunity to remind you that virtual therapy and at-home
|
||||
@ -65,10 +65,10 @@ export default function Home() {
|
||||
>
|
||||
<div className="inner-box w-100 pb-0">
|
||||
<div className="icon-box mb-3 mb-lg-0">
|
||||
<img src="/assets/images/what-we-expect/icon.webp" alt="Virtual Therapy" />
|
||||
<img src="/assets/images/covid/virtual.webp" alt="Virtual Therapy" />
|
||||
</div>
|
||||
<h3>VIRTUAL THERAPY</h3>
|
||||
<p>
|
||||
<p className="mb-5">
|
||||
As an alternative to receiving direct in-clinic therapy, we continue to offer all
|
||||
clients the option to receive tele-rehabilitation or virtual therapy services to
|
||||
address your current therapy needs.
|
||||
@ -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="icon-box ml-lg-3 mb-3 mb-lg-0">
|
||||
<img src="/assets/images/what-we-expect/icon.webp" alt="Home Therapy" />
|
||||
<img src="/assets/images/covid/home.webp" alt="Home Therapy" />
|
||||
</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
|
||||
clients to be an active participant in their recovery.
|
||||
</p>
|
||||
<p className="mt-3">
|
||||
<p className="mt-3 mb-5">
|
||||
Being able to interact with clients in their home setting enables a therapist to see
|
||||
how the client moves and completes tasks in their everyday life.
|
||||
</p>
|
||||
@ -114,7 +114,7 @@ export default function Home() {
|
||||
</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="inner-container">
|
||||
<div className="row align-items-center">
|
||||
@ -144,7 +144,7 @@ export default function Home() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section> */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
|
||||
BIN
app/favicon.ico
BIN
app/favicon.ico
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 183 KiB |
@ -23,7 +23,7 @@ export default function WhyChooseUs() {
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Gallery">
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Gallery" bannerImage="/assets/images/gallery-page/gallery-banner.webp">
|
||||
|
||||
{/* gallery */}
|
||||
<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="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-6.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-6.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-6.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-6.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -41,8 +41,8 @@ export default function WhyChooseUs() {
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-7.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-7.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-7.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-7.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -50,8 +50,8 @@ export default function WhyChooseUs() {
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-8.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-8.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-8.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-8.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -59,8 +59,8 @@ export default function WhyChooseUs() {
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-9.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-9.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-9.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-9.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -68,8 +68,8 @@ export default function WhyChooseUs() {
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-10.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-10.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-10.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-10.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -77,8 +77,8 @@ export default function WhyChooseUs() {
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-11.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-11.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-11.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-11.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -97,7 +97,7 @@ export default function WhyChooseUs() {
|
||||
{/* gallery end */}
|
||||
|
||||
{/* subscibe */}
|
||||
<section className="subscribe-section">
|
||||
{/* <section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
@ -125,7 +125,7 @@ export default function WhyChooseUs() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section> */}
|
||||
{/* subscibe end */}
|
||||
</Layout>
|
||||
</>
|
||||
|
||||
@ -13,7 +13,7 @@ const ProgressBar = ({ label, percent }) => (
|
||||
</div>
|
||||
);
|
||||
|
||||
// ✅ Generate static params for team members
|
||||
|
||||
export async function generateStaticParams() {
|
||||
return teamMembers.map((member) => ({
|
||||
slug: member.slug,
|
||||
@ -35,14 +35,19 @@ export default function TeamDetails({ params }) {
|
||||
}
|
||||
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Team Details">
|
||||
<Layout
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle={member.name}
|
||||
bannerImage={member.bannerImage}
|
||||
>
|
||||
<section className="team-details sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="team-details-content mb_50">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-5 col-md-12 col-sm-12 image-column">
|
||||
<figure className="image-box mr_15">
|
||||
<img src={member.image} alt={member.name} />
|
||||
<img src={member.imageDetail} alt={member.name} />
|
||||
</figure>
|
||||
</div>
|
||||
<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() {
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Our Team">
|
||||
<section className="team-section sec-pad centred">
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Our Team" bannerImage="/assets/images/our-team/our-team-banner.webp">
|
||||
<section className="team-section pt_120 pb_120 centred">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Our Team</span>
|
||||
|
||||
@ -3,85 +3,90 @@ import Layout from "@/components/layout/Layout"
|
||||
|
||||
|
||||
export default function About() {
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Our Approach" bannerImage="/assets/images/what-we-expect/e]approach-banner.webp">
|
||||
{/* about-section */}
|
||||
<section className="about-style-two pt_120 pb_120">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: "url(assets/images/shape/shape-8.png)" }}></div>
|
||||
<div className="pattern-2 rotate-me" style={{ backgroundImage: "url(assets/images/shape/shape-9.png)" }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: "url(assets/images/shape/shape-11.png)" }}></div>
|
||||
<div className="pattern-4" style={{ backgroundImage: "url(assets/images/shape/shape-35.png)" }}></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_one">
|
||||
<div className="image-box">
|
||||
<div className="shape float-bob-x" style={{ backgroundImage: "url(assets/images/shape/shape-7.png)" }}></div>
|
||||
<div className="image-shape" style={{ backgroundImage: "url(assets/images/shape/shape-26.png)" }}></div>
|
||||
<figure className="image-2"><img src="assets/images/resource/about-1.png" alt="" /></figure>
|
||||
<div className="icon-one"><i className="icon-13"></i></div>
|
||||
<div className="icon-two"><i className="icon-14"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Our Approach" bannerImage="/assets/images/our-approach/our-approach-banner.webp">
|
||||
{/* about-section */}
|
||||
<section className="about-style-two pt_120 pb_120">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: "url(/assets/images/shape/shape-8.png)" }}></div>
|
||||
<div className="pattern-2 rotate-me" style={{ backgroundImage: "url(/assets/images/shape/shape-9.png)" }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: "url(/assets/images/shape/shape-11.png)" }}></div>
|
||||
<div className="pattern-4" style={{ backgroundImage: "url(/assets/images/shape/shape-35.png)" }}></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column mb-3">
|
||||
<div className="image_block_three">
|
||||
<div className="image-box">
|
||||
<div className="image-shape">
|
||||
<div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div>
|
||||
<div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div>
|
||||
<div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
|
||||
<div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div>
|
||||
<div className="shape-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.png)' }}></div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box ml_30">
|
||||
<div className="sec-title mb_15">
|
||||
<span className="sub-title">About Us</span>
|
||||
<h2>Our Approach</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p>Our approach begins with your diagnosis. Our customized and targeted collaborated care program is efficient and effective and will help relieve pain and restore function.</p>
|
||||
<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 className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box ml_30">
|
||||
<div className="sec-title mb_15">
|
||||
<span className="sub-title">About Us</span>
|
||||
<h2>Our Approach</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p>Our approach begins with your diagnosis. Our customized and targeted collaborated care program is efficient and effective and will help relieve pain and restore function.</p>
|
||||
|
||||
<p>We look for the external factors like lifestyle; ergonomics that may be contributing to a delay in recovery process and advise you on the changes to your lifestyle and work environment that can help you to get back on track.</p>
|
||||
<p>We look for the external factors like lifestyle; ergonomics that may be contributing to a delay in recovery process and advise you on the changes to your lifestyle and work environment that can help you to get back on track.</p>
|
||||
|
||||
<p>Whether your condition is acute or chronic, our team of health care therapist will sit with you one on one so that the customized rehabilitation program fits perfectly to your needs.</p>
|
||||
<p>Whether your condition is acute or chronic, our team of health care therapist will sit with you one on one so that the customized rehabilitation program fits perfectly to your needs.</p>
|
||||
|
||||
<p>We follow Collaborative approach with other health professionals in developing programs which meet your needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p>We follow Collaborative approach with other health professionals in developing programs which meet your needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* about-section end */}
|
||||
{/* subscibe */}
|
||||
<section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="index">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* about-section end */}
|
||||
{/* subscibe */}
|
||||
{/* <section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="index">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe end */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> */}
|
||||
{/* subscibe end */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@ -32,7 +32,7 @@ export default function RehabilitationDetailsPage({ params }) {
|
||||
|
||||
{/* Categories */}
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title"><h3>Categories</h3></div>
|
||||
<div className="widget-title"><h3>Rehabilitation</h3></div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
{Rehabilitation.map((cat) => (
|
||||
|
||||
@ -7,6 +7,7 @@ import { servicesList } from "@/utils/Services.utils"
|
||||
export default function Menu() {
|
||||
// const router = useRouter()
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
@ -17,14 +18,14 @@ export default function Menu() {
|
||||
|
||||
<ul className="navigation clearfix">
|
||||
<li className="dropdown"><Link href="/">Home</Link>
|
||||
<ul>
|
||||
{/* <ul>
|
||||
<li><Link href="/">Home Page One</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="/onepage">OnePage Home</Link></li>
|
||||
</ul>
|
||||
</ul> */}
|
||||
</li>
|
||||
<li className="dropdown"><Link href="#">About Us</Link>
|
||||
<li className="dropdown"><Link href="/about-us">About Us</Link>
|
||||
<ul>
|
||||
<li><Link href="/our-team-physiotherapy-etobicoke">Our Team</Link></li>
|
||||
<li><Link href="/ourapproach-physiotherapy-etobicoke">Our Approach</Link></li>
|
||||
@ -32,17 +33,28 @@ export default function Menu() {
|
||||
<li><Link href="/covid-19-updates">Covid-19-Updates</Link></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li className="dropdown"><Link href="/">Services</Link>
|
||||
<ul>
|
||||
{servicesList.map(item => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/etobicoke-treatment-service/${item.slug}`}>
|
||||
<li className="dropdown relative group" >
|
||||
<Link href="/etobicoke-treatment-service" >
|
||||
Services
|
||||
</Link>
|
||||
|
||||
{/* 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}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
{/* <li className="dropdown"><Link href="/">Team</Link>
|
||||
<ul>
|
||||
<li><Link href="/team">Our Team</Link></li>
|
||||
@ -108,7 +120,7 @@ export default function Menu() {
|
||||
</li>
|
||||
|
||||
{/* Contact */}
|
||||
<li><Link href="/contact-us">Contact</Link></li>
|
||||
<li><Link href="/contact">Contact</Link></li>
|
||||
</ul>
|
||||
|
||||
</>
|
||||
|
||||
@ -1,98 +1,209 @@
|
||||
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 Footer1() {
|
||||
return (
|
||||
<>
|
||||
<footer className="main-footer" id="footer">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1" style={{ backgroundImage: "url(assets/images/shape/shape-23.png)" }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: "url(assets/images/shape/shape-24.png)" }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: "url(assets/images/shape/shape-25.png)" }}></div>
|
||||
<div className="pattern-4"></div>
|
||||
</div>
|
||||
<div className="widget-section pt_120 pb_100">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget logo-widget">
|
||||
<figure className="footer-logo"><Link href="/"><img src="/assets/images/footer-logo.png" alt="" /></Link></figure>
|
||||
<p>Lorem ipsum dolor sit amet constetur adipiscing elit. Etiam eu turpis mostie dictum est a, mattis tellus.</p>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget ml_110">
|
||||
<div className="widget-title">
|
||||
<h3>Quick Link</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
<li><Link href="/">Home</Link></li>
|
||||
<li><Link href="about">About Us</Link></li>
|
||||
<li><Link href="service">Services</Link></li>
|
||||
<li><Link href="/">Elements</Link></li>
|
||||
<li><Link href="contact">Contacts Us</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget ml_55">
|
||||
<div className="widget-title">
|
||||
<h3>Useful Links</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
<li><Link href="/">Privacy Policy</Link></li>
|
||||
<li><Link href="/">Terms &</Link></li>
|
||||
<li><Link href="/">Condition</Link></li>
|
||||
<li><Link href="/">Support</Link></li>
|
||||
<li><Link href="/">Disclaimer</Link></li>
|
||||
<li><Link href="/">Faq</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget contact-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Contact us</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="info-list">
|
||||
<li><img src="/assets/images/icons/icon-1.png" alt="" />3891 Ranchview Dr. Richardson, California USA</li>
|
||||
<li><i className="icon-2"></i><Link href="tel:01989526503">0198-9526503</Link></li>
|
||||
<li><i className="icon-26"></i><Link href="mailto:example@info.com">example@info.com</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="footer-bottom">
|
||||
<div className="auto-container">
|
||||
<div className="bottom-inner">
|
||||
<ul className="footer-nav clearfix">
|
||||
<li><Link href="/">Privacy Policy</Link></li>
|
||||
<li><Link href="/">Terms of Use</Link></li>
|
||||
<li><Link href="/">Sales and Refunds</Link></li>
|
||||
<li><Link href="/">Legal</Link></li>
|
||||
<li><Link href="/">Site Map</Link></li>
|
||||
</ul>
|
||||
<div className="copyright">
|
||||
<p>© 2024 All Rights Reserved</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
export default function Footer2() {
|
||||
|
||||
</>
|
||||
)
|
||||
const servicesCols = [
|
||||
servicesList.slice(0, 6),
|
||||
servicesList.slice(6, 12),
|
||||
servicesList.slice(12, 18),
|
||||
];
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
<footer className="main-footer">
|
||||
<div className="pattern-layer">
|
||||
<div
|
||||
className="pattern-1"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-23.png)" }}
|
||||
></div>
|
||||
<div
|
||||
className="pattern-2"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-24.png)" }}
|
||||
></div>
|
||||
<div
|
||||
className="pattern-3"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-25.png)" }}
|
||||
></div>
|
||||
<div className="pattern-4"></div>
|
||||
</div>
|
||||
|
||||
<div className="widget-section pt_120 pb_100">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget logo-widget">
|
||||
<figure className="footer-logo">
|
||||
<Link href="/">
|
||||
<img src="/assets/images/footer-logo.png" alt="" />
|
||||
</Link>
|
||||
</figure>
|
||||
<p>
|
||||
Welcome to Rapha Rehab Physiotherapy & Massage Therapy Clinic in Etobicoke.
|
||||
</p>
|
||||
<ul className="social-links clearfix">
|
||||
<li>
|
||||
<Link href="/"><i className="icon-4"></i></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/"><i className="icon-5"></i></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/"><i className="icon-6"></i></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/"><i className="icon-7"></i></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-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="footer-widget links-widget">
|
||||
<div className="widget-title">
|
||||
<h3>AREA OF INJURY</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
{areaOfInjuryData.map((item) => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/area-of-injury/${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="footer-widget links-widget">
|
||||
<div className="widget-title">
|
||||
<h3>REHABILITATION</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
{Rehabilitation.map((item) => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/rehabilitation/${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="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="footer-widget contact-widget">
|
||||
<div className="widget-title">
|
||||
<h3>CONTACT US</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="info-list">
|
||||
<li>
|
||||
<img
|
||||
src="/assets/images/icons/icon-1.png"
|
||||
alt=""
|
||||
/>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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="footer-bottom">
|
||||
<div className="auto-container">
|
||||
<div className="bottom-inner d-flex justify-content-center text-center">
|
||||
<div className="copyright">
|
||||
<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>
|
||||
|
||||
</footer>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@ -1,100 +1,209 @@
|
||||
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),
|
||||
];
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<>
|
||||
<footer className="main-footer">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1" style={{ backgroundImage: "url(assets/images/shape/shape-23.png)" }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: "url(assets/images/shape/shape-24.png)" }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: "url(assets/images/shape/shape-25.png)" }}></div>
|
||||
<div className="pattern-4"></div>
|
||||
</div>
|
||||
<div className="widget-section pt_120 pb_100">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget logo-widget">
|
||||
<figure className="footer-logo"><Link href="/"><img src="assets/images/footer-logo.png" alt="" /></Link></figure>
|
||||
<p>Lorem ipsum dolor sit amet constetur adipiscing elit. Etiam eu turpis mostie dictum est a, mattis tellus.</p>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget ml_110">
|
||||
<div className="widget-title">
|
||||
<h3>Quick Link</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
<li><Link href="/">Home</Link></li>
|
||||
<li><Link href="about">About Us</Link></li>
|
||||
<li><Link href="service">Services</Link></li>
|
||||
<li><Link href="/">Elements</Link></li>
|
||||
<li><Link href="contact">Contacts Us</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget ml_55">
|
||||
<div className="widget-title">
|
||||
<h3>Useful Links</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
<li><Link href="/">Privacy Policy</Link></li>
|
||||
<li><Link href="/">Terms &</Link></li>
|
||||
<li><Link href="/">Condition</Link></li>
|
||||
<li><Link href="/">Support</Link></li>
|
||||
<li><Link href="/">Disclaimer</Link></li>
|
||||
<li><Link href="/">Faq</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget contact-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Contact us</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="info-list">
|
||||
<li><img src="assets/images/icons/icon-1.png" alt="" />3891 Ranchview Dr. Richardson, California USA</li>
|
||||
<li><i className="icon-2"></i><Link href="tel:01989526503">0198-9526503</Link></li>
|
||||
<li><i className="icon-26"></i><Link href="mailto:example@info.com">example@info.com</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="footer-bottom">
|
||||
<div className="auto-container">
|
||||
<div className="bottom-inner">
|
||||
<ul className="footer-nav clearfix">
|
||||
<li><Link href="/">Privacy Policy</Link></li>
|
||||
<li><Link href="/">Terms of Use</Link></li>
|
||||
<li><Link href="/">Sales and Refunds</Link></li>
|
||||
<li><Link href="/">Legal</Link></li>
|
||||
<li><Link href="/">Site Map</Link></li>
|
||||
</ul>
|
||||
<div className="copyright">
|
||||
<p>© 2024 All Rights Reserved</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<div className="pattern-layer">
|
||||
<div
|
||||
className="pattern-1"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-23.png)" }}
|
||||
></div>
|
||||
<div
|
||||
className="pattern-2"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-24.png)" }}
|
||||
></div>
|
||||
<div
|
||||
className="pattern-3"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-25.png)" }}
|
||||
></div>
|
||||
<div className="pattern-4"></div>
|
||||
</div>
|
||||
|
||||
<div className="widget-section pt_120 pb_100">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget logo-widget">
|
||||
<figure className="footer-logo">
|
||||
<Link href="/">
|
||||
<img src="/assets/images/footer-logo.png" alt="" />
|
||||
</Link>
|
||||
</figure>
|
||||
<p>
|
||||
Welcome to Rapha Rehab Physiotherapy & Massage Therapy Clinic in Etobicoke.
|
||||
</p>
|
||||
<ul className="social-links clearfix">
|
||||
<li>
|
||||
<Link href="/"><i className="icon-4"></i></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/"><i className="icon-5"></i></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/"><i className="icon-6"></i></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/"><i className="icon-7"></i></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-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="footer-widget links-widget">
|
||||
<div className="widget-title">
|
||||
<h3>AREA OF INJURY</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
{areaOfInjuryData.map((item) => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/area-of-injury/${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="footer-widget links-widget">
|
||||
<div className="widget-title">
|
||||
<h3>REHABILITATION</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
{Rehabilitation.map((item) => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/rehabilitation/${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="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="footer-widget contact-widget">
|
||||
<div className="widget-title">
|
||||
<h3>CONTACT US</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="info-list">
|
||||
<li>
|
||||
<img
|
||||
src="/assets/images/icons/icon-1.png"
|
||||
alt=""
|
||||
/>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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="footer-bottom">
|
||||
<div className="auto-container">
|
||||
<div className="bottom-inner d-flex justify-content-center text-center">
|
||||
<div className="copyright">
|
||||
<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>
|
||||
|
||||
</footer>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@ -51,8 +51,19 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
|
||||
<div className="outer-container">
|
||||
<div className="outer-box">
|
||||
<div className="logo-box">
|
||||
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" /></Link></figure>
|
||||
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt=""/></Link></figure>
|
||||
</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">
|
||||
{/* Mobile Navigation Toggler */}
|
||||
<div className="mobile-nav-toggler" onClick={handleMobileMenu}>
|
||||
@ -68,16 +79,6 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
{/* Menu Right Content */}
|
||||
<ul className="menu-right-content">
|
||||
|
||||
{/* <li className="search-box-outer search-toggler" onClick={handlePopup}>
|
||||
<i className="icon-27"></i>
|
||||
</li> */}
|
||||
<li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
|
||||
<i className="icon-28"></i>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -87,7 +88,7 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
|
||||
<div className="auto-container">
|
||||
<div className="outer-box">
|
||||
<div className="logo-box">
|
||||
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" /></Link></figure>
|
||||
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt=""/></Link></figure>
|
||||
</div>
|
||||
|
||||
<nav className="main-menu navbar-expand-md navbar-light clearfix">
|
||||
@ -100,9 +101,9 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
|
||||
{/* <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}>
|
||||
{/* <li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
|
||||
<i className="icon-28"></i>
|
||||
</li>
|
||||
</li> */}
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
@ -5,20 +5,20 @@ export default function AboutSection() {
|
||||
return (
|
||||
<section className="about-style-two pt_120 pb_120">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
|
||||
<div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.png)' }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: 'url(assets/images/shape/shape-11.png)' }}></div>
|
||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div>
|
||||
<div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-9.png)' }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.png)' }}></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_one">
|
||||
<div className="image-box">
|
||||
<div className="shape float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-7.png)' }}></div>
|
||||
<div className="image-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-26.png)' }}></div>
|
||||
<figure className="image-2"><img src="assets/images/resource/about-1.png" alt="" /></figure>
|
||||
<div className="icon-one"><i className="icon-13"></i></div>
|
||||
<div className="icon-two"><i className="icon-14"></i></div>
|
||||
<div className="shape float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
|
||||
<div className="image-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-26.png)' }}></div>
|
||||
<figure className="image-2"><img src="/assets/images/home/welcome/home-welcome.webp" alt="" /></figure>
|
||||
<div className="icon-one"><img src="/assets/images/home/welcome/top-icon.webp" alt="" /></div>
|
||||
<div className="icon-two"><img src="/assets/images/home/welcome/bottom-icon.webp" alt="" /></div>
|
||||
{/* <div className="text-box">
|
||||
<h3>Wade Warren</h3>
|
||||
<span>Medical Assistant</span>
|
||||
@ -43,7 +43,7 @@ export default function AboutSection() {
|
||||
</ul>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="index-2" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
|
||||
<Link href="/etobicoke-treatment-service" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
|
||||
</div>
|
||||
{/* <div className="lower-box">
|
||||
<div className="experience-box">
|
||||
|
||||
@ -33,15 +33,15 @@ export default function FaqSection() {
|
||||
<div className="image_block_three">
|
||||
<div className="image-box">
|
||||
<div className="image-shape">
|
||||
<div className="shape-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
|
||||
<div className="shape-2" style={{ backgroundImage: 'url(assets/images/shape/shape-33.png)' }}></div>
|
||||
<div className="shape-3" style={{ backgroundImage: 'url(assets/images/shape/shape-7.png)' }}></div>
|
||||
<div className="shape-4" style={{ backgroundImage: 'url(assets/images/shape/shape-34.png)' }}></div>
|
||||
<div className="shape-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.png)' }}></div>
|
||||
<div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div>
|
||||
<div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div>
|
||||
<div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
|
||||
<div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div>
|
||||
<div className="shape-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.png)' }}></div>
|
||||
</div>
|
||||
<figure className="image image-1"><img src="assets/images/resource/about-2.jpg" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="assets/images/resource/about-3.jpg" alt="" /></figure>
|
||||
<div className="icon-box"><i className="icon-14"></i></div>
|
||||
<figure className="image image-1"><img src="/assets/images/home/why-trust-us/trust-right.webp" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/home/why-trust-us/trust-left.webp" alt="" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/home/why-trust-us/icon.webp" alt="" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -23,7 +23,7 @@ export default function MobileServices() {
|
||||
? service.title.slice(0, 20) + "..."
|
||||
: service.title}</Link></h3>
|
||||
<div className="btn-box">
|
||||
<Link href="index-2" className="theme-btn-2 btn-one"><span>View Services</span></Link>
|
||||
<Link href="index-2" className="theme-btn-2 btn-one"><span>View Service</span></Link>
|
||||
</div>
|
||||
{/* <p>Lorem ipsum dolor sit amet ctetur adipiscing</p> */}
|
||||
</div>
|
||||
|
||||
@ -4,8 +4,8 @@ import React from 'react';
|
||||
export default function WhyChooseUsSection() {
|
||||
return (
|
||||
<section className="chooseus-section">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/chooseus-bg.jpg)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-12.png)' }}></div>
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/why-choose/why-choose-right.webp)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-12.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-column">
|
||||
@ -19,7 +19,7 @@ export default function WhyChooseUsSection() {
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-18"></i></div>
|
||||
<div className="icon-box"><img src="/assets/images/home/why-choose/expert-team.webp" alt="" /></div>
|
||||
<h3>Expert Team</h3>
|
||||
<p>At Etobicoke Physiotherapy, we have expert team of professionals</p>
|
||||
</div>
|
||||
@ -28,7 +28,7 @@ export default function WhyChooseUsSection() {
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-21"></i></div>
|
||||
<div className="icon-box"><img src="/assets/images/home/why-choose/understand.webp" alt="" /></div>
|
||||
<h3>Understand your Pain</h3>
|
||||
<p>Etobicoke physiotherapy offer Treatment for faster recovery</p>
|
||||
</div>
|
||||
@ -37,7 +37,7 @@ export default function WhyChooseUsSection() {
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-19"></i></div>
|
||||
<div className="icon-box"><img src="/assets/images/home/why-choose/ready.webp" alt="" /></div>
|
||||
<h3>Ready To Go</h3>
|
||||
<p>Flexible opening hours conveniently located in etobicoke</p>
|
||||
</div>
|
||||
|
||||
@ -1,73 +1,50 @@
|
||||
import React from 'react';
|
||||
import Link from "next/link"
|
||||
import Blogs from "@/utils/Blog.utils";
|
||||
export default function News() {
|
||||
return (
|
||||
<section className="news-section sec-pad bg-color-1">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Our Blog</span>
|
||||
<h2>Take a look at our most <br />recent articles</h2>
|
||||
<section className="news-section pt_120 pb_120 bg-color-1">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Our Blog</span>
|
||||
<h2>Take a look at our most <br />recent articles</h2>
|
||||
</div>
|
||||
|
||||
<div className="row clearfix">
|
||||
{Blogs.map((blog, i) => (
|
||||
<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={`${i * 300}ms`}
|
||||
data-wow-duration="1500ms"
|
||||
>
|
||||
<div className="inner-box">
|
||||
<figure className="image-box">
|
||||
<Link href={`/blog/${blog.slug}`}>
|
||||
<img src={blog.thumbnail} alt={blog.title} />
|
||||
</Link>
|
||||
</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> */}
|
||||
<h3>
|
||||
<Link href={`/blog/${blog.slug}`}>{blog.title}</Link>
|
||||
</h3>
|
||||
<p>{blog.shortDesc}</p>
|
||||
<div className="link">
|
||||
<Link href={`/blog/${blog.slug}`}><span>Read More</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<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-1.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">How do Inherited Retinal of Diseases Happen?</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-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>
|
||||
</section>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
@ -5,15 +5,15 @@ export default function Testimonial() {
|
||||
<>
|
||||
|
||||
<section className="testimonial-section sec-pad bg-color-1">
|
||||
<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="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/testimonial-left.webp)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-21.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<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="sec-title mb_50">
|
||||
<span className="sub-title">Testimonials</span>
|
||||
<h2>What Our Client Say About Medimart</h2>
|
||||
<h2>What Our Clients Say About Rapha Rehab</h2>
|
||||
</div>
|
||||
<div className="content-box">
|
||||
<TestimonialSlider1 />
|
||||
|
||||
@ -3,31 +3,31 @@ import React, { useState } from 'react';
|
||||
import Link from "next/link";
|
||||
import ModalVideo from 'react-modal-video'
|
||||
export default function Video() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
return (
|
||||
<>
|
||||
<section className="video-section p_relative">
|
||||
<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/resource/video-1.png" alt="" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="inner-box">
|
||||
<div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-17.png)' }}></div>
|
||||
<div className="video-btn">
|
||||
<a onClick={() => setOpen(true)}><i className="fas fa-play"></i>
|
||||
<span className="border-animation border-1"></span>
|
||||
<span className="border-animation border-2"></span>
|
||||
<span className="border-animation border-3"></span>
|
||||
</a>
|
||||
</div>
|
||||
<h2>Online Consultations With <br />Qualified Doctors</h2>
|
||||
<div className="btn-box">
|
||||
<Link href="/#" className="theme-btn btn-one"><span>Make an Appointment</span></Link>
|
||||
<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>
|
||||
<figure className="image-layer"><img src="/assets/images/home/make-an-appointment/make-an-appopintment-right.webp" alt="" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="inner-box">
|
||||
{/* <div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-17.png)' }}></div> */}
|
||||
<div className="video-btn">
|
||||
<a onClick={() => setOpen(true)}><i className="fas fa-play"></i>
|
||||
<span className="border-animation border-1"></span>
|
||||
<span className="border-animation border-2"></span>
|
||||
<span className="border-animation border-3"></span>
|
||||
</a>
|
||||
</div>
|
||||
<h2>Expert Online Consultations <br />with Certified Doctors</h2>
|
||||
<div className="btn-box">
|
||||
<Link href="/contact" className="theme-btn btn-one"><span>Schedule Your Consultation</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
||||
</>
|
||||
</section>
|
||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
@ -31,55 +31,82 @@ const swiperOptions = {
|
||||
}
|
||||
|
||||
export default function Banner() {
|
||||
return (
|
||||
<section className="banner-style-two p_relative">
|
||||
<Swiper {...swiperOptions} className="banner-carousel owl-theme owl-carousel owl-nav-none owl-dots-none">
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(assets/images/banner/banner-1.jpg)' }}></div>
|
||||
<figure className="image-layer"><img src="assets/images/banner/banner-img-2.png" alt="" /></figure>
|
||||
return (
|
||||
<section className="banner-style-two p_relative">
|
||||
<Swiper {...swiperOptions} className="banner-carousel owl-theme owl-carousel owl-nav-none owl-dots-none">
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-1.webp)' }}></div>
|
||||
<figure className="image-layer"><img src="/assets/images/home/banner/banner-img-1.webp" alt="" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="content-box">
|
||||
<span className="upper-text">The Art of Healthcare Starts Right Now</span>
|
||||
<h2>We offer <span>complete</span> Healthcare services.</h2>
|
||||
<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>
|
||||
<span className="upper-text">The Journey to Better Health Begins here</span>
|
||||
<h2>Your Path to <span>Recovery</span> Starts Today</h2>
|
||||
<p>Expert Physiotherapy in Mississauga Tailored for You.</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">
|
||||
<Link href="index-2" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
|
||||
<Link href="tel:+647-722-3434" className="theme-btn btn-one">
|
||||
<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>
|
||||
</SwiperSlide>
|
||||
{/* Repeat the above structure for each slide-item as needed */}
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(assets/images/banner/banner-1.jpg)' }}></div>
|
||||
<figure className="image-layer"><img src="assets/images/banner/banner-img-2.png" alt="" /></figure>
|
||||
</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-3.webp' }}></div>
|
||||
<figure className="image-layer"><img src="/assets/images/home/banner/banner-img-3.webp" alt="" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="content-box">
|
||||
<span className="upper-text">The Art of Healthcare Starts Right Now</span>
|
||||
<h2>We offer <span>complete</span> Healthcare services.</h2>
|
||||
<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>
|
||||
<span className="upper-text">Your Path to Wellness Starts Here</span>
|
||||
<h2>Local Physio <span>Experts </span> Near You</h2>
|
||||
<p>Physiotherapy Etobicoke & Rehab Care.</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">
|
||||
<Link href="index-2" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
|
||||
<Link href="/etobicoke-treatment-service" className="theme-btn btn-one"><span>Explore Our Service</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/banner/banner-1.jpg)' }}></div>
|
||||
<figure className="image-layer"><img src="assets/images/banner/banner-img-2.png" alt="" /></figure>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-4.webp' }}></div>
|
||||
<figure className="image-layer"><img src="/assets/images/home/banner/banner-img-4.webp" alt="" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="content-box">
|
||||
<span className="upper-text">The Art of Healthcare Starts Right Now</span>
|
||||
<h2>We offer <span>complete</span> Healthcare services.</h2>
|
||||
<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>
|
||||
<span className="upper-text">Healing Hands, Caring Hearts in Action</span>
|
||||
<h2>Wellness <span>by the</span>Waterfront</h2>
|
||||
<p>Waterfront Physio and Rehab Services.</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">
|
||||
<Link href="index-2" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
|
||||
<Link href="/contact" className="theme-btn btn-one"><span>Visit Our Location</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
</section>
|
||||
);
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
@ -1,55 +1,59 @@
|
||||
import Link from "next/link"
|
||||
import Link from "next/link";
|
||||
import React from 'react';
|
||||
|
||||
export default function Features() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<section className="feature-style-two centred">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-9"></i></div>
|
||||
<h3><Link href="/">Qualified Doctor</Link></h3>
|
||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-10"></i></div>
|
||||
<h3><Link href="/">Emergency Help</Link></h3>
|
||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-11"></i></div>
|
||||
<h3><Link href="/">Modern Equipment</Link></h3>
|
||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-12"></i></div>
|
||||
<h3><Link href="/">Family Medicine</Link></h3>
|
||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="feature-style-two centred">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-9"></i></div>
|
||||
<h3><Link href="/">Experienced Professionals</Link></h3>
|
||||
<p>Expert and compassionate care tailored to every patient.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-10"></i></div>
|
||||
<h3><Link href="/">24/7 Emergency</Link></h3>
|
||||
<p>Immediate medical support available anytime, day or night.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-11"></i></div>
|
||||
<h3><Link href="/">Advanced Technology</Link></h3>
|
||||
<p>Modern equipment ensuring accurate diagnosis and treatment.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-12"></i></div>
|
||||
<h3><Link href="/">Family Care</Link></h3>
|
||||
<p>Comprehensive health services for all ages, from newborns to seniors.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@ -34,16 +34,16 @@ export default function Solution() {
|
||||
</div> */}
|
||||
|
||||
<div className="btn-box mt_50">
|
||||
<Link href="index-2" className="theme-btn btn-one"><span>Contact Us</span></Link>
|
||||
<Link href="/contact" className="theme-btn btn-one"><span>Contact Us</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_two">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="assets/images/resource/skills-1.jpg" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="assets/images/resource/skills-2.jpg" alt="" /></figure>
|
||||
<div className="icon-box"><i className="icon-33"></i></div>
|
||||
<figure className="image image-1"><img src="/assets/images/home/trusted/trusted-physiotherapy-back.webp" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/home/trusted/trusted-physiotherapy-front.webp" alt="" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/home/trusted/icon.webp" alt="" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -60,8 +60,8 @@ export default function TestimonialSlider1() {
|
||||
<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">
|
||||
<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>
|
||||
{/* <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>
|
||||
@ -72,7 +72,7 @@ export default function TestimonialSlider1() {
|
||||
</ul>
|
||||
<h3>Robert Fox</h3>
|
||||
<span className="designation">Dog Trainer</span>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
@ -80,8 +80,8 @@ export default function TestimonialSlider1() {
|
||||
<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">
|
||||
<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>
|
||||
{/* <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>
|
||||
@ -92,7 +92,7 @@ export default function TestimonialSlider1() {
|
||||
</ul>
|
||||
<h3>Robert Fox</h3>
|
||||
<span className="designation">Dog Trainer</span>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
@ -100,8 +100,8 @@ export default function TestimonialSlider1() {
|
||||
<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">
|
||||
<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>
|
||||
{/* <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>
|
||||
@ -112,7 +112,7 @@ export default function TestimonialSlider1() {
|
||||
</ul>
|
||||
<h3>Robert Fox</h3>
|
||||
<span className="designation">Dog Trainer</span>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
@ -120,8 +120,8 @@ export default function TestimonialSlider1() {
|
||||
<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">
|
||||
<p>“Excellent waterfront physio and rehab services. The calming environment combined with expert care made my rehabilitation a comfortable and successful experience.”</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>
|
||||
@ -132,47 +132,7 @@ export default function TestimonialSlider1() {
|
||||
</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>
|
||||
</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>
|
||||
</SwiperSlide>
|
||||
|
||||
@ -36,7 +36,7 @@
|
||||
text-align: center;
|
||||
box-shadow: -10px 20px 50px #e38b8b63;
|
||||
border-radius: 10px;
|
||||
background: #F9313B;
|
||||
background: #bc0000;
|
||||
}
|
||||
|
||||
.image_block_one .image-box .icon-two{
|
||||
|
||||
@ -263,7 +263,7 @@
|
||||
.banner-carousel .content-box p{
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 50px;
|
||||
margin-bottom: 5px;
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(10px);
|
||||
-moz-transform: translateY(10px);
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
font-size: 36px;
|
||||
line-height: 46px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 30px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.blog-details-content .news-block-one .inner-box .lower-content{
|
||||
@ -31,7 +31,8 @@
|
||||
}
|
||||
|
||||
.blog-details-content .news-block-one .inner-box .lower-content h3{
|
||||
margin-bottom: 30px;
|
||||
margin-bottom: 15px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.blog-details-content .news-block-one .inner-box .two-image .image{
|
||||
|
||||
@ -36,7 +36,7 @@
|
||||
}
|
||||
|
||||
.chooseus-block-one .inner-box:hover .icon-box{
|
||||
color: var(--secondary-color);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.chooseus-block-one .inner-box h3{
|
||||
|
||||
@ -36,7 +36,7 @@
|
||||
font-size: 16px;
|
||||
line-height: 26px;
|
||||
font-weight: 500;
|
||||
color: var(--secondary-color);
|
||||
color: #bc0000;
|
||||
background: #ffe6e6;
|
||||
border-radius: 8px;
|
||||
padding: 12px 15px;
|
||||
|
||||
@ -93,7 +93,7 @@
|
||||
}
|
||||
|
||||
.news-block-one .inner-box .lower-content p{
|
||||
margin-bottom: 30px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.news-block-one .inner-box .lower-content .link a{
|
||||
|
||||
@ -19,7 +19,7 @@
|
||||
.page-title .bg-layer:before{
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: #bc0000;
|
||||
/* background: #bc0000; */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0px;
|
||||
@ -53,7 +53,7 @@
|
||||
}
|
||||
|
||||
.page-title .bread-crumb li a{
|
||||
color: var(--secondary-color);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.page-title .bread-crumb li a:hover{
|
||||
|
||||
@ -52,13 +52,13 @@
|
||||
font-size: 22px;
|
||||
line-height: 32px;
|
||||
font-weight: 500;
|
||||
color: var(--title-color);
|
||||
color: #101A30;
|
||||
padding-left: 35px;
|
||||
}
|
||||
|
||||
.default-sidebar .category-widget .category-list li a:hover,
|
||||
.default-sidebar .category-widget .category-list li a.current{
|
||||
color: var(--secondary-color);
|
||||
color: #bc0000;
|
||||
}
|
||||
|
||||
.default-sidebar .category-widget .category-list li a:before{
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
BIN
public/assets/images/about-us/about-us-banner.webp
Normal file
BIN
public/assets/images/about-us/about-us-banner.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
BIN
public/assets/images/about-us/section1/about-icon.webp
Normal file
BIN
public/assets/images/about-us/section1/about-icon.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
public/assets/images/about-us/section1/about-left.webp
Normal file
BIN
public/assets/images/about-us/section1/about-left.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
public/assets/images/about-us/section1/about-right.webp
Normal file
BIN
public/assets/images/about-us/section1/about-right.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
public/assets/images/about-us/section2/mission.webp
Normal file
BIN
public/assets/images/about-us/section2/mission.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
public/assets/images/about-us/section2/values.webp
Normal file
BIN
public/assets/images/about-us/section2/values.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
BIN
public/assets/images/about-us/section2/vision.webp
Normal file
BIN
public/assets/images/about-us/section2/vision.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
public/assets/images/about-us/section3/bottom.webp
Normal file
BIN
public/assets/images/about-us/section3/bottom.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
public/assets/images/about-us/section3/icon.webp
Normal file
BIN
public/assets/images/about-us/section3/icon.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
public/assets/images/about-us/section3/top.webp
Normal file
BIN
public/assets/images/about-us/section3/top.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
public/assets/images/contact/contact-us-banner.webp
Normal file
BIN
public/assets/images/contact/contact-us-banner.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
public/assets/images/contact/icons/icons-14.png
Normal file
BIN
public/assets/images/contact/icons/icons-14.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 337 B |
BIN
public/assets/images/contact/icons/icons-15.png
Normal file
BIN
public/assets/images/contact/icons/icons-15.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 318 B |
BIN
public/assets/images/contact/icons/icons-16.png
Normal file
BIN
public/assets/images/contact/icons/icons-16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 276 B |
BIN
public/assets/images/contact/icons/icons-17.png
Normal file
BIN
public/assets/images/contact/icons/icons-17.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 365 B |
BIN
public/assets/images/contact/icons/icons-18.png
Normal file
BIN
public/assets/images/contact/icons/icons-18.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 346 B |
BIN
public/assets/images/contact/icons/icons-19.png
Normal file
BIN
public/assets/images/contact/icons/icons-19.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 278 B |
BIN
public/assets/images/contact/img.webp
Normal file
BIN
public/assets/images/contact/img.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
public/assets/images/covid/covid-19-banner.webp
Normal file
BIN
public/assets/images/covid/covid-19-banner.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
public/assets/images/covid/home.webp
Normal file
BIN
public/assets/images/covid/home.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
public/assets/images/covid/virtual.webp
Normal file
BIN
public/assets/images/covid/virtual.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 183 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.7 KiB |
BIN
public/assets/images/gallery-page/gallery-banner.webp
Normal file
BIN
public/assets/images/gallery-page/gallery-banner.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
BIN
public/assets/images/home/banner/banner-img-1.webp
Normal file
BIN
public/assets/images/home/banner/banner-img-1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
public/assets/images/home/banner/banner-img-2.webp
Normal file
BIN
public/assets/images/home/banner/banner-img-2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
BIN
public/assets/images/home/banner/banner-img-3.webp
Normal file
BIN
public/assets/images/home/banner/banner-img-3.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
public/assets/images/home/banner/banner-img-4.webp
Normal file
BIN
public/assets/images/home/banner/banner-img-4.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
BIN
public/assets/images/home/banner/home-banner-1.webp
Normal file
BIN
public/assets/images/home/banner/home-banner-1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 112 KiB |
BIN
public/assets/images/home/banner/home-banner-2.webp
Normal file
BIN
public/assets/images/home/banner/home-banner-2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
public/assets/images/home/banner/home-banner-3.webp
Normal file
BIN
public/assets/images/home/banner/home-banner-3.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 100 KiB |
BIN
public/assets/images/home/banner/home-banner-4.webp
Normal file
BIN
public/assets/images/home/banner/home-banner-4.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
public/assets/images/home/testimonial-left.webp
Normal file
BIN
public/assets/images/home/testimonial-left.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
public/assets/images/home/trusted/icon.webp
Normal file
BIN
public/assets/images/home/trusted/icon.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
public/assets/images/home/welcome/bottom-icon.webp
Normal file
BIN
public/assets/images/home/welcome/bottom-icon.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
public/assets/images/home/welcome/home-welcome.webp
Normal file
BIN
public/assets/images/home/welcome/home-welcome.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
BIN
public/assets/images/home/welcome/top-icon.webp
Normal file
BIN
public/assets/images/home/welcome/top-icon.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
public/assets/images/home/why-choose/expert-team.webp
Normal file
BIN
public/assets/images/home/why-choose/expert-team.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
public/assets/images/home/why-choose/ready.webp
Normal file
BIN
public/assets/images/home/why-choose/ready.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
public/assets/images/home/why-choose/understand.webp
Normal file
BIN
public/assets/images/home/why-choose/understand.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
public/assets/images/home/why-choose/why-choose-right.webp
Normal file
BIN
public/assets/images/home/why-choose/why-choose-right.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
public/assets/images/home/why-trust-us/icon.webp
Normal file
BIN
public/assets/images/home/why-trust-us/icon.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
public/assets/images/home/why-trust-us/trust-left.webp
Normal file
BIN
public/assets/images/home/why-trust-us/trust-left.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/assets/images/home/why-trust-us/trust-right.webp
Normal file
BIN
public/assets/images/home/why-trust-us/trust-right.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.7 KiB |
BIN
public/assets/images/our-approach/icon.webp
Normal file
BIN
public/assets/images/our-approach/icon.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
public/assets/images/our-approach/left.webp
Normal file
BIN
public/assets/images/our-approach/left.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
public/assets/images/our-approach/our-approach-banner.webp
Normal file
BIN
public/assets/images/our-approach/our-approach-banner.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
public/assets/images/our-approach/our-approach.webp
Normal file
BIN
public/assets/images/our-approach/our-approach.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 96 KiB |
BIN
public/assets/images/our-approach/right.webp
Normal file
BIN
public/assets/images/our-approach/right.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
BIN
public/assets/images/our-team/chandra.webp
Normal file
BIN
public/assets/images/our-team/chandra.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
BIN
public/assets/images/our-team/details/chandra.webp
Normal file
BIN
public/assets/images/our-team/details/chandra.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
BIN
public/assets/images/our-team/details/dhanya.webp
Normal file
BIN
public/assets/images/our-team/details/dhanya.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
public/assets/images/our-team/dhanya.webp
Normal file
BIN
public/assets/images/our-team/dhanya.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
BIN
public/assets/images/our-team/our-team-banner.webp
Normal file
BIN
public/assets/images/our-team/our-team-banner.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.1 KiB After Width: | Height: | Size: 6.2 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