Compare commits
16 Commits
a78e854c1e
...
2658a2060d
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
2658a2060d | ||
|
|
7ef072c3c5 | ||
| 2f8cfff264 | |||
|
|
bae744323b | ||
| b77ee297c9 | |||
|
|
12f0f8652f | ||
|
|
2632188d04 | ||
| c3f68da396 | |||
|
|
b35b2dc16d | ||
|
|
5040b07520 | ||
|
|
44d4ec71be | ||
|
|
86a0e01cc4 | ||
|
|
c3fceec1d5 | ||
|
|
0ace08dd11 | ||
|
|
a2c09c3309 | ||
|
|
7054196f2d |
@ -3,6 +3,41 @@ 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)
|
||||
@ -222,6 +257,144 @@ export default function Home() {
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="chooseus-section">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/why-choose/why-choose-right.webp)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-12.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="sec-title light mb_50">
|
||||
{/* <span className="sub-title">Why Choose Us</span> */}
|
||||
<h2>WHY CHOOSE ETOBICOKE PHYSIOTHERAPY</h2>
|
||||
<p className='sub-title-2'>Physiotherapy Etobicoke – We are a team of health care professionals provide physiotherapy, massage therapy services in etobicoke assist you in improving your health.</p>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/home/why-choose/expert-team.webp" alt="" /></div>
|
||||
<h3>Expert Team</h3>
|
||||
<p>At Etobicoke Physiotherapy, we have expert team of professionals</p>
|
||||
</div>
|
||||
</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"><img src="/assets/images/home/why-choose/understand.webp" alt="" /></div>
|
||||
<h3>Understand your Pain</h3>
|
||||
<p>Etobicoke physiotherapy offer Treatment for faster recovery</p>
|
||||
</div>
|
||||
</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"><img src="/assets/images/home/why-choose/ready.webp" alt="" /></div>
|
||||
<h3>Ready To Go</h3>
|
||||
<p>Flexible opening hours conveniently located in etobicoke</p>
|
||||
</div>
|
||||
</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-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={10} /><span>+</span>
|
||||
</div>
|
||||
<span className="text">Professionals</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={20} /><span>+</span>
|
||||
</div>
|
||||
<span className="text">Years Experience</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={1000} /><span>+</span>
|
||||
</div>
|
||||
<span className="text">Happy Customers</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={97} /><span>%</span>
|
||||
</div>
|
||||
<span className="text">Client Satisfaction</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section className="image-slider-section relative w-full pt_120 pb_120 text-center">
|
||||
<div className="auto-container mx-auto relative w-full">
|
||||
<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={`Slide ${index + 1}`}
|
||||
className="w-full h-full object-cover rounded-lg"
|
||||
/>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
|
||||
311
app/caregivers/page.js
Normal file
@ -0,0 +1,311 @@
|
||||
'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/our-team/our-team-banner.webp">
|
||||
<section className="feature-section pt_120 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"><i className="icon-9"></i></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"><i className="icon-10"></i></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"><i className="icon-11"></i></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_120 pb_120 bg-color-1">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_three">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/about-us/section1/about-right.webp" alt="" style={{ height: "400px", objectFit: "cover", width: "100%" }} /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/about-us/section1/about-left.webp" alt="" style={{ height: "400px", objectFit: "cover", width: "100%" }} /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/about-us/section1/about-icon.webp" alt="" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column mt-5">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box">
|
||||
<div className="sec-title mb_15 mt_15">
|
||||
<span className="sub-title">At NanoCare</span>
|
||||
<h2>A professional and friendly care provider</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p>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"><span>Become A Caregiver</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="service-section pb_120 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/service/service-1.jpg" alt="" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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/service/service-2.jpg" alt="" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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/service/service-3.jpg" alt="" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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/service/service-1.jpg" alt="" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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/service/service-2.jpg" alt="" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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/service/service-3.jpg" alt="" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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_120 pb_120">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">Nano Care</span>
|
||||
<h2>Do You Have Any Physiotherapy <br />Questions?</h2>
|
||||
</div>
|
||||
|
||||
<div className="row align-items-center clearfix">
|
||||
|
||||
{/* Left Side Image */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column mb-5 text-center text-lg-start">
|
||||
<div className="image_block_four">
|
||||
<div className="image-box">
|
||||
<figure>
|
||||
<img
|
||||
src="/assets/images/faq/img.webp"
|
||||
alt="FAQ Illustration"
|
||||
className="img-fluid"
|
||||
style={{ height: "550px", objectFit: "cover" }}
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Right Side FAQ Content */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<ul className="accordion-box">
|
||||
|
||||
{/* FAQ 1 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 1 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(1)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@ -75,38 +75,6 @@ export default function ServiceDetailClient({ slug, service, servicesList }) {
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* service-section end */}
|
||||
{/* subscibe */}
|
||||
<section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe end */}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@ -5,7 +5,8 @@ import { servicesList } from "@/utils/Services.utils"
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Services" bannerImage="/assets/images/areas-of-injury/services-banner.webp">
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Services"
|
||||
bannerImage="/assets/images/areas-of-injury/area-of-injury-banner.webp">
|
||||
<section className="service-section sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
@ -119,7 +119,7 @@ export default function Faq() {
|
||||
{/* faq end */}
|
||||
|
||||
{/* subscibe */}
|
||||
<section className="subscribe-section">
|
||||
{/* <section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
@ -147,7 +147,7 @@ export default function Faq() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section> */}
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
|
||||
21
app/locations/page.js
Normal file
@ -0,0 +1,21 @@
|
||||
import dynamic from 'next/dynamic';
|
||||
const PortfolioFilter1 = dynamic(() => import('@/components/elements/Locations'), { ssr: false });
|
||||
import Layout from "@/components/layout/Layout"
|
||||
|
||||
export default function Gallery() {
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Locations" bannerImage="/assets/images/location/location-banner.webp">
|
||||
<section className="gallery-section sec-pad">
|
||||
<div className="outer-container">
|
||||
<div className="sec-title centred mb_30">
|
||||
<span className="sub-title">Locations</span>
|
||||
<h2>Find an office near you</h2>
|
||||
</div>
|
||||
<div className="sortable-masonry">
|
||||
<PortfolioFilter1 />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
@ -40,7 +40,7 @@ export default function About() {
|
||||
</section>
|
||||
{/* chooseus-section end */}
|
||||
{/* subscibe */}
|
||||
<section className="subscribe-section">
|
||||
{/* <section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
@ -68,7 +68,7 @@ export default function About() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section> */}
|
||||
{/* subscibe end */}
|
||||
</Layout>
|
||||
</>
|
||||
|
||||
@ -91,38 +91,6 @@ export default function service() {
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* service-section end */}
|
||||
{/* subscibe */}
|
||||
<section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe end */}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
|
||||
571
app/shortcodes/page.js
Normal file
@ -0,0 +1,571 @@
|
||||
'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/covid/covid-19-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_120">
|
||||
<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"><i className="icon-9"></i></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"><i className="icon-11"></i></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"><i className="icon-13"></i></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"><i className="icon-10"></i></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"><i className="icon-12"></i></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"><i className="icon-14"></i></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_120 pb_120">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="content-box">
|
||||
|
||||
{/* Virtual Therapy (Right aligned on desktop, center on mobile) */}
|
||||
<div className="row clearfix">
|
||||
{/* Step 1 - Talk to Homecare Experts */}
|
||||
<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="Homecare Experts" />
|
||||
</div>
|
||||
<h3>Talk to one of our homecare experts, who understands your situation</h3>
|
||||
<p className="mb-5">
|
||||
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>
|
||||
|
||||
{/* Step 2 - Free In-Home Assessment */}
|
||||
<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="Free Assessment" />
|
||||
</div>
|
||||
<div>
|
||||
<h3>Arrange for a Free In-Home Assessment and receive a personalized care proposal that fits your needs</h3>
|
||||
<p className="mb-5">
|
||||
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>
|
||||
|
||||
{/* Second Row */}
|
||||
<div className="row clearfix mt-4">
|
||||
{/* Step 3 - Review Care Proposal */}
|
||||
<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="Review Proposal" />
|
||||
</div>
|
||||
<h3>Review Our Care Proposal & Revise as You See Fit</h3>
|
||||
<p className="mb-5">
|
||||
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>
|
||||
|
||||
{/* Step 4 - Schedule Care */}
|
||||
<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="Schedule Care" />
|
||||
</div>
|
||||
<div>
|
||||
<h3>Schedule for Care to Start</h3>
|
||||
<p className="mb-5">
|
||||
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_120 pb_120">
|
||||
<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.png)' }}></div>
|
||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">01</span>
|
||||
<figure className="image-box"><img src="/assets/images/resource/process-1.jpg" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>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/resource/process-2.jpg" alt="" /></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/resource/process-3.jpg" alt="" /></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/about-us/section3/top.webp" alt="" style={{ height: "400px", objectFit: "cover", width: "100%" }} /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/about-us/section3/bottom.webp" alt="" style={{ height: "400px", objectFit: "cover", width: "100%" }} /></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 mb_15">
|
||||
<h2>Why Choose Us</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p>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"><span>Book Appointment</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="service-section pt_120 pb_120" 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/service/service-1.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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/service/service-2.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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/service/service-3.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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_120 pb_120 bg-color-1" id="testimonial">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/background/testimonial-bg.jpg)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-21.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-xl-6 col-lg-12 col-md-12 offset-xl-6 content-column">
|
||||
<div className="content-box p_relative ml_45">
|
||||
<div className="sec-title mb_50">
|
||||
<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">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">Office 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">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">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/service/service-1.jpg" alt="" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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/service/service-2.jpg" alt="" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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/service/service-3.jpg" alt="" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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_120 pb_120 bg-color-1">
|
||||
<div className="outer-container">
|
||||
<div className="sec-title centred mb_30">
|
||||
<h2>Tabbed & vertical tabbed content</h2>
|
||||
</div>
|
||||
{/*Sortable Galery*/}
|
||||
<div className="sortable-masonry">
|
||||
{/*Filter*/}
|
||||
<PortfolioFilter1 />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
)
|
||||
}
|
||||
@ -46,7 +46,7 @@ export default function About() {
|
||||
</section>
|
||||
{/* chooseus-section end */}
|
||||
{/* subscibe */}
|
||||
<section className="subscribe-section">
|
||||
{/* <section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
@ -74,7 +74,7 @@ export default function About() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section> */}
|
||||
{/* subscibe end */}
|
||||
</Layout>
|
||||
</>
|
||||
|
||||
@ -1,56 +1,25 @@
|
||||
import { useEffect, useRef, useState } from 'react'
|
||||
'use client'
|
||||
import { useEffect, useState } from 'react'
|
||||
|
||||
|
||||
export default function Counter({ end, duration }) {
|
||||
export default function Counter({ end, duration = 2 }) {
|
||||
const [count, setCount] = useState(0)
|
||||
const countRef = useRef(null)
|
||||
const increment = end / duration
|
||||
|
||||
useEffect(() => {
|
||||
const observer = new IntersectionObserver(
|
||||
([entry]) => {
|
||||
if (entry.isIntersecting) {
|
||||
startCount()
|
||||
observer.disconnect()
|
||||
}
|
||||
},
|
||||
{ threshold: 0 }
|
||||
)
|
||||
let start = 0
|
||||
const totalFrames = duration * 60 // 60 FPS
|
||||
const increment = end / totalFrames
|
||||
|
||||
if (countRef.current) {
|
||||
observer.observe(countRef.current)
|
||||
}
|
||||
const counter = setInterval(() => {
|
||||
start += increment
|
||||
if (start >= end) {
|
||||
start = end
|
||||
clearInterval(counter)
|
||||
}
|
||||
setCount(Math.floor(start))
|
||||
}, 1000 / 60)
|
||||
|
||||
return () => {
|
||||
observer.disconnect()
|
||||
}
|
||||
}, [])
|
||||
return () => clearInterval(counter)
|
||||
}, [end, duration])
|
||||
|
||||
useEffect(() => {
|
||||
const interval = setInterval(() => {
|
||||
setCount((prevCount) => {
|
||||
const newCount = prevCount + increment
|
||||
if (newCount >= end) {
|
||||
clearInterval(interval)
|
||||
return end
|
||||
} else {
|
||||
return newCount
|
||||
}
|
||||
})
|
||||
}, 1000 / duration)
|
||||
|
||||
return () => {
|
||||
clearInterval(interval)
|
||||
}
|
||||
}, [end, increment])
|
||||
|
||||
const startCount = () => {
|
||||
setCount(0)
|
||||
}
|
||||
|
||||
return (
|
||||
<span ref={countRef}>
|
||||
<span>{Math.round(count)}</span>
|
||||
</span>
|
||||
)
|
||||
}
|
||||
return <>{count}</>
|
||||
}
|
||||
|
||||
@ -1,31 +1,30 @@
|
||||
'use client'
|
||||
import { useEffect, useState } from 'react'
|
||||
import { useEffect, useState, useRef } from 'react'
|
||||
import Counter from './Counter'
|
||||
|
||||
export default function CounterUp({ end }) {
|
||||
export default function CounterUp({ end, duration = 2 }) {
|
||||
const [inViewport, setInViewport] = useState(false)
|
||||
const ref = useRef(null)
|
||||
|
||||
const handleScroll = () => {
|
||||
const elements = document.getElementsByClassName('count-text')
|
||||
if (elements.length > 0) {
|
||||
const element = elements[0]
|
||||
const rect = element.getBoundingClientRect()
|
||||
const isInViewport = rect.top >= 0 && rect.bottom <= window.innerHeight
|
||||
if (isInViewport && !inViewport) {
|
||||
const checkInView = () => {
|
||||
if (ref.current) {
|
||||
const rect = ref.current.getBoundingClientRect()
|
||||
const isVisible = rect.top < window.innerHeight && rect.bottom >= 0
|
||||
if (isVisible && !inViewport) {
|
||||
setInViewport(true)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
window.addEventListener('scroll', handleScroll)
|
||||
return () => {
|
||||
window.removeEventListener('scroll', handleScroll)
|
||||
}
|
||||
checkInView() // Trigger immediately if already visible
|
||||
window.addEventListener('scroll', checkInView)
|
||||
return () => window.removeEventListener('scroll', checkInView)
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<>
|
||||
<span className="count-text">{inViewport && <Counter end={end} duration={20} />}</span>
|
||||
</>
|
||||
<span className="count-text" ref={ref}>
|
||||
{inViewport && <Counter end={end} duration={duration} />}
|
||||
</span>
|
||||
)
|
||||
}
|
||||
|
||||
92
components/elements/Locations.js
Normal file
@ -0,0 +1,92 @@
|
||||
'use client';
|
||||
import Link from "next/link";
|
||||
import { useState } from "react";
|
||||
import { locations, locationsItem } from "@/utils/constant.utils";
|
||||
|
||||
export default function PortfolioFilter1() {
|
||||
const [activeCategory, setActiveCategory] = useState("all");
|
||||
|
||||
const filteredItems =
|
||||
activeCategory === "all"
|
||||
? locationsItem
|
||||
: locationsItem.filter(item =>
|
||||
Array.isArray(item.categories) && item.categories.includes(activeCategory)
|
||||
);
|
||||
const firstRow = locations.slice(0, 3);
|
||||
const secondRow = locations.slice(3, 7);
|
||||
return (
|
||||
<>
|
||||
<section className="news-section">
|
||||
<div className="auto-container">
|
||||
|
||||
<div className="filters centred mb_60">
|
||||
<ul className="filter-tabs filter-btns clearfix" style={{ marginBottom: "15px" }}>
|
||||
{firstRow.map((cat) => (
|
||||
<li
|
||||
key={cat.key}
|
||||
className={`filter ${activeCategory === cat.key ? "active" : ""}`}
|
||||
onClick={() => setActiveCategory(cat.key)}
|
||||
style={{ cursor: "pointer" }}
|
||||
>
|
||||
{cat.label}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
|
||||
<ul className="filter-tabs filter-btns clearfix">
|
||||
{secondRow.map((cat) => (
|
||||
<li
|
||||
key={cat.key}
|
||||
className={`filter ${activeCategory === cat.key ? "active" : ""}`}
|
||||
onClick={() => setActiveCategory(cat.key)}
|
||||
style={{ cursor: "pointer" }}
|
||||
>
|
||||
{cat.label}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="row clearfix">
|
||||
{filteredItems.length > 0 ? (
|
||||
filteredItems.map((item, i) => (
|
||||
<div key={item.id} className="col-lg-4 col-md-6 col-sm-12 news-block">
|
||||
<div
|
||||
className="news-block-one wow fadeInUp animated"
|
||||
data-wow-delay={`${i * 300}ms`}
|
||||
data-wow-duration="1500ms"
|
||||
>
|
||||
<div className="inner-box">
|
||||
{/* <figure className="image-box">
|
||||
<Link href={item.link}>
|
||||
<img src={item.image} alt={item.title || `Gallery ${item.id}`} />
|
||||
</Link>
|
||||
</figure> */}
|
||||
|
||||
<div className="lower-content2">
|
||||
<h2 className="mb-3" style={{ color: "#bc0000" }}>
|
||||
{item.title || "Gallery Title"}
|
||||
</h2>
|
||||
<div
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: item.description
|
||||
? item.description
|
||||
: "This is a short description of the gallery item.",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))
|
||||
) : (
|
||||
<div className="col-12 centred">
|
||||
<p>No items found in this category.</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
75
components/elements/Shortcodes.js
Normal file
@ -0,0 +1,75 @@
|
||||
'use client'
|
||||
import { useState } from "react"
|
||||
|
||||
export default function PortfolioFilter1() {
|
||||
const [activeTab, setActiveTab] = useState("history")
|
||||
|
||||
const content = {
|
||||
history: `It all began in 1986 when Multiple Sclerosis Limited (MSL) identified the need for high-quality care services for people living with this chronic disease.
|
||||
|
||||
By 1999, MSL recognised the time had come to establish NanoCare as a separate legal entity. A savvy and experienced Board was appointed and we were firmly on the path to growth.
|
||||
|
||||
This growth was boosted by a series of acquisitions within the care sector between 2001 and 2008. By then, we had earned a reputation as an experienced and sizeable private care service provider.
|
||||
|
||||
In 2010, the purchase and integration of Nationwide Health & Aged Care Services represented a major milestone in our growth as specialist cleaning and laundry services bolstered our business portfolio.
|
||||
|
||||
At around the same time, NanoCare partnered with the US-based Healthcare at Home. In 2013, NanoCare acquired the business. This nurse-led service has provided a safe, high-quality alternative to hospital care for people with cancer and chronic disease.
|
||||
|
||||
Today, we are proud to continue our work as a wholly-owned, not-for-profit subsidiary of MSL.`,
|
||||
|
||||
mission: `NanoCare is committed to providing high-quality health care services to individual clients and their families, as well as to other healthcare organizations in need of supplemental staffing (such as certified home health and hospice agencies, health plans, hospitals, nursing homes and assisted living facilities).
|
||||
|
||||
Our priority is to provide state-of-the-art and compassionate in-home care from highly-trained medical professionals and aides. To make good on this promise, proper training is paramount. Not only do we hire the most experienced personnel, but we provide them with in-depth disease-specific training so that they can deliver specialized care to our clients.
|
||||
|
||||
At NanoCare, we believe everyone should have the opportunity to live a healthy, active and fulfilling life. This ethos is at the heart of everything we do.
|
||||
|
||||
We provide everyone we support with the opportunity to continue to live life to the full. We actively encourage Service Users to become more self-reliant, to make decisions for themselves, and ultimately, to move on to more independent living arrangements.
|
||||
|
||||
We facilitate and support our Service Users to pursue meaningful and personalised lifestyles. We provide individually planned education & leisure opportunities to support each individual in their ongoing development.`,
|
||||
|
||||
leadership: `Our home health care management team is highly experienced in delivering exceptional care and support for clients – regardless of age or specific medical needs.
|
||||
|
||||
The leadership team at NanoCare discusses what home care means to them and how NanoCare is changing the way the world ages.`
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<section className="about-tabs-section">
|
||||
<div className="auto-container">
|
||||
{/* Tabs */}
|
||||
<div className="filters centred mb_40">
|
||||
<ul className="filter-tabs filter-btns clearfix">
|
||||
<li
|
||||
className={activeTab === "history" ? "active" : ""}
|
||||
onClick={() => setActiveTab("history")}
|
||||
style={{ cursor: "pointer" }}
|
||||
>
|
||||
Our Proud History
|
||||
</li>
|
||||
<li
|
||||
className={activeTab === "mission" ? "active" : ""}
|
||||
onClick={() => setActiveTab("mission")}
|
||||
style={{ cursor: "pointer" }}
|
||||
>
|
||||
Our Mission and Vision
|
||||
</li>
|
||||
<li
|
||||
className={activeTab === "leadership" ? "active" : ""}
|
||||
onClick={() => setActiveTab("leadership")}
|
||||
style={{ cursor: "pointer" }}
|
||||
>
|
||||
Our Leadership Team
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="tab-content centred">
|
||||
<p style={{ whiteSpace: "pre-line", textAlign: "justify" }}>
|
||||
{content[activeTab]}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -4,13 +4,12 @@ import Rehabilitation from "@/utils/Rehabilitation.utils"
|
||||
import Accident from "@/utils/Accident.utils"
|
||||
import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils"
|
||||
import { servicesList } from "@/utils/Services.utils"
|
||||
|
||||
export default function Menu() {
|
||||
// const router = useRouter()
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
{/* <ul className="sub-menu">
|
||||
<Link className={router.pathname == "/" ? "active" : ""}>Home Default</Link>
|
||||
<Link className={router.pathname == "/index-2" ? "active" : ""}>Home Interior</Link>
|
||||
@ -25,7 +24,8 @@ export default function Menu() {
|
||||
<li><Link href="/onepage">OnePage Home</Link></li>
|
||||
</ul> */}
|
||||
</li>
|
||||
<li className="dropdown"><Link href="/about-us">About Us</Link>
|
||||
|
||||
<li className="dropdown menu-item-has-children"><Link href="/about-us">About Us</Link>
|
||||
<ul>
|
||||
<li><Link href="/our-team-physiotherapy-etobicoke">Our Team</Link></li>
|
||||
<li><Link href="/ourapproach-physiotherapy-etobicoke">Our Approach</Link></li>
|
||||
@ -33,21 +33,16 @@ export default function Menu() {
|
||||
<li><Link href="/covid-19-updates">Covid-19-Updates</Link></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li className="dropdown relative group" >
|
||||
<Link href="/etobicoke-treatment-service" >
|
||||
Services
|
||||
</Link>
|
||||
|
||||
<li className="dropdown menu-item-has-children relative group">
|
||||
<Link href="/etobicoke-treatment-service">Services</Link>
|
||||
{/* Dropdown */}
|
||||
<ul className="absolute left-0 hidden group-hover:grid p-4
|
||||
grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4"
|
||||
style={{ columnCount: 4, width: "100%", left:"0px" }}>
|
||||
style={{ columnCount: 4, width: "100%", left: "0px" }}>
|
||||
{servicesList.map((item) => (
|
||||
<li key={item.id} className="break-inside-avoid">
|
||||
<Link
|
||||
href={`/etobicoke-treatment-service/${item.slug}`}
|
||||
|
||||
>
|
||||
<Link href={`/etobicoke-treatment-service/${item.slug}`}>
|
||||
{item.shortTitle}
|
||||
</Link>
|
||||
</li>
|
||||
@ -56,11 +51,12 @@ export default function Menu() {
|
||||
</li>
|
||||
|
||||
{/* <li className="dropdown"><Link href="/">Team</Link>
|
||||
<ul>
|
||||
<li><Link href="/team">Our Team</Link></li>
|
||||
<li><Link href="/team-details">Team Details</Link></li>
|
||||
</ul>
|
||||
</li> */}
|
||||
<ul>
|
||||
<li><Link href="/team">Our Team</Link></li>
|
||||
<li><Link href="/team-details">Team Details</Link></li>
|
||||
</ul>
|
||||
</li> */}
|
||||
|
||||
{/* Pages */}
|
||||
{/* <li className="dropdown"><Link href="/">Pages</Link>
|
||||
<ul>
|
||||
@ -79,11 +75,10 @@ export default function Menu() {
|
||||
<li><Link href="/gallery">Gallery</Link></li>
|
||||
<li><Link href="/appointment">Make Appointment</Link></li>
|
||||
<li><Link href="/error-page">Page Not Found</Link></li>
|
||||
|
||||
</ul>
|
||||
</li> */}
|
||||
|
||||
<li className="dropdown"><Link href="/area-of-injury">Area of Injury</Link>
|
||||
<li className="dropdown menu-item-has-children"><Link href="/area-of-injury">Area of Injury</Link>
|
||||
<ul>
|
||||
{areaOfInjuryData.map(item => (
|
||||
<li key={item.id}>
|
||||
@ -95,7 +90,7 @@ export default function Menu() {
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li className="dropdown"><Link href="/rehabilitation">Rehabilitation</Link>
|
||||
<li className="dropdown menu-item-has-children"><Link href="/rehabilitation">Rehabilitation</Link>
|
||||
<ul>
|
||||
{Rehabilitation.map(item => (
|
||||
<li key={item.id}>
|
||||
@ -107,7 +102,7 @@ export default function Menu() {
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li className="dropdown"><Link href="/accident">Accident</Link>
|
||||
<li className="dropdown menu-item-has-children"><Link href="/accident">Accident</Link>
|
||||
<ul>
|
||||
{Accident.map(item => (
|
||||
<li key={item.id}>
|
||||
@ -122,7 +117,6 @@ export default function Menu() {
|
||||
{/* Contact */}
|
||||
<li><Link href="/contact">Contact</Link></li>
|
||||
</ul>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@ -15,7 +15,7 @@ export default function CounterSection() {
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={10} /><span>+</span>
|
||||
</div>
|
||||
<span className="text">professionals</span>
|
||||
<span className="text">Professionals</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -37,7 +37,7 @@ export default function CounterSection() {
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={1000} /><span>+</span>
|
||||
</div>
|
||||
<span className="text">happy customers</span>
|
||||
<span className="text">Happy Customers</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -18,8 +18,12 @@ export default function MobileServices() {
|
||||
<div className="col-lg-3 col-md-6 col-6 feature-block" key={index}>
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box text-center">
|
||||
<div className="icon-box"><i className="icon-9"></i></div>
|
||||
<h3><Link href="/"> {service?.title?.length > 20
|
||||
<div className="icon-box">
|
||||
<img
|
||||
src={service.icon2}
|
||||
alt={`${service.title} icon2`}
|
||||
/>
|
||||
</div> <h3><Link href="/"> {service?.title?.length > 20
|
||||
? service.title.slice(0, 20) + "..."
|
||||
: service.title}</Link></h3>
|
||||
<div className="btn-box">
|
||||
@ -35,7 +39,7 @@ export default function MobileServices() {
|
||||
|
||||
<div className='col-12 text-center'>
|
||||
<div className="btn-box">
|
||||
<Link href="index-2" className="theme-btn btn-one"><span>View All Services</span></Link>
|
||||
<Link href="/etobicoke-treatment-service" className="theme-btn btn-one"><span>View All Services</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -18,8 +18,8 @@ export default function ServicesSection() {
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><Link href="service-details-3"><img src="assets/images/service/service-1.jpg" alt="" /></Link></figure>
|
||||
<div className="icon-box"><i className="icon-15"></i></div>
|
||||
<figure className="image"><Link href={`/etobicoke-treatment-service/${service.slug}`}><img src={service?.image} alt="" /></Link></figure>
|
||||
<div className="icon-box"><img src={service?.icon} alt="" /></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>
|
||||
|
||||
92
components/slider/ShortcodeTestimonial.js
Normal file
@ -0,0 +1,92 @@
|
||||
'use client'
|
||||
import Link from "next/link"
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
||||
import { Swiper, SwiperSlide } from "swiper/react"
|
||||
|
||||
const swiperOptions = {
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 30,
|
||||
autoplay: {
|
||||
delay:2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
loop: true,
|
||||
|
||||
// Navigation
|
||||
navigation: {
|
||||
nextEl: '.h1n',
|
||||
prevEl: '.h1p',
|
||||
},
|
||||
|
||||
// Pagination
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
breakpoints: {
|
||||
320: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
575: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
767: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
991: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
1199: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
1350: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
}
|
||||
}
|
||||
export default function TestimonialSlider1() {
|
||||
return (
|
||||
<>
|
||||
<Swiper {...swiperOptions} className="single-item-carousel owl-carousel owl-theme owl-dots-none owl-nav-none">
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="testimonial-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-23"></i></div>
|
||||
<p>"I am more than fully satisfied with the excellent service provided so carefully and so sincerely by each and every care giver."</p>
|
||||
<h3>Barbara S</h3>
|
||||
<span className="designation">Kelowna, BC</span>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="testimonial-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-23"></i></div>
|
||||
<p>"We are confident leaving mother in NanoCare’s quality care! They deliver wonderful service with a personal touch!"</p>
|
||||
<h3>Habib M</h3>
|
||||
<span className="designation">Calgary</span>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="testimonial-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-23"></i></div>
|
||||
<p>"My mom’s primary caregiver is wonderful, the nurse is wonderful, and the overall experience was awesome."</p>
|
||||
<h3>Jennifer R</h3>
|
||||
<span className="designation">Caregiving Daughter</span>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
</>
|
||||
)
|
||||
}
|
||||
4
public/assets/css/bootstrap.css
vendored
@ -240,11 +240,11 @@ sup {
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--bs-link-color);
|
||||
color: var(--theme-color);
|
||||
text-decoration: underline;
|
||||
}
|
||||
a:hover {
|
||||
color: var(--bs-link-hover-color);
|
||||
color: #101214;
|
||||
}
|
||||
|
||||
a:not([href]):not([class]), a:not([href]):not([class]):hover {
|
||||
|
||||
@ -7,6 +7,12 @@
|
||||
background-color: #bc0000;
|
||||
}
|
||||
|
||||
.lightbg{
|
||||
|
||||
background-color: #ffe6e6;
|
||||
|
||||
}
|
||||
|
||||
.chooseus-section .bg-layer{
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 20px;
|
||||
overflow: hidden;
|
||||
padding: 25px;
|
||||
padding: 34px;
|
||||
z-index: 1;
|
||||
margin-bottom: 30px;
|
||||
transition: all 500ms ease;
|
||||
|
||||
@ -38,6 +38,14 @@
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.lower-content2{
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 30px;
|
||||
border: 1px solid rgba(14, 17, 54, 0.1);
|
||||
border-radius: 20px 20px 20px 20px;
|
||||
}
|
||||
|
||||
.news-block-one .inner-box .lower-content .post-info li{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
@ -19,7 +19,7 @@
|
||||
.page-title .bg-layer:before{
|
||||
position: absolute;
|
||||
content: '';
|
||||
/* background: #bc0000; */
|
||||
background: #bc0000;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0px;
|
||||
|
||||
@ -19,7 +19,7 @@
|
||||
.pricing-block-one .pricing-table .table-header{
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-bottom: 30px;
|
||||
/* padding-bottom: 30px; */
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
@ -524,7 +524,7 @@
|
||||
|
||||
.theme-btn:hover {
|
||||
color: #bc0000 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.theme-btn span {
|
||||
position: relative;
|
||||
@ -1275,9 +1275,9 @@
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.main-menu .navigation > li:last-child > a {
|
||||
.main-menu .navigation>li:last-child>a {
|
||||
margin-right: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.main-menu .navigation>li.current>a,
|
||||
@ -2497,14 +2497,28 @@
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
@media only screen and (max-width: 500px) {
|
||||
.header-style-two .header-lower .outer-container {
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-right: 50px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.main-menu ul li.menu-item-has-children > a::after {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
margin-left: 6px;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-left: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
transform: rotate(-45deg);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.main-header .menu-right-content {
|
||||
position: relative;
|
||||
display: flex;
|
||||
@ -2829,6 +2843,7 @@
|
||||
|
||||
.theme-btn-2.btn-one {
|
||||
background: var(--theme-color);
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
.theme-btn-2.btn-two {
|
||||
@ -2874,7 +2889,7 @@
|
||||
|
||||
.theme-btn-2:hover {
|
||||
color: #bc0000 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.theme-btn-2 span {
|
||||
position: relative;
|
||||
@ -2929,17 +2944,18 @@
|
||||
--bs-gutter-x: 20px;
|
||||
}
|
||||
}
|
||||
.read-more-btn {
|
||||
background: none;
|
||||
border: none;
|
||||
color: #bc0000;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
padding: 5px 0;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
.read-more-btn:hover {
|
||||
color: #101A30;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.read-more-btn {
|
||||
background: none;
|
||||
border: none;
|
||||
color: #bc0000;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
padding: 5px 0;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
.read-more-btn:hover {
|
||||
color: #101A30;
|
||||
text-decoration: underline;
|
||||
}
|
||||
BIN
public/assets/images/BrandPartners/1.png
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
public/assets/images/BrandPartners/2.png
Normal file
|
After Width: | Height: | Size: 6.9 KiB |
BIN
public/assets/images/BrandPartners/3.png
Normal file
|
After Width: | Height: | Size: 6.3 KiB |
BIN
public/assets/images/BrandPartners/4.png
Normal file
|
After Width: | Height: | Size: 25 KiB |
BIN
public/assets/images/BrandPartners/5.png
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
public/assets/images/BrandPartners/6.png
Normal file
|
After Width: | Height: | Size: 9.1 KiB |
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 106 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 115 KiB |
|
Before Width: | Height: | Size: 9.3 KiB After Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 8.3 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 8.6 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 83 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 47 KiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 9.9 KiB After Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 52 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 9.4 KiB After Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 42 KiB |
BIN
public/assets/images/location/location-banner.webp
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
public/assets/images/mobile-view/services/acupuncture.webp
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
public/assets/images/mobile-view/services/chiropody.webp
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
public/assets/images/mobile-view/services/chiropractor.webp
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
public/assets/images/mobile-view/services/massage-therapy.webp
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
public/assets/images/mobile-view/services/osteopathy.webp
Normal file
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
BIN
public/assets/images/mobile-view/services/sports-injury.webp
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 57 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 82 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 82 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 131 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 53 KiB |
BIN
public/assets/images/services/concussion-management/1.webp
Normal file
|
After Width: | Height: | Size: 8.5 KiB |
BIN
public/assets/images/services/concussion-management/2.webp
Normal file
|
After Width: | Height: | Size: 8.8 KiB |
BIN
public/assets/images/services/concussion-management/big-img.webp
Normal file
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 13 KiB |
BIN
public/assets/images/services/concussion-management/left.webp
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
public/assets/images/services/icons/concussion-management.webp
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
public/assets/images/services/icons/operative-management.webp
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
public/assets/images/services/icons/orthotics.webp
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
public/assets/images/services/operative-management/1(1).webp
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
public/assets/images/services/operative-management/1.webp
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
public/assets/images/services/operative-management/2(1).webp
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
public/assets/images/services/operative-management/2.webp
Normal file
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 30 KiB |
BIN
public/assets/images/services/operative-management/big-img.webp
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
public/assets/images/services/operative-management/left.webp
Normal file
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 15 KiB |
BIN
public/assets/images/services/orthotics/1.webp
Normal file
|
After Width: | Height: | Size: 6.0 KiB |
BIN
public/assets/images/services/orthotics/2.webp
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
public/assets/images/services/orthotics/big-img.webp
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
public/assets/images/services/orthotics/left.webp
Normal file
|
After Width: | Height: | Size: 9.1 KiB |
BIN
public/assets/images/services/orthotics/orthotics-banner.webp
Normal file
|
After Width: | Height: | Size: 43 KiB |
BIN
public/assets/images/shape/shape-11.webp
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
public/assets/images/shape/shape-18.webp
Normal file
|
After Width: | Height: | Size: 2.1 KiB |