Static pages Meta title and Meta disctiption updated
This commit is contained in:
akash
parent
a3f525c648
commit
0481f6fbe7
403
app/about-us/AboutClient.js
Normal file
403
app/about-us/AboutClient.js
Normal file
@ -0,0 +1,403 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import { teamMembers } from "@/utils/constant.utils";
|
||||
import CounterUp from "@/components/elements/CounterUp";
|
||||
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import 'swiper/css';
|
||||
import 'swiper/css/navigation';
|
||||
import 'swiper/css/pagination';
|
||||
|
||||
const swiperOptions = {
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 0,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
};
|
||||
|
||||
const images = [
|
||||
'/assets/images/BrandPartners/1.png',
|
||||
'/assets/images/BrandPartners/2.png',
|
||||
'/assets/images/BrandPartners/3.png',
|
||||
'/assets/images/BrandPartners/4.png',
|
||||
'/assets/images/BrandPartners/5.png',
|
||||
'/assets/images/BrandPartners/6.png',
|
||||
];
|
||||
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [activeIndex, setActiveIndex] = useState(null);
|
||||
|
||||
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 (
|
||||
<>
|
||||
{/* about-section */}
|
||||
<section className="about-style-three pt_90 pb_90">
|
||||
{/* <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.webp)' }}></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.webp)' }}></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.webp)' }}></div>
|
||||
</div>
|
||||
<figure className="image image-1"><img src="/assets/images/about-us/section1/about-right.webp" alt="About us" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/about-us/section1/about-left.webp" alt="About us" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/about-us/section1/about-icon.webp" alt="About us" /></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 mt-3">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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* about-section end */}
|
||||
|
||||
{/* process */}
|
||||
<section className="process-section sec-pad pt-0">
|
||||
<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.webp)' }}></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="Why choose us" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/about-us/section3/bottom.webp" alt="Why choose us" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/about-us/section3/icon.webp" alt="Why choose us" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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-1 mb_15">
|
||||
<span className="sub-title-1">Why Choose Us</span>
|
||||
<h2>Your Trusted Physiotherapy Team in Etobicoke</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p className="tex-color-1">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-new"><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="lower-content">
|
||||
<h3>
|
||||
<Link href={`/our-team-physiotherapy-etobicoke/${member.slug}`}>
|
||||
{member.name}
|
||||
</Link>
|
||||
</h3>
|
||||
<span className="designation">{member.designation}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="chooseus-section">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/about-us/section4/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">
|
||||
<div className="content-box">
|
||||
<div className="sec-title light mb_50">
|
||||
{/* <span className="sub-title">Why Choose Us</span> */}
|
||||
<h2>WHY CHOOSE ETOBICOKE PHYSIOTHERAPY</h2>
|
||||
<p className='sub-title-2'>Physiotherapy Etobicoke – We are a team of health care professionals provide physiotherapy, massage therapy services in etobicoke assist you in improving your health.</p>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/home/why-choose/expert-team.webp" alt="Expert team" /></div>
|
||||
<h3>Expert Team</h3>
|
||||
<p>At Etobicoke Physiotherapy, we have expert team of professionals</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/about-us/section4/understand.webp" alt="Understand your pain" /></div>
|
||||
<h3>Understand your Pain</h3>
|
||||
<p>Etobicoke physiotherapy offer Treatment for faster recovery</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/home/why-choose/ready.webp" alt="Ready to go" /></div>
|
||||
<h3>Ready To Go</h3>
|
||||
<p>Flexible opening hours conveniently located in etobicoke</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-20"></i></div>
|
||||
<h3>24/7 Services</h3>
|
||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="funfact-section centred">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={10} /><span>+</span>
|
||||
</div>
|
||||
<span className="text-new">Professionals</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={25} /><span>+</span>
|
||||
</div>
|
||||
<span className="text-new">Years Experience</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={10} /><span>k+</span>
|
||||
</div>
|
||||
<span className="text-new">Happy Customers</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={97} /><span>%</span>
|
||||
</div>
|
||||
<span className="text-new">Client Satisfaction</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section className="image-slider-section relative w-full pt_90 pb_90 text-center">
|
||||
<div className="auto-container mx-auto relative w-full">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<h2>Our Trusted Partners</h2>
|
||||
</div>
|
||||
<div className="slider-wrapper w-full">
|
||||
<Swiper
|
||||
{...swiperOptions}
|
||||
slidesPerView={3}
|
||||
spaceBetween={30}
|
||||
breakpoints={{
|
||||
320: { slidesPerView: 1 },
|
||||
640: { slidesPerView: 2 },
|
||||
1024: { slidesPerView: 3 },
|
||||
}}
|
||||
className="w-full h-[400px]"
|
||||
>
|
||||
{images.map((src, index) => (
|
||||
<SwiperSlide key={index}>
|
||||
<img
|
||||
src={src}
|
||||
alt="Brand Partners"
|
||||
className="w-full h-full object-cover rounded-lg"
|
||||
/>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
@ -1,406 +1,21 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import { teamMembers } from "@/utils/constant.utils";
|
||||
import CounterUp from "@/components/elements/CounterUp";
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import AboutClient from "../about-us/AboutClient";
|
||||
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import 'swiper/css';
|
||||
import 'swiper/css/navigation';
|
||||
import 'swiper/css/pagination';
|
||||
|
||||
const swiperOptions = {
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 0,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
export const metadata = {
|
||||
title: "About Us – Rapharehab Clinic",
|
||||
description:
|
||||
"Learn more about Rapha Rehab Physiotherapy and Rehabilitation Clinic in Etobicoke. Discover our mission, vision, values, and experienced physiotherapy team.",
|
||||
};
|
||||
|
||||
const images = [
|
||||
'/assets/images/BrandPartners/1.png',
|
||||
'/assets/images/BrandPartners/2.png',
|
||||
'/assets/images/BrandPartners/3.png',
|
||||
'/assets/images/BrandPartners/4.png',
|
||||
'/assets/images/BrandPartners/5.png',
|
||||
'/assets/images/BrandPartners/6.png',
|
||||
];
|
||||
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [activeIndex, setActiveIndex] = useState(null);
|
||||
|
||||
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."
|
||||
}
|
||||
];
|
||||
|
||||
export default function AboutPage() {
|
||||
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_90 pb_90">
|
||||
{/* <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.webp)' }}></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.webp)' }}></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.webp)' }}></div>
|
||||
</div>
|
||||
<figure className="image image-1"><img src="/assets/images/about-us/section1/about-right.webp" alt="About us" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/about-us/section1/about-left.webp" alt="About us" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/about-us/section1/about-icon.webp" alt="About us" /></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 mt-3">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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* about-section end */}
|
||||
|
||||
{/* process */}
|
||||
<section className="process-section sec-pad pt-0">
|
||||
<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.webp)' }}></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="Why choose us" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/about-us/section3/bottom.webp" alt="Why choose us" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/about-us/section3/icon.webp" alt="Why choose us" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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-1 mb_15">
|
||||
<span className="sub-title-1">Why Choose Us</span>
|
||||
<h2>Your Trusted Physiotherapy Team in Etobicoke</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p className="tex-color-1">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-new"><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="lower-content">
|
||||
<h3>
|
||||
<Link href={`/our-team-physiotherapy-etobicoke/${member.slug}`}>
|
||||
{member.name}
|
||||
</Link>
|
||||
</h3>
|
||||
<span className="designation">{member.designation}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="chooseus-section">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/about-us/section4/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">
|
||||
<div className="content-box">
|
||||
<div className="sec-title light mb_50">
|
||||
{/* <span className="sub-title">Why Choose Us</span> */}
|
||||
<h2>WHY CHOOSE ETOBICOKE PHYSIOTHERAPY</h2>
|
||||
<p className='sub-title-2'>Physiotherapy Etobicoke – We are a team of health care professionals provide physiotherapy, massage therapy services in etobicoke assist you in improving your health.</p>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/home/why-choose/expert-team.webp" alt="Expert team" /></div>
|
||||
<h3>Expert Team</h3>
|
||||
<p>At Etobicoke Physiotherapy, we have expert team of professionals</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/about-us/section4/understand.webp" alt="Understand your pain" /></div>
|
||||
<h3>Understand your Pain</h3>
|
||||
<p>Etobicoke physiotherapy offer Treatment for faster recovery</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/home/why-choose/ready.webp" alt="Ready to go" /></div>
|
||||
<h3>Ready To Go</h3>
|
||||
<p>Flexible opening hours conveniently located in etobicoke</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-20"></i></div>
|
||||
<h3>24/7 Services</h3>
|
||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="funfact-section centred">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={10} /><span>+</span>
|
||||
</div>
|
||||
<span className="text-new">Professionals</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={25} /><span>+</span>
|
||||
</div>
|
||||
<span className="text-new">Years Experience</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={10} /><span>k+</span>
|
||||
</div>
|
||||
<span className="text-new">Happy Customers</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={97} /><span>%</span>
|
||||
</div>
|
||||
<span className="text-new">Client Satisfaction</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section className="image-slider-section relative w-full pt_90 pb_90 text-center">
|
||||
<div className="auto-container mx-auto relative w-full">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<h2>Our Trusted Partners</h2>
|
||||
</div>
|
||||
<div className="slider-wrapper w-full">
|
||||
<Swiper
|
||||
{...swiperOptions}
|
||||
slidesPerView={3}
|
||||
spaceBetween={30}
|
||||
breakpoints={{
|
||||
320: { slidesPerView: 1 },
|
||||
640: { slidesPerView: 2 },
|
||||
1024: { slidesPerView: 3 },
|
||||
}}
|
||||
className="w-full h-[400px]"
|
||||
>
|
||||
{images.map((src, index) => (
|
||||
<SwiperSlide key={index}>
|
||||
<img
|
||||
src={src}
|
||||
alt="Brand Partners"
|
||||
className="w-full h-full object-cover rounded-lg"
|
||||
/>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
<Layout
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle="About Us"
|
||||
bannerImage="/assets/images/about-us/about-us-banner.webp"
|
||||
>
|
||||
<AboutClient />
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
|
||||
310
app/caregivers/CaregiversPage.js
Normal file
310
app/caregivers/CaregiversPage.js
Normal file
@ -0,0 +1,310 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { useState } from 'react';
|
||||
|
||||
export default function Home() {
|
||||
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Caregivers" bannerImage="/assets/images/caregivers/caregivers-banner.webp">
|
||||
<section className="feature-section pt_90 pb_90">
|
||||
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-6.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">Caregivers</span>
|
||||
<h2>We don’t just give care <br />We take care as well</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/caring.webp" alt="Caring with a smile" /></div>
|
||||
<h3><Link href="/">Caring with a smile</Link></h3>
|
||||
<p>It’s not what we do as a home care agency, but how we do it. All of our elderly caregiving services are delivered with a smile. And we all know that a smile can be infectious.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/attentive.webp" alt="Attentive listener" /></div>
|
||||
<h3><Link href="/">Attentive listener</Link></h3>
|
||||
<p>How do you like things done? Where would you like to go? Listening to your needs, and having conversations with you, helps us make sure we bring you the perfect match.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/qualified.webp" alt="Qualified" /></div>
|
||||
<h3><Link href="/">Qualified</Link></h3>
|
||||
<p>Whether you just need someone to take you for a walk or a to provide attentive complex caring – we, as a home care agency, can provide a caregiver that is qualified to meet your needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="about-style-three pt_90 pb_90 bg-color-1">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.webp)' }}></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">
|
||||
<figure className="image image-1"><img src="/assets/images/caregivers/right.webp" alt="A professional and friendly care provider" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/caregivers/left.webp" alt="A professional and friendly care provider" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/rapharehab-web-images.webp" alt="A professional and friendly care provider" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column mt-5">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box">
|
||||
<div className="sec-title-1 mb_15 mt_15">
|
||||
<span className="sub-title-1">At NanoCare</span>
|
||||
<h2>A professional and friendly care provider</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p className="text-white">At NanoCare, we select Caregivers who are passionate about providing in home care to those in need on a daily basis.</p>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/contact" className="theme-btn btn-one-new"><span>Become A Caregiver</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="service-section pb_90 pt_90 bg-color-1" id="service">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/1.webp" alt="Keira Knightley" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Keira Knightley</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>Keira Knightley has thirty-six years of nursing experience across a range of services, including hospital, community, nursing and care homes.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/2.webp" alt="Katherine waterston" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Katherine waterston</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>At Nano Care, Katherine ensures that the each and every client of Nano Care is looked after according to the company’s core mission, values and vision.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/3.webp" alt="Anna faris" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Anna faris</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>Anna ensures that all the staff and support workers at Nano Care adhere to the company’s ethos of providing the highest care standards in every service we offer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/4.webp" alt="David walliams" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>David walliams</h3>
|
||||
<h5 className="mb-3">Care Co-Ordinator</h5>
|
||||
<p>David walliams has over thirty eight years of experience in the Care and Services Industry. Previously working in Germany for many years.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/5.webp" alt="John henry" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>John henry</h3>
|
||||
<h5 className="mb-3">Care Co-Ordinator</h5>
|
||||
<p>John has experience in ensuring that the level of care that is provided to our clients does not fall short of any expectations that is expected of a care provider.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/6.webp" alt="Sophia jabola" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Sophia jabola</h3>
|
||||
<h5 className="mb-3">Care Co-Ordinator</h5>
|
||||
<p>She has previously trained as a midwife. Her nine years’ experience as a nurse included working in the Hospital Medical Ward and Accident and Emergency.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="faq-section pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">Nano Care</span>
|
||||
<h2>Do You Have Any Nano Care <br />Questions?</h2>
|
||||
</div>
|
||||
|
||||
<div className="row align-items-center clearfix">
|
||||
|
||||
{/* Left Side Image */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column mb-5 text-center text-lg-start">
|
||||
<div className="image_block_four">
|
||||
<div className="image-box">
|
||||
<figure>
|
||||
<img
|
||||
src="/assets/images/caregivers/nanocare.webp"
|
||||
alt="o You Have Any Nano Care Questions"
|
||||
className="img-fluid"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Right Side FAQ Content */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<ul className="accordion-box">
|
||||
|
||||
{/* FAQ 1 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 1 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(1)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>Why Should I apply to NanoCare?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 1 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>We are an award winning home care agency We care for our clients and our employees. We provide our caregivers with health insurance after qualification, appreciation events, prizes, and extended education and training opportunities.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 2 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 2 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(2)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>Where can I work?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 2 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>We currently have 6 branch offices throughout California, Scottsdale, AZ and Dallas, TX! You can work for the branch office that is most convenient for you and you can choose the cases that are closer to your home.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 3 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 3 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(3)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>What types of shifts do you offer?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 3 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>We are constantly growing and have a wide variety of shifts you can choose from. We have long shifts, short shifts, day shifts, night shifts, transportation shifts and live-ins*. (Live-ins available through our Dallas and Scottsdale offices only). We are available 24hrs a day 7 days a week so we are flexible and will work around your schedule.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 4 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 3 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(3)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>Do you hire W-2, 1099, or private contractors?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 3 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>At NanoCare, you are part of the team. You will be considered an employee of NanoCare which means payroll taxes are automatically deducted from your bi-weekly paycheck and if there are any questions, we are here for you! We are fully bonded and insured and are there for you every step of your employment with us.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@ -1,310 +1,11 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { useState } from 'react';
|
||||
import CaregiversPage from "../caregivers/CaregiversPage";
|
||||
|
||||
export default function Home() {
|
||||
export const metadata = {
|
||||
title: "Trusted Caregiver Support Services – Rapharehab Clinic",
|
||||
description:
|
||||
"Rapharehab offers professional caregiver services tailored to support patient recovery, ensuring comfort, safety, and dedicated assistance.",
|
||||
};
|
||||
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Caregivers" bannerImage="/assets/images/caregivers/caregivers-banner.webp">
|
||||
<section className="feature-section pt_90 pb_90">
|
||||
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-6.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">Caregivers</span>
|
||||
<h2>We don’t just give care <br />We take care as well</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/caring.webp" alt="Caring with a smile" /></div>
|
||||
<h3><Link href="/">Caring with a smile</Link></h3>
|
||||
<p>It’s not what we do as a home care agency, but how we do it. All of our elderly caregiving services are delivered with a smile. And we all know that a smile can be infectious.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/attentive.webp" alt="Attentive listener" /></div>
|
||||
<h3><Link href="/">Attentive listener</Link></h3>
|
||||
<p>How do you like things done? Where would you like to go? Listening to your needs, and having conversations with you, helps us make sure we bring you the perfect match.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/qualified.webp" alt="Qualified" /></div>
|
||||
<h3><Link href="/">Qualified</Link></h3>
|
||||
<p>Whether you just need someone to take you for a walk or a to provide attentive complex caring – we, as a home care agency, can provide a caregiver that is qualified to meet your needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="about-style-three pt_90 pb_90 bg-color-1">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.webp)' }}></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">
|
||||
<figure className="image image-1"><img src="/assets/images/caregivers/right.webp" alt="A professional and friendly care provider" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/caregivers/left.webp" alt="A professional and friendly care provider" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/rapharehab-web-images.webp" alt="A professional and friendly care provider" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column mt-5">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box">
|
||||
<div className="sec-title-1 mb_15 mt_15">
|
||||
<span className="sub-title-1">At NanoCare</span>
|
||||
<h2>A professional and friendly care provider</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p className="text-white">At NanoCare, we select Caregivers who are passionate about providing in home care to those in need on a daily basis.</p>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/contact" className="theme-btn btn-one-new"><span>Become A Caregiver</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="service-section pb_90 pt_90 bg-color-1" id="service">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/1.webp" alt="Keira Knightley" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Keira Knightley</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>Keira Knightley has thirty-six years of nursing experience across a range of services, including hospital, community, nursing and care homes.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/2.webp" alt="Katherine waterston" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Katherine waterston</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>At Nano Care, Katherine ensures that the each and every client of Nano Care is looked after according to the company’s core mission, values and vision.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/3.webp" alt="Anna faris" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Anna faris</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>Anna ensures that all the staff and support workers at Nano Care adhere to the company’s ethos of providing the highest care standards in every service we offer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/4.webp" alt="David walliams" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>David walliams</h3>
|
||||
<h5 className="mb-3">Care Co-Ordinator</h5>
|
||||
<p>David walliams has over thirty eight years of experience in the Care and Services Industry. Previously working in Germany for many years.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/5.webp" alt="John henry" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>John henry</h3>
|
||||
<h5 className="mb-3">Care Co-Ordinator</h5>
|
||||
<p>John has experience in ensuring that the level of care that is provided to our clients does not fall short of any expectations that is expected of a care provider.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/6.webp" alt="Sophia jabola" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Sophia jabola</h3>
|
||||
<h5 className="mb-3">Care Co-Ordinator</h5>
|
||||
<p>She has previously trained as a midwife. Her nine years’ experience as a nurse included working in the Hospital Medical Ward and Accident and Emergency.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="faq-section pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">Nano Care</span>
|
||||
<h2>Do You Have Any Nano Care <br />Questions?</h2>
|
||||
</div>
|
||||
|
||||
<div className="row align-items-center clearfix">
|
||||
|
||||
{/* Left Side Image */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column mb-5 text-center text-lg-start">
|
||||
<div className="image_block_four">
|
||||
<div className="image-box">
|
||||
<figure>
|
||||
<img
|
||||
src="/assets/images/caregivers/nanocare.webp"
|
||||
alt="o You Have Any Nano Care Questions"
|
||||
className="img-fluid"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Right Side FAQ Content */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<ul className="accordion-box">
|
||||
|
||||
{/* FAQ 1 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 1 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(1)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>Why Should I apply to NanoCare?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 1 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>We are an award winning home care agency We care for our clients and our employees. We provide our caregivers with health insurance after qualification, appreciation events, prizes, and extended education and training opportunities.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 2 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 2 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(2)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>Where can I work?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 2 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>We currently have 6 branch offices throughout California, Scottsdale, AZ and Dallas, TX! You can work for the branch office that is most convenient for you and you can choose the cases that are closer to your home.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 3 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 3 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(3)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>What types of shifts do you offer?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 3 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>We are constantly growing and have a wide variety of shifts you can choose from. We have long shifts, short shifts, day shifts, night shifts, transportation shifts and live-ins*. (Live-ins available through our Dallas and Scottsdale offices only). We are available 24hrs a day 7 days a week so we are flexible and will work around your schedule.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 4 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 3 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(3)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>Do you hire W-2, 1099, or private contractors?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 3 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>At NanoCare, you are part of the team. You will be considered an employee of NanoCare which means payroll taxes are automatically deducted from your bi-weekly paycheck and if there are any questions, we are here for you! We are fully bonded and insured and are there for you every step of your employment with us.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
export default function Page() {
|
||||
return <CaregiversPage />;
|
||||
}
|
||||
|
||||
345
app/chooseus/HomePage.js
Normal file
345
app/chooseus/HomePage.js
Normal file
@ -0,0 +1,345 @@
|
||||
'use client'
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import ModalVideo from 'react-modal-video'
|
||||
const ProgressBar = ({ label, percent }) => (
|
||||
<div className="progress-box">
|
||||
<p>{label}</p>
|
||||
<div className="bar">
|
||||
<div className="bar-inner count-bar" style={{ width: `${percent}%` }}></div>
|
||||
<div className="count-text">{`${percent}%`}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="ChoosUs">
|
||||
{/* chooseus-section */}
|
||||
<section className="chooseus-style-two bg-color-1">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/chooseus-bg-2.jpg)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-12.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-column offset-lg-4">
|
||||
<div className="content-box ml_45">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Why Choose Us</span>
|
||||
<h2>Choose The Best For Your <br />Health</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-18"></i></div>
|
||||
<h3>Professional Staff</h3>
|
||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-21"></i></div>
|
||||
<h3>Emergency Case</h3>
|
||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-19"></i></div>
|
||||
<h3>Online Appointment</h3>
|
||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-20"></i></div>
|
||||
<h3>24/7 Services</h3>
|
||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* chooseus-section end */}
|
||||
|
||||
|
||||
{/* cta */}
|
||||
<section className="cta-section">
|
||||
<div className="bg-layer parallax-bg" data-parallax='{"y": 100}' style={{ backgroundImage: "url(assets/images/background/cta-bg.jpg)" }}></div>
|
||||
<figure className="image-layer"><img src="assets/images/resource/cta-1.png" alt="" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="inner-box">
|
||||
<div className="sec-title light">
|
||||
<span className="sub-title">Need a Doctor for Check-up?</span>
|
||||
<h2>Call for an emergency service when you have a need!</h2>
|
||||
<div className="btn-box">
|
||||
<Link href="index-2" className="theme-btn btn-one"><span>Make an Appointment</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* cta end */}
|
||||
|
||||
|
||||
{/* funfact-section */}
|
||||
<section className="funfact-section centred">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={75} /><span>+</span>
|
||||
</div>
|
||||
<span className="text">Expert Doctors</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={7} /><span>k</span>
|
||||
</div>
|
||||
<span className="text">Happy Patients</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={850} />
|
||||
</div>
|
||||
<span className="text">Modern Rooms</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={15} />
|
||||
</div>
|
||||
<span className="text">Awards Win</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* funfact-section */}
|
||||
|
||||
{/* <!-- solutions-section --> */}
|
||||
<section className="solutions-section bg-color-1 p_relative">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Better Solutions</span>
|
||||
<h2>Quality Medical Service with Experts</h2>
|
||||
</div>
|
||||
<div className="progress-inner mb_50">
|
||||
|
||||
<ProgressBar label="Skilled Doctor" percent={85} />
|
||||
<ProgressBar label="Modernized Equipment" percent={90} />
|
||||
<ProgressBar label="Dedicated Team" percent={80} />
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="index-2" className="theme-btn btn-one"><span>Discover More</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_two">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="assets/images/resource/skills-1.jpg" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="assets/images/resource/skills-2.jpg" alt="" /></figure>
|
||||
<div className="icon-box"><i className="icon-33"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* <!-- team-section end --> */}
|
||||
{/* <!-- solutions-section --> */}
|
||||
<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">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-two 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-5.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Black Marvin</Link></h3>
|
||||
<span className="designation">Medical Assistant</span>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-two 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-6.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Eleanor Pena</Link></h3>
|
||||
<span className="designation">Doctor</span>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-two 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-7.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Arlene Maccy</Link></h3>
|
||||
<span className="designation">Nursing Assistant</span>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-two 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-8.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Jenny Wilson</Link></h3>
|
||||
<span className="designation">Senior Doctor</span>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* <!-- team-section end --> */}
|
||||
|
||||
|
||||
|
||||
|
||||
{/* subscibe */}
|
||||
<section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="index">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe end */}
|
||||
|
||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
||||
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
@ -1,345 +1,12 @@
|
||||
'use client'
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
// app/choose-us/page.js
|
||||
import HomePage from "../chooseus/HomePage";
|
||||
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import ModalVideo from 'react-modal-video'
|
||||
const ProgressBar = ({ label, percent }) => (
|
||||
<div className="progress-box">
|
||||
<p>{label}</p>
|
||||
<div className="bar">
|
||||
<div className="bar-inner count-bar" style={{ width: `${percent}%` }}></div>
|
||||
<div className="count-text">{`${percent}%`}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
export const metadata = {
|
||||
title: "Why Choose Us – Rapharehab Clinic",
|
||||
description:
|
||||
"Discover why Rapharehab Clinic is trusted for expert doctors, modern facilities, and dedicated care. Learn what makes us the best choice for your health.",
|
||||
};
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="ChoosUs">
|
||||
{/* chooseus-section */}
|
||||
<section className="chooseus-style-two bg-color-1">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/chooseus-bg-2.jpg)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-12.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-column offset-lg-4">
|
||||
<div className="content-box ml_45">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Why Choose Us</span>
|
||||
<h2>Choose The Best For Your <br />Health</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-18"></i></div>
|
||||
<h3>Professional Staff</h3>
|
||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-21"></i></div>
|
||||
<h3>Emergency Case</h3>
|
||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-19"></i></div>
|
||||
<h3>Online Appointment</h3>
|
||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-20"></i></div>
|
||||
<h3>24/7 Services</h3>
|
||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* chooseus-section end */}
|
||||
|
||||
|
||||
{/* cta */}
|
||||
<section className="cta-section">
|
||||
<div className="bg-layer parallax-bg" data-parallax='{"y": 100}' style={{ backgroundImage: "url(assets/images/background/cta-bg.jpg)" }}></div>
|
||||
<figure className="image-layer"><img src="assets/images/resource/cta-1.png" alt="" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="inner-box">
|
||||
<div className="sec-title light">
|
||||
<span className="sub-title">Need a Doctor for Check-up?</span>
|
||||
<h2>Call for an emergency service when you have a need!</h2>
|
||||
<div className="btn-box">
|
||||
<Link href="index-2" className="theme-btn btn-one"><span>Make an Appointment</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* cta end */}
|
||||
|
||||
|
||||
{/* funfact-section */}
|
||||
<section className="funfact-section centred">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={75} /><span>+</span>
|
||||
</div>
|
||||
<span className="text">Expert Doctors</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={7} /><span>k</span>
|
||||
</div>
|
||||
<span className="text">Happy Patients</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={850} />
|
||||
</div>
|
||||
<span className="text">Modern Rooms</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={15} />
|
||||
</div>
|
||||
<span className="text">Awards Win</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* funfact-section */}
|
||||
|
||||
{/* <!-- solutions-section --> */}
|
||||
<section className="solutions-section bg-color-1 p_relative">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Better Solutions</span>
|
||||
<h2>Quality Medical Service with Experts</h2>
|
||||
</div>
|
||||
<div className="progress-inner mb_50">
|
||||
|
||||
<ProgressBar label="Skilled Doctor" percent={85} />
|
||||
<ProgressBar label="Modernized Equipment" percent={90} />
|
||||
<ProgressBar label="Dedicated Team" percent={80} />
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="index-2" className="theme-btn btn-one"><span>Discover More</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_two">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="assets/images/resource/skills-1.jpg" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="assets/images/resource/skills-2.jpg" alt="" /></figure>
|
||||
<div className="icon-box"><i className="icon-33"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* <!-- team-section end --> */}
|
||||
{/* <!-- solutions-section --> */}
|
||||
<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">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-two 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-5.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Black Marvin</Link></h3>
|
||||
<span className="designation">Medical Assistant</span>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-two 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-6.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Eleanor Pena</Link></h3>
|
||||
<span className="designation">Doctor</span>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-two 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-7.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Arlene Maccy</Link></h3>
|
||||
<span className="designation">Nursing Assistant</span>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-two 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-8.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Jenny Wilson</Link></h3>
|
||||
<span className="designation">Senior Doctor</span>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* <!-- team-section end --> */}
|
||||
|
||||
|
||||
|
||||
|
||||
{/* subscibe */}
|
||||
<section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="index">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe end */}
|
||||
|
||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
||||
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
export default function Page() {
|
||||
return <HomePage />;
|
||||
}
|
||||
|
||||
|
||||
|
||||
269
app/contact/ContactClient.js
Normal file
269
app/contact/ContactClient.js
Normal file
@ -0,0 +1,269 @@
|
||||
"use client";
|
||||
|
||||
import { useState, useEffect } from "react";
|
||||
import ReCAPTCHA from "react-google-recaptcha";
|
||||
import axios from "axios";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function ContactClient() {
|
||||
const [formData, setFormData] = useState({
|
||||
username: "",
|
||||
lname: "",
|
||||
email: "",
|
||||
phone: "",
|
||||
subject: "",
|
||||
message: "",
|
||||
});
|
||||
|
||||
const [formErrors, setFormErrors] = useState({});
|
||||
const [captchaToken, setCaptchaToken] = useState(null);
|
||||
const [alert, setAlert] = useState({ show: false, type: "", message: "" });
|
||||
|
||||
// Handle input changes
|
||||
const handleChange = (e) => {
|
||||
const { name, value } = e.target;
|
||||
setFormData((prev) => ({ ...prev, [name]: value }));
|
||||
};
|
||||
|
||||
// Handle captcha
|
||||
const handleCaptchaChange = (token) => {
|
||||
setCaptchaToken(token);
|
||||
};
|
||||
|
||||
// Form submit handler
|
||||
const handleSubmit = async (e) => {
|
||||
e.preventDefault();
|
||||
|
||||
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: "bloor@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 (
|
||||
<div>
|
||||
{/* Contact Info Section */}
|
||||
<section className="contact-info-section pt_90">
|
||||
<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: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_90">
|
||||
<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>How can we help?</h2>
|
||||
<p className="mt-3">
|
||||
Please complete the contact information below and let us know your needs.
|
||||
Upon receipt of your information one of our team members will reach out.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{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>
|
||||
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
<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="contact rapharehab" />
|
||||
</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>
|
||||
);
|
||||
}
|
||||
@ -1,274 +1,21 @@
|
||||
"use client";
|
||||
|
||||
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";
|
||||
import ContactClient from "../contact/ContactClient";
|
||||
|
||||
export default function Contact() {
|
||||
const [formData, setFormData] = useState({
|
||||
username: "",
|
||||
lname: "",
|
||||
email: "",
|
||||
phone: "",
|
||||
subject: "",
|
||||
message: "",
|
||||
});
|
||||
|
||||
const [formErrors, setFormErrors] = useState({});
|
||||
const [captchaToken, setCaptchaToken] = useState(null);
|
||||
const [alert, setAlert] = useState({ show: false, type: "", message: "" });
|
||||
|
||||
// Handle input changes
|
||||
const handleChange = (e) => {
|
||||
const { name, value } = e.target;
|
||||
setFormData((prev) => ({ ...prev, [name]: value }));
|
||||
};
|
||||
|
||||
// Handle captcha
|
||||
const handleCaptchaChange = (token) => {
|
||||
console.log("✅ Captcha token:", token);
|
||||
setCaptchaToken(token);
|
||||
};
|
||||
|
||||
// Form submit handler
|
||||
const handleSubmit = async (e) => {
|
||||
e.preventDefault();
|
||||
|
||||
// Validation
|
||||
const errors = {};
|
||||
if (!formData.username.trim()) errors.username = "First Name is required.";
|
||||
if (!formData.lname.trim()) errors.lname = "Last Name is required.";
|
||||
if (!formData.email.trim()) errors.email = "Email is required.";
|
||||
if (!formData.phone.trim()) errors.phone = "Phone is required.";
|
||||
if (!formData.subject.trim()) errors.subject = "Subject is required.";
|
||||
if (!formData.message.trim()) errors.message = "Message is required.";
|
||||
if (!captchaToken) errors.captcha = "Please verify the CAPTCHA.";
|
||||
|
||||
setFormErrors(errors);
|
||||
if (Object.keys(errors).length > 0) return;
|
||||
|
||||
const emailData = {
|
||||
...formData,
|
||||
message: `Subject: ${formData.subject}<br /><br />Message: ${formData.message}`,
|
||||
to: "bloor@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]);
|
||||
export const metadata = {
|
||||
title: "Contact Rapharehab – Book Your Appointment Today",
|
||||
description:
|
||||
"Reach out to Rapharehab for expert rehab and therapy services. Call or message us to schedule your consultation with our professional care team.",
|
||||
};
|
||||
|
||||
export default function ContactPage() {
|
||||
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_90">
|
||||
<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:bloor@rapharehab.ca">bloor@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_90">
|
||||
<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>How can we help?</h2>
|
||||
<p className="mt-3">Please complete the contact information below and let us know your needs. Upon receipt of your information one of our team members will reach out.</p>
|
||||
</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>
|
||||
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
<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="contact rabharehab" />
|
||||
</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>
|
||||
</>
|
||||
<Layout
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle="Contact Us"
|
||||
bannerImage="/assets/images/contact/contact-us-banner.webp"
|
||||
>
|
||||
<ContactClient />
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
149
app/covid-19-updates/CovidClient.js
Normal file
149
app/covid-19-updates/CovidClient.js
Normal file
@ -0,0 +1,149 @@
|
||||
'use client'
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import ModalVideo from 'react-modal-video'
|
||||
import { motion } from "framer-motion"
|
||||
|
||||
const ProgressBar = ({ label, percent }) => (
|
||||
<div className="progress-box">
|
||||
<p>{label}</p>
|
||||
<div className="bar">
|
||||
<div className="bar-inner count-bar" style={{ width: `${percent}%` }}></div>
|
||||
<div className="count-text">{`${percent}%`}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<section className="chooseus-style-two pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="content-box">
|
||||
{/* Top Intro */}
|
||||
<div className="sec-title mb_50 text-center">
|
||||
<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
|
||||
or mobile therapy are effective alternatives to in-clinic therapy for many of our clients.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Virtual Therapy (Right aligned on desktop, center on mobile) */}
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-end text-lg-left"
|
||||
initial={{ opacity: 0, x: 100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box w-100 pb-0">
|
||||
<div className="icon-box mb-3 mb-lg-0">
|
||||
<img src="/assets/images/covid/virtual.webp" alt="Virtual Therapy" />
|
||||
</div>
|
||||
<h3>VIRTUAL THERAPY</h3>
|
||||
<p>
|
||||
As an alternative to receiving direct in-clinic therapy, we continue to offer all
|
||||
clients the option to receive tele-rehabilitation or virtual therapy services to
|
||||
address your current therapy needs.
|
||||
</p>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
{/* Home Therapy (Left aligned on desktop, center on mobile) */}
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block mt-4">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-start text-lg-left"
|
||||
initial={{ opacity: 0, x: -100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0" >
|
||||
|
||||
<div className="icon-box ml-lg-3 mb-3 mb-lg-0">
|
||||
<img src="/assets/images/covid/home.webp" alt="Home Therapy" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3>HOME THERAPY</h3>
|
||||
<p>
|
||||
The convenience of having a physiotherapist come to your home eliminates barriers
|
||||
faced by those who can’t drive. This improved access to therapy makes it easier for
|
||||
clients to be an active participant in their recovery.
|
||||
</p>
|
||||
<p>
|
||||
Being able to interact with clients in their home setting enables a therapist to see
|
||||
how the client moves and completes tasks in their everyday life.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Subscribe Section */}
|
||||
{/* <section className="subscribe-section pt-0 bg-color-1">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box text-center text-lg-left">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">
|
||||
I agree to the <Link href="index">Privacy Policy.</Link>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> */}
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,151 +1,21 @@
|
||||
'use client'
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import ModalVideo from 'react-modal-video'
|
||||
import { motion } from "framer-motion"
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import CovidClient from "./CovidClient";
|
||||
|
||||
const ProgressBar = ({ label, percent }) => (
|
||||
<div className="progress-box">
|
||||
<p>{label}</p>
|
||||
<div className="bar">
|
||||
<div className="bar-inner count-bar" style={{ width: `${percent}%` }}></div>
|
||||
<div className="count-text">{`${percent}%`}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
export const metadata = {
|
||||
title: "Rapharehab COVID-19 Safety & Clinic Updates",
|
||||
description:
|
||||
"Stay informed with Rapharehab’s latest COVID-19 updates, safety protocols, and patient care measures to ensure a secure and trusted clinic.",
|
||||
};
|
||||
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="COVID-19 UPDATES" bannerImage="/assets/images/covid/covid-19-banner.webp">
|
||||
<section className="chooseus-style-two pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="content-box">
|
||||
{/* Top Intro */}
|
||||
<div className="sec-title mb_50 text-center">
|
||||
<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
|
||||
or mobile therapy are effective alternatives to in-clinic therapy for many of our clients.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Virtual Therapy (Right aligned on desktop, center on mobile) */}
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-end text-lg-left"
|
||||
initial={{ opacity: 0, x: 100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box w-100 pb-0">
|
||||
<div className="icon-box mb-3 mb-lg-0">
|
||||
<img src="/assets/images/covid/virtual.webp" alt="Virtual Therapy" />
|
||||
</div>
|
||||
<h3>VIRTUAL THERAPY</h3>
|
||||
<p>
|
||||
As an alternative to receiving direct in-clinic therapy, we continue to offer all
|
||||
clients the option to receive tele-rehabilitation or virtual therapy services to
|
||||
address your current therapy needs.
|
||||
</p>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
{/* Home Therapy (Left aligned on desktop, center on mobile) */}
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block mt-4">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-start text-lg-left"
|
||||
initial={{ opacity: 0, x: -100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0" >
|
||||
|
||||
<div className="icon-box ml-lg-3 mb-3 mb-lg-0">
|
||||
<img src="/assets/images/covid/home.webp" alt="Home Therapy" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3>HOME THERAPY</h3>
|
||||
<p>
|
||||
The convenience of having a physiotherapist come to your home eliminates barriers
|
||||
faced by those who can’t drive. This improved access to therapy makes it easier for
|
||||
clients to be an active participant in their recovery.
|
||||
</p>
|
||||
<p>
|
||||
Being able to interact with clients in their home setting enables a therapist to see
|
||||
how the client moves and completes tasks in their everyday life.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Subscribe Section */}
|
||||
{/* <section className="subscribe-section pt-0 bg-color-1">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box text-center text-lg-left">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">
|
||||
I agree to the <Link href="index">Privacy Policy.</Link>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
export default function CovidPage() {
|
||||
return (
|
||||
<Layout
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle="COVID-19 Updates"
|
||||
bannerImage="/assets/images/covid/covid-19-banner.webp"
|
||||
>
|
||||
<CovidClient />
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
150
app/faq-physiotherapy-etobicoke/FaqClient.js
Normal file
150
app/faq-physiotherapy-etobicoke/FaqClient.js
Normal file
@ -0,0 +1,150 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { useState } from 'react';
|
||||
|
||||
export default function Faq() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
});
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
});
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<section className="faq-section pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">FAQ'S</span>
|
||||
<h2>Do You Have Any Physiotherapy <br />Questions?</h2>
|
||||
</div>
|
||||
|
||||
<div className="row align-items-center clearfix">
|
||||
|
||||
{/* Left Side Image */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column mb-5 text-center text-lg-start">
|
||||
<div className="image_block_four">
|
||||
<div className="image-box">
|
||||
<figure>
|
||||
<img
|
||||
src="/assets/images/faq/img.webp"
|
||||
alt="Do You Have Any Physiotherapy Questions"
|
||||
className="img-fluid"
|
||||
style={{ height: "550px", objectFit: "cover" }}
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Right Side FAQ Content */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<ul className="accordion-box">
|
||||
|
||||
{/* FAQ 1 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 1 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(1)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>What is physiotherapy?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 1 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>Physiotherapists are medical professionals who specialize in treating injuries and conditions that impact movement.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 2 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 2 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(2)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>What does the physiotherapist do?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 2 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>Physiotherapists help people affected by injury, illness or disability through electrical modalities, movement, exercise, manual therapy, education and advice. We at Rapharehab Physiotherapy clinic Etobicoke for people of all ages, helping patients to manage pain and prevent disease.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 3 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 3 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(3)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>How Long Will Your session Take?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 3 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>The duration of the program will depend on an individual's healing rate and condition being treated. Every condition is different, and everyone heals at different rates. Minor injuries you might expect 2-3 sessions of physiotherapy while the soft tissue injuries may take even longer.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* faq end */}
|
||||
|
||||
{/* subscibe */}
|
||||
{/* <section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> */}
|
||||
</>
|
||||
);
|
||||
}
|
||||
@ -1,154 +1,21 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { useState } from 'react';
|
||||
import FaqClient from "../faq-physiotherapy-etobicoke/FaqClient";
|
||||
|
||||
export default function Faq() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
});
|
||||
export const metadata = {
|
||||
title: "FAQs – Answers from Rapharehab’s Expert Team",
|
||||
description:
|
||||
"Get answers to common questions about our services, treatments, and care at Rapharehab. Learn what to expect and how we help you recover confidently.",
|
||||
};
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
});
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Faq's" bannerImage="/assets/images/faq/faq-banner.webp">
|
||||
|
||||
{/* faq */}
|
||||
<section className="faq-section pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">FAQ'S</span>
|
||||
<h2>Do You Have Any Physiotherapy <br />Questions?</h2>
|
||||
</div>
|
||||
|
||||
<div className="row align-items-center clearfix">
|
||||
|
||||
{/* Left Side Image */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column mb-5 text-center text-lg-start">
|
||||
<div className="image_block_four">
|
||||
<div className="image-box">
|
||||
<figure>
|
||||
<img
|
||||
src="/assets/images/faq/img.webp"
|
||||
alt="Do You Have Any Physiotherapy Questions"
|
||||
className="img-fluid"
|
||||
style={{ height: "550px", objectFit: "cover" }}
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Right Side FAQ Content */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<ul className="accordion-box">
|
||||
|
||||
{/* FAQ 1 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 1 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(1)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>What is physiotherapy?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 1 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>Physiotherapists are medical professionals who specialize in treating injuries and conditions that impact movement.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 2 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 2 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(2)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>What does the physiotherapist do?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 2 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>Physiotherapists help people affected by injury, illness or disability through electrical modalities, movement, exercise, manual therapy, education and advice. We at Rapharehab Physiotherapy clinic Etobicoke for people of all ages, helping patients to manage pain and prevent disease.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 3 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 3 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(3)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>How Long Will Your session Take?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 3 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>The duration of the program will depend on an individual's healing rate and condition being treated. Every condition is different, and everyone heals at different rates. Minor injuries you might expect 2-3 sessions of physiotherapy while the soft tissue injuries may take even longer.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* faq end */}
|
||||
|
||||
{/* subscibe */}
|
||||
{/* <section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> */}
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
export default function FaqPage() {
|
||||
return (
|
||||
<Layout
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle="Faq's"
|
||||
bannerImage="/assets/images/faq/faq-banner.webp"
|
||||
>
|
||||
<FaqClient />
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
133
app/gallery-physiotherapy-etobicoke/GalleryClient.js
Normal file
133
app/gallery-physiotherapy-etobicoke/GalleryClient.js
Normal file
@ -0,0 +1,133 @@
|
||||
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { useState } from 'react'
|
||||
import Link from "next/link"
|
||||
export default function WhyChooseUs() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
{/* gallery */}
|
||||
<section className="gallery-page-section sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-6.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-6.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-7.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-7.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-8.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-8.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-9.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-9.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-10.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-10.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-11.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-11.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
</div>
|
||||
<div className="pagination-wrapper mt_20 centred">
|
||||
<ul className="pagination clearfix">
|
||||
<li><Link href="gallery" className="current">1</Link></li>
|
||||
<li><Link href="gallery">2</Link></li>
|
||||
<li><Link href="gallery">3</Link></li>
|
||||
<li><Link href="gallery"><i className="icon-36"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* gallery end */}
|
||||
|
||||
{/* subscibe */}
|
||||
{/* <section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> */}
|
||||
{/* subscibe end */}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1,136 +1,21 @@
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import GalleryClient from "../gallery-physiotherapy-etobicoke/GalleryClient";
|
||||
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { useState } from 'react'
|
||||
import Link from "next/link"
|
||||
export default function WhyChooseUs() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
export const metadata = {
|
||||
title: "Clinic & Therapy Gallery – Inside Rapharehab",
|
||||
description:
|
||||
"Explore Rapharehab’s gallery to see our clinic, equipment, and therapy sessions. A glimpse into our professional and welcoming healing space.",
|
||||
};
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Gallery" bannerImage="/assets/images/gallery-page/gallery-banner.webp">
|
||||
|
||||
{/* gallery */}
|
||||
<section className="gallery-page-section sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-6.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-6.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-7.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-7.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-8.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-8.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-9.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-9.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-10.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-10.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-11.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-11.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
</div>
|
||||
<div className="pagination-wrapper mt_20 centred">
|
||||
<ul className="pagination clearfix">
|
||||
<li><Link href="gallery" className="current">1</Link></li>
|
||||
<li><Link href="gallery">2</Link></li>
|
||||
<li><Link href="gallery">3</Link></li>
|
||||
<li><Link href="gallery"><i className="icon-36"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* gallery end */}
|
||||
|
||||
{/* subscibe */}
|
||||
{/* <section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> */}
|
||||
{/* subscibe end */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
export default function GalleryPage() {
|
||||
return (
|
||||
<Layout
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle="Gallery"
|
||||
bannerImage="/assets/images/gallery-page/gallery-banner.webp"
|
||||
>
|
||||
<GalleryClient />
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@ -2,6 +2,12 @@ import dynamic from 'next/dynamic';
|
||||
const PortfolioFilter1 = dynamic(() => import('@/components/elements/Locations'), { ssr: false });
|
||||
import Layout from "@/components/layout/Layout"
|
||||
|
||||
export const metadata = {
|
||||
title: "Locations - rapharehab",
|
||||
description:
|
||||
"Learn more about Rapha Rehab Physiotherapy and Rehabilitation Clinic in Etobicoke. Discover our mission, vision, values, and experienced physiotherapy team.",
|
||||
};
|
||||
|
||||
export default function Gallery() {
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Locations" bannerImage="/assets/images/location/location-banner.webp">
|
||||
|
||||
@ -1,6 +1,11 @@
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
|
||||
export const metadata = {
|
||||
title: "Our Healing Approach – Rapharehab’s Proven Methods",
|
||||
description: "Discover Rapharehab’s personalized approach to wellness. We combine evidence-based methods and holistic care to ensure lasting health results.",
|
||||
};
|
||||
|
||||
|
||||
export default function About() {
|
||||
return (
|
||||
|
||||
@ -1,6 +1,12 @@
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
|
||||
export const metadata = {
|
||||
title: "Payment & Insurance at Physiotherapy Etobicoke - Rapharehab Physiotherapy clinic Etobicoke",
|
||||
description:
|
||||
"Explore flexible payment options and insurance coverage at Rapharehab Physiotherapy clinic and rehabilitation etobicoke. We accept a variety of insurance plans and offer convenient payment solutions to ensure you get the care you need without financial stress. Book your appointment today!",
|
||||
};
|
||||
|
||||
|
||||
export default function About() {
|
||||
return (
|
||||
|
||||
565
app/shortcodes/ShortcodesClient.js
Normal file
565
app/shortcodes/ShortcodesClient.js
Normal file
@ -0,0 +1,565 @@
|
||||
'use client'
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { motion } from "framer-motion"
|
||||
import TestimonialSlider1 from "@/components/slider/ShortcodeTestimonial"
|
||||
import PortfolioFilter1 from "@/components/elements/Shortcodes"
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<Layout
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle="Shortcodes"
|
||||
bannerImage="/assets/images/shortcodes/shortcodes-banner.webp"
|
||||
>
|
||||
<section className="pricing-section sec-pad">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Shortcodes</span>
|
||||
<h2>Icon list content</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
|
||||
<div className="pricing-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="pricing-table">
|
||||
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
|
||||
<div className="table-content">
|
||||
<ul className="feature-list clearfix">
|
||||
<li>On call 24/7 for client needs</li>
|
||||
<li>Flexible and fast scheduling</li>
|
||||
<li>Discuss and receive guidance</li>
|
||||
<li>Thorough care management and family support</li>
|
||||
<li>Double the care team staff of other agencies</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
|
||||
<div className="pricing-block-one active-block wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="pricing-table">
|
||||
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
|
||||
<div className="table-content">
|
||||
<ul className="feature-list clearfix">
|
||||
<li>Assisting with walking and transferring from bed to wheelchair</li>
|
||||
<li>Bathing, dressing and grooming assistance</li>
|
||||
<li>Medication reminders</li>
|
||||
<li>Safety and fall prevention</li>
|
||||
<li>Toileting and incontinence care</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
|
||||
<div className="pricing-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="pricing-table">
|
||||
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
|
||||
<div className="table-content">
|
||||
<ul className="feature-list clearfix">
|
||||
<li>Light housekeeping</li>
|
||||
<li>Meal preparation and nutrition</li>
|
||||
<li>Grocery shopping and errands</li>
|
||||
<li>Transportation to social and recreational activities</li>
|
||||
<li>Assistance with light exercise and outdoor activity</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="solutions-section pt-0">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="progress-inner mb_50">
|
||||
<ul className="list-style-one clearfix mt-4">
|
||||
<li>On call 24/7 for client needs</li>
|
||||
<li>Flexible and fast scheduling</li>
|
||||
<li>Regular quality assurance</li>
|
||||
<li>Thorough care management and family support</li>
|
||||
<li>Double the care team staff of other agencies</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="progress-inner mb_50">
|
||||
<ul className="list-style-one clearfix mt-4">
|
||||
<li>Medication reminders</li>
|
||||
<li>Safety and fall prevention</li>
|
||||
<li>Toileting and incontinence care</li>
|
||||
<li>Bathing, dressing and grooming assistance</li>
|
||||
<li>Assisting with walking and transferring from bed to wheelchair</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="progress-inner mb_50">
|
||||
<ul className="list-style-one clearfix mt-4">
|
||||
<li>Light housekeeping</li>
|
||||
<li>Meal preparation and nutrition</li>
|
||||
<li>Grocery shopping and errands</li>
|
||||
<li>Transportation to social and recreational activities</li>
|
||||
<li>Assistance with light exercise and outdoor activity</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="feature-section pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/daily-care.webp" alt="Daily Care Experts" /></div>
|
||||
<h3><Link href="/">Daily Care Experts</Link></h3>
|
||||
<p>We specialize in around the clock care to help seniors live well at home.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/balanced-care.webp" alt="Balanced Care" /></div>
|
||||
<h3><Link href="/">Balanced Care</Link></h3>
|
||||
<p>Our unique approach to care promotes healthy mind, body and spirit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/peace.webp" alt="Peace of Mind" /></div>
|
||||
<h3><Link href="/">Peace of Mind</Link></h3>
|
||||
<p>Independent industry surveys place our client satisfaction rate at 97%.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/24-7.webp" alt="Available 24/7" /></div>
|
||||
<h3><Link href="/">Available 24/7</Link></h3>
|
||||
<p>We are available 24 hours a day to provide your loved one with a caregiver.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/high.webp" alt="High Caliber Caregivers" /></div>
|
||||
<h3><Link href="/">High Caliber Caregivers</Link></h3>
|
||||
<p>We typically hire only 1 in 25 applicants and provide ongoing training.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/trusted.webp" alt="A Trusted Partner" /></div>
|
||||
<h3><Link href="/">A Trusted Partner</Link></h3>
|
||||
<p>Nano Home Care is the trusted referral choice for elder care professionals.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="chooseus-style-two bg-color-1 pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="content-box">
|
||||
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-end text-lg-left"
|
||||
initial={{ opacity: 0, x: 100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box w-100 pb-0">
|
||||
<div className="icon-box mb-3 mb-lg-0">
|
||||
<img src="/assets/images/shortcodes/icons/talk.webp" alt="Talk to one of our homecare experts, who understands your situation" />
|
||||
</div>
|
||||
<h3 className="h3-white">Talk to one of our homecare experts, who understands your situation</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
You want to know your care provider understands what you’re going through and has the experience and
|
||||
expertise to address your needs. With NanoCare, you are not alone. We know how to help you because we
|
||||
have learned through personal experience as well as caring for hundreds of families and clients who face
|
||||
similar challenges in the US.
|
||||
</p>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block mt-4">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-start text-lg-left"
|
||||
initial={{ opacity: 0, x: -100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0">
|
||||
<div className="icon-box ml-lg-3 mb-3 mb-lg-0">
|
||||
<img src="/assets/images/shortcodes/icons/arrange.webp" alt="Arrange for a Free In-Home Assessment and receive a personalized care proposal that fits your needs" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="h3-white">Arrange for a Free In-Home Assessment and receive a personalized care proposal that fits your needs</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
Every care situation has differences and nuances; therefore, a free in-home assessment is required to
|
||||
prepare a thorough care plan just for your needs that you can review, revise, and approve. This personalized
|
||||
care plan will identify the best ways our caregiver can serve you.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row clearfix mt-4">
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-end text-lg-left"
|
||||
initial={{ opacity: 0, x: 100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box w-100 pb-0">
|
||||
<div className="icon-box mb-3 mb-lg-0">
|
||||
<img src="/assets/images/shortcodes/icons/review.webp" alt="Review Our Care Proposal & Revise as You See Fit" />
|
||||
</div>
|
||||
<h3 className="h3-white">Review Our Care Proposal & Revise as You See Fit</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
Once you have reviewed and approved the care plan, at NanoCare we guarantee caregiver compatibility.
|
||||
We strive to make a successful match at the first shift. We follow up after the first shift so that you can
|
||||
tell us whether we have the right match. In the unusual case where we miss, we use the feedback to
|
||||
select the right one for subsequent visits.
|
||||
</p>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block mt-4">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-start text-lg-left"
|
||||
initial={{ opacity: 0, x: -100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0">
|
||||
<div className="icon-box ml-lg-3 mb-3 mb-lg-0">
|
||||
<img src="/assets/images/shortcodes/icons/schedule.webp" alt="Schedule for Care to Start" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="h3-white">Schedule for Care to Start</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
NanoCare provides a secure, confidential, and easy-to-use Web application called <strong>Family Room</strong>
|
||||
that you can access using a mobile device or on a desktop computer. You can see the schedule, who the
|
||||
caregivers are, tasks planned, completed, and, if incomplete, the reason for it, and any care notes and concerns.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="process-section pt_90 pb_90">
|
||||
<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="inner-container">
|
||||
<div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.webp)' }}></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/shortcodes/step/step-1.webp" alt="call and speak" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Step 1</h3>
|
||||
<p>Call and speak to one of our friendly team who will discuss the setup process and outline our packages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</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">02</span>
|
||||
<figure className="image-box"><img src="/assets/images/shortcodes/step/step-2.webp" alt="Request a home visit" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Step 2</h3>
|
||||
<p>Request a home visit where we will provide you with a free, no obligation assessment.</p>
|
||||
</div>
|
||||
</div>
|
||||
</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">03</span>
|
||||
<figure className="image-box"><img src="/assets/images/shortcodes/step/step-3.webp" alt="care package " /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Step 3</h3>
|
||||
<p>Once agreed, we will setup your care package and introduce you to your Care Worker.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<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/shortcodes/back.webp" alt="Why choose nanocare" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/shortcodes/front.webp" alt="Why choose nanocare" /></figure>
|
||||
{/* <div className="icon-box"><img src="/assets/images/about-us/section3/icon.webp" alt="" /></div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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-1 mb_15">
|
||||
<h2>Why Choose Us</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p className="tex-color-1">NanoCare is committed to being your shoulder to lean on and providing honest advice for your loved one’s situation during this delicate time. No one should feel alone when looking for senior home care solutions. </p>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/contact" className="theme-btn btn-one-new"><span>Book Appointment</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="service-section pt_90 pb_90" id="service">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/shortcodes/hourly-home-care.webp" alt="Hourly home care" /></figure>
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Hourly home care</h3>
|
||||
<p>Hourly home care allows clients to use our caregivers on an hourly or as-needed basis.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/shortcodes/daily-home-care.webp" alt="Daily home care" /></figure>
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Daily home care</h3>
|
||||
<p> Daily Care provides older adults with 24/7, around-the-clock care. Clients and their families enjoy peace of mind with reliable.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/shortcodes/hospital-to-home-care.webp" alt="Hospital to home care" /></figure>
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Hospital to home care</h3>
|
||||
<p>One of the leading causes of hospital readmission or slow post-hospitalization recovery is the lack of proper support following a hospital discharge.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="testimonial-section pt_90 pb_90 bg-color-1" id="testimonial">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/shortcodes/testimonials-carousel.webp)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-21.webp)' }}></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-1 mb_50">
|
||||
<h2>Testimonials carousel</h2>
|
||||
</div>
|
||||
<div className="content-box">
|
||||
{/*Theme Carousel*/}
|
||||
<TestimonialSlider1 />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="funfact-section centred">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={2000} /><span>+</span>
|
||||
</div>
|
||||
<span className="text-new">Home health care professionals</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={300} /><span>+</span>
|
||||
</div>
|
||||
<span className="text-new">Office <br /> locations</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={68} /><span></span>
|
||||
</div>
|
||||
<span className="text-new">States served by nanocare</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={97} /><span>%</span>
|
||||
</div>
|
||||
<span className="text-new">Our client satisfaction rate</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="service-section sec-pad " id="service">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<h2>Team Member</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/1.webp" alt="Keira Knightley" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Keira Knightley</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>Keira Knightley has thirty-six years of nursing experience across a range of services, including hospital, community, nursing and care homes.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/2.webp" alt="Katherine waterston" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Katherine waterston</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>At Nano Care, Katherine ensures that the each and every client of Nano Care is looked after according to the company’s core mission, values and vision.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/3.webp" alt="Anna faris" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Anna faris</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>Anna ensures that all the staff and support workers at Nano Care adhere to the company’s ethos of providing the highest care standards in every service we offer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="gallery-section pt_90 pb_90 bg-color-2">
|
||||
<div className="outer-container">
|
||||
<div className="sec-title-1 centred mb_30">
|
||||
<h2>Tabbed & vertical tabbed content</h2>
|
||||
</div>
|
||||
{/*Sortable Galery*/}
|
||||
<div className="sortable-masonry">
|
||||
{/*Filter*/}
|
||||
<PortfolioFilter1 />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
)
|
||||
}
|
||||
@ -1,565 +1,17 @@
|
||||
'use client'
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { motion } from "framer-motion"
|
||||
import TestimonialSlider1 from "@/components/slider/ShortcodeTestimonial"
|
||||
import PortfolioFilter1 from "@/components/elements/Shortcodes"
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import ShortcodesClient from "../shortcodes/ShortcodesClient";
|
||||
|
||||
export default function Home() {
|
||||
export const metadata = {
|
||||
title: "Shortcodes - rapharehab",
|
||||
description:
|
||||
"Explore all available shortcodes for Rapha Rehab Clinic, including icon lists, care steps, team members, testimonials, and interactive content.",
|
||||
};
|
||||
|
||||
return (
|
||||
<Layout
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle="Shortcodes"
|
||||
bannerImage="/assets/images/shortcodes/shortcodes-banner.webp"
|
||||
>
|
||||
<section className="pricing-section sec-pad">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Shortcodes</span>
|
||||
<h2>Icon list content</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
|
||||
<div className="pricing-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="pricing-table">
|
||||
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
|
||||
<div className="table-content">
|
||||
<ul className="feature-list clearfix">
|
||||
<li>On call 24/7 for client needs</li>
|
||||
<li>Flexible and fast scheduling</li>
|
||||
<li>Discuss and receive guidance</li>
|
||||
<li>Thorough care management and family support</li>
|
||||
<li>Double the care team staff of other agencies</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
|
||||
<div className="pricing-block-one active-block wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="pricing-table">
|
||||
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
|
||||
<div className="table-content">
|
||||
<ul className="feature-list clearfix">
|
||||
<li>Assisting with walking and transferring from bed to wheelchair</li>
|
||||
<li>Bathing, dressing and grooming assistance</li>
|
||||
<li>Medication reminders</li>
|
||||
<li>Safety and fall prevention</li>
|
||||
<li>Toileting and incontinence care</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
|
||||
<div className="pricing-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="pricing-table">
|
||||
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
|
||||
<div className="table-content">
|
||||
<ul className="feature-list clearfix">
|
||||
<li>Light housekeeping</li>
|
||||
<li>Meal preparation and nutrition</li>
|
||||
<li>Grocery shopping and errands</li>
|
||||
<li>Transportation to social and recreational activities</li>
|
||||
<li>Assistance with light exercise and outdoor activity</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="solutions-section pt-0">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="progress-inner mb_50">
|
||||
<ul className="list-style-one clearfix mt-4">
|
||||
<li>On call 24/7 for client needs</li>
|
||||
<li>Flexible and fast scheduling</li>
|
||||
<li>Regular quality assurance</li>
|
||||
<li>Thorough care management and family support</li>
|
||||
<li>Double the care team staff of other agencies</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="progress-inner mb_50">
|
||||
<ul className="list-style-one clearfix mt-4">
|
||||
<li>Medication reminders</li>
|
||||
<li>Safety and fall prevention</li>
|
||||
<li>Toileting and incontinence care</li>
|
||||
<li>Bathing, dressing and grooming assistance</li>
|
||||
<li>Assisting with walking and transferring from bed to wheelchair</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="progress-inner mb_50">
|
||||
<ul className="list-style-one clearfix mt-4">
|
||||
<li>Light housekeeping</li>
|
||||
<li>Meal preparation and nutrition</li>
|
||||
<li>Grocery shopping and errands</li>
|
||||
<li>Transportation to social and recreational activities</li>
|
||||
<li>Assistance with light exercise and outdoor activity</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="feature-section pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/daily-care.webp" alt="Daily Care Experts" /></div>
|
||||
<h3><Link href="/">Daily Care Experts</Link></h3>
|
||||
<p>We specialize in around the clock care to help seniors live well at home.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/balanced-care.webp" alt="Balanced Care" /></div>
|
||||
<h3><Link href="/">Balanced Care</Link></h3>
|
||||
<p>Our unique approach to care promotes healthy mind, body and spirit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/peace.webp" alt="Peace of Mind" /></div>
|
||||
<h3><Link href="/">Peace of Mind</Link></h3>
|
||||
<p>Independent industry surveys place our client satisfaction rate at 97%.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/24-7.webp" alt="Available 24/7" /></div>
|
||||
<h3><Link href="/">Available 24/7</Link></h3>
|
||||
<p>We are available 24 hours a day to provide your loved one with a caregiver.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/high.webp" alt="High Caliber Caregivers" /></div>
|
||||
<h3><Link href="/">High Caliber Caregivers</Link></h3>
|
||||
<p>We typically hire only 1 in 25 applicants and provide ongoing training.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/trusted.webp" alt="A Trusted Partner" /></div>
|
||||
<h3><Link href="/">A Trusted Partner</Link></h3>
|
||||
<p>Nano Home Care is the trusted referral choice for elder care professionals.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="chooseus-style-two bg-color-1 pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="content-box">
|
||||
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-end text-lg-left"
|
||||
initial={{ opacity: 0, x: 100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box w-100 pb-0">
|
||||
<div className="icon-box mb-3 mb-lg-0">
|
||||
<img src="/assets/images/shortcodes/icons/talk.webp" alt="Talk to one of our homecare experts, who understands your situation" />
|
||||
</div>
|
||||
<h3 className="h3-white">Talk to one of our homecare experts, who understands your situation</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
You want to know your care provider understands what you’re going through and has the experience and
|
||||
expertise to address your needs. With NanoCare, you are not alone. We know how to help you because we
|
||||
have learned through personal experience as well as caring for hundreds of families and clients who face
|
||||
similar challenges in the US.
|
||||
</p>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block mt-4">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-start text-lg-left"
|
||||
initial={{ opacity: 0, x: -100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0">
|
||||
<div className="icon-box ml-lg-3 mb-3 mb-lg-0">
|
||||
<img src="/assets/images/shortcodes/icons/arrange.webp" alt="Arrange for a Free In-Home Assessment and receive a personalized care proposal that fits your needs" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="h3-white">Arrange for a Free In-Home Assessment and receive a personalized care proposal that fits your needs</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
Every care situation has differences and nuances; therefore, a free in-home assessment is required to
|
||||
prepare a thorough care plan just for your needs that you can review, revise, and approve. This personalized
|
||||
care plan will identify the best ways our caregiver can serve you.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row clearfix mt-4">
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-end text-lg-left"
|
||||
initial={{ opacity: 0, x: 100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box w-100 pb-0">
|
||||
<div className="icon-box mb-3 mb-lg-0">
|
||||
<img src="/assets/images/shortcodes/icons/review.webp" alt="Review Our Care Proposal & Revise as You See Fit" />
|
||||
</div>
|
||||
<h3 className="h3-white">Review Our Care Proposal & Revise as You See Fit</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
Once you have reviewed and approved the care plan, at NanoCare we guarantee caregiver compatibility.
|
||||
We strive to make a successful match at the first shift. We follow up after the first shift so that you can
|
||||
tell us whether we have the right match. In the unusual case where we miss, we use the feedback to
|
||||
select the right one for subsequent visits.
|
||||
</p>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block mt-4">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-start text-lg-left"
|
||||
initial={{ opacity: 0, x: -100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0">
|
||||
<div className="icon-box ml-lg-3 mb-3 mb-lg-0">
|
||||
<img src="/assets/images/shortcodes/icons/schedule.webp" alt="Schedule for Care to Start" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="h3-white">Schedule for Care to Start</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
NanoCare provides a secure, confidential, and easy-to-use Web application called <strong>Family Room</strong>
|
||||
that you can access using a mobile device or on a desktop computer. You can see the schedule, who the
|
||||
caregivers are, tasks planned, completed, and, if incomplete, the reason for it, and any care notes and concerns.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="process-section pt_90 pb_90">
|
||||
<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="inner-container">
|
||||
<div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.webp)' }}></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/shortcodes/step/step-1.webp" alt="call and speak" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Step 1</h3>
|
||||
<p>Call and speak to one of our friendly team who will discuss the setup process and outline our packages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</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">02</span>
|
||||
<figure className="image-box"><img src="/assets/images/shortcodes/step/step-2.webp" alt="Request a home visit" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Step 2</h3>
|
||||
<p>Request a home visit where we will provide you with a free, no obligation assessment.</p>
|
||||
</div>
|
||||
</div>
|
||||
</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">03</span>
|
||||
<figure className="image-box"><img src="/assets/images/shortcodes/step/step-3.webp" alt="care package " /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Step 3</h3>
|
||||
<p>Once agreed, we will setup your care package and introduce you to your Care Worker.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<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/shortcodes/back.webp" alt="Why choose nanocare" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/shortcodes/front.webp" alt="Why choose nanocare" /></figure>
|
||||
{/* <div className="icon-box"><img src="/assets/images/about-us/section3/icon.webp" alt="" /></div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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-1 mb_15">
|
||||
<h2>Why Choose Us</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p className="tex-color-1">NanoCare is committed to being your shoulder to lean on and providing honest advice for your loved one’s situation during this delicate time. No one should feel alone when looking for senior home care solutions. </p>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/contact" className="theme-btn btn-one-new"><span>Book Appointment</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="service-section pt_90 pb_90" id="service">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/shortcodes/hourly-home-care.webp" alt="Hourly home care" /></figure>
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Hourly home care</h3>
|
||||
<p>Hourly home care allows clients to use our caregivers on an hourly or as-needed basis.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/shortcodes/daily-home-care.webp" alt="Daily home care" /></figure>
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Daily home care</h3>
|
||||
<p> Daily Care provides older adults with 24/7, around-the-clock care. Clients and their families enjoy peace of mind with reliable.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/shortcodes/hospital-to-home-care.webp" alt="Hospital to home care" /></figure>
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Hospital to home care</h3>
|
||||
<p>One of the leading causes of hospital readmission or slow post-hospitalization recovery is the lack of proper support following a hospital discharge.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="testimonial-section pt_90 pb_90 bg-color-1" id="testimonial">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/shortcodes/testimonials-carousel.webp)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-21.webp)' }}></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-1 mb_50">
|
||||
<h2>Testimonials carousel</h2>
|
||||
</div>
|
||||
<div className="content-box">
|
||||
{/*Theme Carousel*/}
|
||||
<TestimonialSlider1 />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="funfact-section centred">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={2000} /><span>+</span>
|
||||
</div>
|
||||
<span className="text-new">Home health care professionals</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={300} /><span>+</span>
|
||||
</div>
|
||||
<span className="text-new">Office <br /> locations</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={68} /><span></span>
|
||||
</div>
|
||||
<span className="text-new">States served by nanocare</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={97} /><span>%</span>
|
||||
</div>
|
||||
<span className="text-new">Our client satisfaction rate</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="service-section sec-pad " id="service">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<h2>Team Member</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/1.webp" alt="Keira Knightley" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Keira Knightley</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>Keira Knightley has thirty-six years of nursing experience across a range of services, including hospital, community, nursing and care homes.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/2.webp" alt="Katherine waterston" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Katherine waterston</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>At Nano Care, Katherine ensures that the each and every client of Nano Care is looked after according to the company’s core mission, values and vision.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/3.webp" alt="Anna faris" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Anna faris</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>Anna ensures that all the staff and support workers at Nano Care adhere to the company’s ethos of providing the highest care standards in every service we offer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="gallery-section pt_90 pb_90 bg-color-2">
|
||||
<div className="outer-container">
|
||||
<div className="sec-title-1 centred mb_30">
|
||||
<h2>Tabbed & vertical tabbed content</h2>
|
||||
</div>
|
||||
{/*Sortable Galery*/}
|
||||
<div className="sortable-masonry">
|
||||
{/*Filter*/}
|
||||
<PortfolioFilter1 />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
)
|
||||
export default function ShortcodesPage() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<ShortcodesClient />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,6 +1,12 @@
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
|
||||
export const metadata = {
|
||||
title: "What to expect at Physiotherapy Etobicoke - Rapha Physiotherapy etobicoke",
|
||||
description:
|
||||
"On the first day of your visit, you will receive a thorough assessment allows our healthcare professionals to understand your injury to determine how we can help. Following the initial assessment at our physiotherapy clinic etobicoke",
|
||||
};
|
||||
|
||||
|
||||
export default function About() {
|
||||
return (
|
||||
|
||||
164
app/why-rapha-physiotherapy-etobicoke/WhyusClient.js
Normal file
164
app/why-rapha-physiotherapy-etobicoke/WhyusClient.js
Normal file
@ -0,0 +1,164 @@
|
||||
'use client';
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
export default function Team() {
|
||||
const teamMembers = [
|
||||
// { name: 'Musculoskeletal Physiotherapy', role: 'Medical Assistant', image: 'assets/images/team/team-1.jpg' },
|
||||
{ name: 'Musculoskeletal Physiotherapy', image: '/assets/images/why-us/img/musculo.webp' },
|
||||
{ name: 'Sports Physiotherapy', image: '/assets/images/why-us/img/sports.webp' },
|
||||
{ name: 'Clinical Pilates', image: '/assets/images/why-us/img/clinical-pilates.webp' },
|
||||
{ name: 'Workplace & Occupational', image: '/assets/images/why-us/img/workplace.webp' },
|
||||
{ name: 'Sports Rehabilitation', image: '/assets/images/why-us/img/sports-rehabilation.webp' },
|
||||
{ name: 'Women’s health', image: '/assets/images/why-us/img/women-health.webp' },
|
||||
{ name: 'Back & Neck Pain', image: '/assets/images/why-us/img/back-pain.webp' },
|
||||
{ name: 'Fitness & Exercise Programs', image: '/assets/images/why-us/img/fitness.webp' },
|
||||
{ name: 'Pregnancy and Post-natal', image: '/assets/images/why-us/img/pregnancy.webp' },
|
||||
{ name: 'Headaches & Dizziness', image: '/assets/images/why-us/img/headache.webp' },
|
||||
{ name: 'Injury Management', image: '/assets/images/why-us/img/injury.webp' },
|
||||
{ name: 'Pre/Post Surgical Management', image: '/assets/images/why-us/img/surgical.webp' },
|
||||
];
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Why Us" bannerImage="/assets/images/why-us/why-us-banner.webp">
|
||||
<section className="team-section pt_90 centred pb-0">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1" style={{ backgroundImage: 'url(/assets/images/shape/shape-13.webp)' }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-14.webp)' }}></div>
|
||||
</div>
|
||||
{/* <div className="shape">
|
||||
<div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
|
||||
<div className="shape-2"></div>
|
||||
<div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-16.png)' }}></div>
|
||||
</div> */}
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Why Choose Us</span>
|
||||
<h2>We have licensed and experienced therapists with particular interests and expertise in</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
{teamMembers.map((member, index) => (
|
||||
<div key={index} className="col-lg-4 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay={`${index * 200}ms`} data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src={member.image} alt={`${member.name}`} /></figure>
|
||||
{/* <ul className="social-links clearfix">
|
||||
<li><Link href="/#"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/#"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/#"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/#"><i className="icon-7"></i></Link></li>
|
||||
</ul> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>{member.name}</h3>
|
||||
<span className="designation">{member.role}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section className="testimonial-style-two pb_90 p_relative">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row align-items-center">
|
||||
{/* LEFT IMAGE / RIGHT CONTENT */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
|
||||
<div className="image_block_two pr_30">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/why-us/back-1.webp" alt="health care professionals" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/why-us/front-1.webp" alt="health care professionals" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/why-us/icon-1.webp" alt="health care professionals" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column order-1 order-lg-2">
|
||||
<div className="content_block_one pl_30">
|
||||
<div className="content-box">
|
||||
{/* <div className="sec-title mb_15">
|
||||
<span className="sub-title">About Us</span>
|
||||
<h2>Medical services & diagnostics</h2>
|
||||
</div> */}
|
||||
<div className="text-box mb_40">
|
||||
<ul className="list-style-one clearfix">
|
||||
<li>Team of health care professionals – We are a team of health care professionals working together to help get you better, faster. This helps us in rendering our best possible services to our clients</li>
|
||||
<li>Our health care team consists of Physiotherapists, Massage Therapists, acupuncture specialists & other health care professionals, each bringing you their distinctive skills and abilities to assist you in improving your health & providing you with the latest evidence-based treatments.</li>
|
||||
<li>Health insurance – If you have a health insurance, we treat you without asking for an upfront payment. Instead we bill your insurance company directly without creating a hassle for you.</li>
|
||||
<li>Wide range of services and treatments – We offer wide range of unique services such as physiotherapy, sports rehabilitation, acupuncture, manual therapy, motor vehicle accident rehabilitation, work related injury treatments, chronic injury management and other services so we can assist you in recovering to the best possible condition</li>
|
||||
<li>Flexible opening hours – Our clinic is conveniently located in etobicoke and scarborough and provide you the best services even in early mornings and late evenings</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="testimonial-style-two p_relative pt-0">
|
||||
{/* <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div> */}
|
||||
<div className="auto-container">
|
||||
<div className="row align-items-center flex-row-reverse">
|
||||
{/* RIGHT IMAGE / LEFT CONTENT */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
|
||||
<div className="image_block_two pl_30">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/why-us/back-2.webp" alt="Top-Notch Treatment " /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/why-us/front-2.webp" alt="Top-Notch Treatment " /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/why-us/icon-2.webp" alt="Top-Notch Treatment" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column order-1 order-lg-2">
|
||||
<div className="content_block_one pr_30">
|
||||
<div className="content-box">
|
||||
{/* <div className="sec-title mb_15">
|
||||
<span className="sub-title">About Us</span>
|
||||
<h2>Medical services & diagnostics</h2>
|
||||
</div> */}
|
||||
<div className="text-box mb_40">
|
||||
<ul className="list-style-one clearfix">
|
||||
<li>Top-Notch Treatment – Under our care, you will be placed in a supportive and comfortable environment helping you receive care in comfortable and supportive environment designed to address your issues</li>
|
||||
<li>Personalized Treatment Plan – We offer One-on-one care with a skilled therapist allows us to develop a plan specific to your particular needs results in a faster recovery.</li>
|
||||
<li>We listen & take time – We listen & take time to get to know you properly – Right from the start with your inquiry, we are here to listen and help find the root cause of your problem.</li>
|
||||
<li>Our treatment rooms – Our treatment rooms are fully equipped and private.</li>
|
||||
<li>Strong network of health professionals – We have a strong network of health professionals to refer to, making sure you get the right diagnosis and correct treatment for your condition.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="video-section p_relative">
|
||||
<div className="bg-layer parallax-bg" data-parallax='{"y": 100}' style={{ backgroundImage: 'url(/assets/images/why-us/bg.webp)' }}></div>
|
||||
<figure className="image-layer"><img src="/assets/images/why-us/img.webp" alt="Make an Appointment" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="inner-box">
|
||||
<div className="shape new-arrow" style={{ backgroundImage: 'url(/assets/images/shape/shape-17.png)' }}></div>
|
||||
{/* <div className="video-btn">
|
||||
<a onClick={() => setOpen(true)}><i className="fas fa-play"></i>
|
||||
<span className="border-animation border-1"></span>
|
||||
<span className="border-animation border-2"></span>
|
||||
<span className="border-animation border-3"></span>
|
||||
</a>
|
||||
</div> */}
|
||||
<p className="inner-box-new-color">Rapha rehab offers patients in etobicoke and scarborough exceptional care with a personalized treatment plan to suit your specific needs. If you are suffering from pain or have recently experienced an injury, our etobicoke and scarborough Physiotherapists will ensure you get back to the activities you enjoy and love. Call us at 647-722-3434 for an appointment today or email us at bloor@rapharehab.ca to book a consultation.</p>
|
||||
<div className="btn-box mt-4">
|
||||
<Link href="tel:647-722-3434" className="theme-btn btn-one-blue">
|
||||
<span>Make an Appointment</span>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
@ -1,164 +1,17 @@
|
||||
'use client';
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
export default function Team() {
|
||||
const teamMembers = [
|
||||
// { name: 'Musculoskeletal Physiotherapy', role: 'Medical Assistant', image: 'assets/images/team/team-1.jpg' },
|
||||
{ name: 'Musculoskeletal Physiotherapy', image: '/assets/images/why-us/img/musculo.webp' },
|
||||
{ name: 'Sports Physiotherapy', image: '/assets/images/why-us/img/sports.webp' },
|
||||
{ name: 'Clinical Pilates', image: '/assets/images/why-us/img/clinical-pilates.webp' },
|
||||
{ name: 'Workplace & Occupational', image: '/assets/images/why-us/img/workplace.webp' },
|
||||
{ name: 'Sports Rehabilitation', image: '/assets/images/why-us/img/sports-rehabilation.webp' },
|
||||
{ name: 'Women’s health', image: '/assets/images/why-us/img/women-health.webp' },
|
||||
{ name: 'Back & Neck Pain', image: '/assets/images/why-us/img/back-pain.webp' },
|
||||
{ name: 'Fitness & Exercise Programs', image: '/assets/images/why-us/img/fitness.webp' },
|
||||
{ name: 'Pregnancy and Post-natal', image: '/assets/images/why-us/img/pregnancy.webp' },
|
||||
{ name: 'Headaches & Dizziness', image: '/assets/images/why-us/img/headache.webp' },
|
||||
{ name: 'Injury Management', image: '/assets/images/why-us/img/injury.webp' },
|
||||
{ name: 'Pre/Post Surgical Management', image: '/assets/images/why-us/img/surgical.webp' },
|
||||
];
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Why Us" bannerImage="/assets/images/why-us/why-us-banner.webp">
|
||||
<section className="team-section pt_90 centred pb-0">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1" style={{ backgroundImage: 'url(/assets/images/shape/shape-13.webp)' }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-14.webp)' }}></div>
|
||||
</div>
|
||||
{/* <div className="shape">
|
||||
<div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
|
||||
<div className="shape-2"></div>
|
||||
<div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-16.png)' }}></div>
|
||||
</div> */}
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Why Choose Us</span>
|
||||
<h2>We have licensed and experienced therapists with particular interests and expertise in</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
{teamMembers.map((member, index) => (
|
||||
<div key={index} className="col-lg-4 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay={`${index * 200}ms`} data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src={member.image} alt={`${member.name}`} /></figure>
|
||||
{/* <ul className="social-links clearfix">
|
||||
<li><Link href="/#"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/#"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/#"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/#"><i className="icon-7"></i></Link></li>
|
||||
</ul> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>{member.name}</h3>
|
||||
<span className="designation">{member.role}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
import AboutClient from "../about-us/AboutClient";
|
||||
import Team from "../why-rapha-physiotherapy-etobicoke/WhyusClient";
|
||||
|
||||
export const metadata = {
|
||||
title: "Why Choose Rapharehab – Trusted Rehab Professionals",
|
||||
description:
|
||||
"Discover why Rapharehab is the preferred choice for rehab care. Our expert team, personalized approach, and proven results set us apart.",
|
||||
};
|
||||
|
||||
<section className="testimonial-style-two pb_90 p_relative">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row align-items-center">
|
||||
{/* LEFT IMAGE / RIGHT CONTENT */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
|
||||
<div className="image_block_two pr_30">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/why-us/back-1.webp" alt="health care professionals" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/why-us/front-1.webp" alt="health care professionals" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/why-us/icon-1.webp" alt="health care professionals" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column order-1 order-lg-2">
|
||||
<div className="content_block_one pl_30">
|
||||
<div className="content-box">
|
||||
{/* <div className="sec-title mb_15">
|
||||
<span className="sub-title">About Us</span>
|
||||
<h2>Medical services & diagnostics</h2>
|
||||
</div> */}
|
||||
<div className="text-box mb_40">
|
||||
<ul className="list-style-one clearfix">
|
||||
<li>Team of health care professionals – We are a team of health care professionals working together to help get you better, faster. This helps us in rendering our best possible services to our clients</li>
|
||||
<li>Our health care team consists of Physiotherapists, Massage Therapists, acupuncture specialists & other health care professionals, each bringing you their distinctive skills and abilities to assist you in improving your health & providing you with the latest evidence-based treatments.</li>
|
||||
<li>Health insurance – If you have a health insurance, we treat you without asking for an upfront payment. Instead we bill your insurance company directly without creating a hassle for you.</li>
|
||||
<li>Wide range of services and treatments – We offer wide range of unique services such as physiotherapy, sports rehabilitation, acupuncture, manual therapy, motor vehicle accident rehabilitation, work related injury treatments, chronic injury management and other services so we can assist you in recovering to the best possible condition</li>
|
||||
<li>Flexible opening hours – Our clinic is conveniently located in etobicoke and scarborough and provide you the best services even in early mornings and late evenings</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="testimonial-style-two p_relative pt-0">
|
||||
{/* <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div> */}
|
||||
<div className="auto-container">
|
||||
<div className="row align-items-center flex-row-reverse">
|
||||
{/* RIGHT IMAGE / LEFT CONTENT */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
|
||||
<div className="image_block_two pl_30">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/why-us/back-2.webp" alt="Top-Notch Treatment " /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/why-us/front-2.webp" alt="Top-Notch Treatment " /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/why-us/icon-2.webp" alt="Top-Notch Treatment" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column order-1 order-lg-2">
|
||||
<div className="content_block_one pr_30">
|
||||
<div className="content-box">
|
||||
{/* <div className="sec-title mb_15">
|
||||
<span className="sub-title">About Us</span>
|
||||
<h2>Medical services & diagnostics</h2>
|
||||
</div> */}
|
||||
<div className="text-box mb_40">
|
||||
<ul className="list-style-one clearfix">
|
||||
<li>Top-Notch Treatment – Under our care, you will be placed in a supportive and comfortable environment helping you receive care in comfortable and supportive environment designed to address your issues</li>
|
||||
<li>Personalized Treatment Plan – We offer One-on-one care with a skilled therapist allows us to develop a plan specific to your particular needs results in a faster recovery.</li>
|
||||
<li>We listen & take time – We listen & take time to get to know you properly – Right from the start with your inquiry, we are here to listen and help find the root cause of your problem.</li>
|
||||
<li>Our treatment rooms – Our treatment rooms are fully equipped and private.</li>
|
||||
<li>Strong network of health professionals – We have a strong network of health professionals to refer to, making sure you get the right diagnosis and correct treatment for your condition.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="video-section p_relative">
|
||||
<div className="bg-layer parallax-bg" data-parallax='{"y": 100}' style={{ backgroundImage: 'url(/assets/images/why-us/bg.webp)' }}></div>
|
||||
<figure className="image-layer"><img src="/assets/images/why-us/img.webp" alt="Make an Appointment" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="inner-box">
|
||||
<div className="shape new-arrow" style={{ backgroundImage: 'url(/assets/images/shape/shape-17.png)' }}></div>
|
||||
{/* <div className="video-btn">
|
||||
<a onClick={() => setOpen(true)}><i className="fas fa-play"></i>
|
||||
<span className="border-animation border-1"></span>
|
||||
<span className="border-animation border-2"></span>
|
||||
<span className="border-animation border-3"></span>
|
||||
</a>
|
||||
</div> */}
|
||||
<p className="inner-box-new-color">Rapha rehab offers patients in etobicoke and scarborough exceptional care with a personalized treatment plan to suit your specific needs. If you are suffering from pain or have recently experienced an injury, our etobicoke and scarborough Physiotherapists will ensure you get back to the activities you enjoy and love. Call us at 647-722-3434 for an appointment today or email us at bloor@rapharehab.ca to book a consultation.</p>
|
||||
<div className="btn-box mt-4">
|
||||
<Link href="tel:647-722-3434" className="theme-btn btn-one-blue">
|
||||
<span>Make an Appointment</span>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</Layout>
|
||||
);
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<>
|
||||
<Team />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 9.7 KiB |
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user