Compare commits

...

16 Commits

Author SHA1 Message Date
vidhubk
2658a2060d Merge branch 'team' of https://git.metatroncube.in/MetatroncubeSoftwareSolutions/rapharehap into team 2025-09-02 13:29:51 +05:30
vidhubk
7ef072c3c5 services - 3 pages, images updated, link color changed 2025-09-02 13:29:40 +05:30
2f8cfff264 short code correcions updated 2025-09-02 12:47:27 +05:30
akash
bae744323b Counter updated Brand section updated 2025-09-01 21:02:50 +05:30
b77ee297c9 short code page created 2025-09-01 20:43:43 +05:30
akash
12f0f8652f New Banner Images UPdated 2025-09-01 20:05:00 +05:30
akash
2632188d04 shortcode new struture updated 2025-09-01 18:22:38 +05:30
c3f68da396 locations, caregivers page created 2025-09-01 18:21:16 +05:30
akash
b35b2dc16d List's 2 row updated 2025-09-01 12:06:54 +05:30
vidhubk
5040b07520 camelcase - title 2025-08-30 22:47:16 +05:30
vidhubk
44d4ec71be services main page 2025-08-30 22:34:57 +05:30
vidhubk
86a0e01cc4 Merge branch 'team' of https://git.metatroncube.in/MetatroncubeSoftwareSolutions/rapharehap into team 2025-08-30 22:14:33 +05:30
vidhubk
c3fceec1d5 placeholder images updated- services 2025-08-30 22:14:23 +05:30
akash
0ace08dd11 Button Hover Border updated 2025-08-30 22:00:51 +05:30
akash
a2c09c3309 Button Hover Border updated 2025-08-30 22:00:36 +05:30
Alaguraj0361
7054196f2d home page services section updated 2025-08-30 21:32:09 +05:30
107 changed files with 2230 additions and 691 deletions

View File

@ -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
View 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 dont 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>Its 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 companys 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 companys 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>
</>
);
}

View File

@ -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>
);
}

View File

@ -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">

View File

@ -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
View 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>
);
}

View File

@ -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>
</>

View File

@ -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
View 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 youre 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 ones 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 companys 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 companys 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>
)
}

View File

@ -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>
</>

View File

@ -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}</>
}

View File

@ -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>
)
}

View 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>
</>
);
}

View 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>
</>
)
}

View File

@ -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>
</>
)
}

View File

@ -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>

View File

@ -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>

View File

@ -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>

View 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 NanoCares 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 moms 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>
</>
)
}

View File

@ -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 {

View File

@ -7,6 +7,12 @@
background-color: #bc0000;
}
.lightbg{
background-color: #ffe6e6;
}
.chooseus-section .bg-layer{
position: absolute;
top: 0px;

View File

@ -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;

View File

@ -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;

View File

@ -19,7 +19,7 @@
.page-title .bg-layer:before{
position: absolute;
content: '';
/* background: #bc0000; */
background: #bc0000;
width: 100%;
height: 100%;
left: 0px;

View File

@ -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;
}

View File

@ -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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.3 KiB

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.4 KiB

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 53 KiB

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 82 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 82 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 43 KiB

After

Width:  |  Height:  |  Size: 131 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

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