2025-09-16 17:03:53 +05:30

566 lines
37 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

'use client'
import Link from "next/link"
import Layout from "@/components/layout/Layout"
import { motion } from "framer-motion"
import TestimonialSlider1 from "@/components/slider/ShortcodeTestimonial"
import PortfolioFilter1 from "@/components/elements/Shortcodes"
import CounterUp from "@/components/elements/CounterUp"
export default function Home() {
return (
<Layout
headerStyle={2}
footerStyle={1}
breadcrumbTitle="Shortcodes"
bannerImage="/assets/images/shortcodes/shortcodes-banner.webp"
>
<section className="pricing-section sec-pad">
<div className="auto-container">
<div className="sec-title mb_50 centred">
<span className="sub-title">Shortcodes</span>
<h2>Icon list content</h2>
</div>
<div className="row clearfix">
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
<div className="pricing-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
<div className="pricing-table">
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
<div className="table-content">
<ul className="feature-list clearfix">
<li>On call 24/7 for client needs</li>
<li>Flexible and fast scheduling</li>
<li>Discuss and receive guidance</li>
<li>Thorough care management and family support</li>
<li>Double the care team staff of other agencies</li>
</ul>
</div>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
<div className="pricing-block-one active-block wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
<div className="pricing-table">
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
<div className="table-content">
<ul className="feature-list clearfix">
<li>Assisting with walking and transferring from bed to wheelchair</li>
<li>Bathing, dressing and grooming assistance</li>
<li>Medication reminders</li>
<li>Safety and fall prevention</li>
<li>Toileting and incontinence care</li>
</ul>
</div>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
<div className="pricing-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
<div className="pricing-table">
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
<div className="table-content">
<ul className="feature-list clearfix">
<li>Light housekeeping</li>
<li>Meal preparation and nutrition</li>
<li>Grocery shopping and errands</li>
<li>Transportation to social and recreational activities</li>
<li>Assistance with light exercise and outdoor activity</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section className="solutions-section pt-0">
<div className="auto-container">
<div className="row clearfix">
<div className="col-lg-4 col-md-6 col-sm-12 content-column">
<div className="content-box">
<div className="progress-inner mb_50">
<ul className="list-style-one clearfix mt-4">
<li>On call 24/7 for client needs</li>
<li>Flexible and fast scheduling</li>
<li>Regular quality assurance</li>
<li>Thorough care management and family support</li>
<li>Double the care team staff of other agencies</li>
</ul>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 content-column">
<div className="content-box">
<div className="progress-inner mb_50">
<ul className="list-style-one clearfix mt-4">
<li>Medication reminders</li>
<li>Safety and fall prevention</li>
<li>Toileting and incontinence care</li>
<li>Bathing, dressing and grooming assistance</li>
<li>Assisting with walking and transferring from bed to wheelchair</li>
</ul>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 content-column">
<div className="content-box">
<div className="progress-inner mb_50">
<ul className="list-style-one clearfix mt-4">
<li>Light housekeeping</li>
<li>Meal preparation and nutrition</li>
<li>Grocery shopping and errands</li>
<li>Transportation to social and recreational activities</li>
<li>Assistance with light exercise and outdoor activity</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section className="feature-section pb_90">
<div className="auto-container">
<div className="row clearfix">
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
<div className="feature-block-one">
<div className="inner-box">
<div className="icon-box"><img src="/assets/images/shortcodes/icons/daily-care.webp" alt="Daily Care Experts" /></div>
<h3><Link href="/">Daily Care Experts</Link></h3>
<p>We specialize in around the clock care to help seniors live well at home.</p>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
<div className="feature-block-one">
<div className="inner-box">
<div className="icon-box"><img src="/assets/images/shortcodes/icons/balanced-care.webp" alt="Balanced Care" /></div>
<h3><Link href="/">Balanced Care</Link></h3>
<p>Our unique approach to care promotes healthy mind, body and spirit.</p>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
<div className="feature-block-one">
<div className="inner-box">
<div className="icon-box"><img src="/assets/images/shortcodes/icons/peace.webp" alt="Peace of Mind" /></div>
<h3><Link href="/">Peace of Mind</Link></h3>
<p>Independent industry surveys place our client satisfaction rate at 97%.</p>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
<div className="feature-block-one">
<div className="inner-box">
<div className="icon-box"><img src="/assets/images/shortcodes/icons/24-7.webp" alt="Available 24/7" /></div>
<h3><Link href="/">Available 24/7</Link></h3>
<p>We are available 24 hours a day to provide your loved one with a caregiver.</p>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
<div className="feature-block-one">
<div className="inner-box">
<div className="icon-box"><img src="/assets/images/shortcodes/icons/high.webp" alt="High Caliber Caregivers" /></div>
<h3><Link href="/">High Caliber Caregivers</Link></h3>
<p>We typically hire only 1 in 25 applicants and provide ongoing training.</p>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
<div className="feature-block-one">
<div className="inner-box">
<div className="icon-box"><img src="/assets/images/shortcodes/icons/trusted.webp" alt="A Trusted Partner" /></div>
<h3><Link href="/">A Trusted Partner</Link></h3>
<p>Nano Home Care is the trusted referral choice for elder care professionals.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section className="chooseus-style-two bg-color-1 pt_90 pb_90">
<div className="auto-container">
<div className="row clearfix">
<div className="content-box">
<div className="row clearfix">
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block">
<motion.div
className="chooseus-block-one d-flex justify-content-center justify-content-lg-end text-lg-left"
initial={{ opacity: 0, x: 100 }}
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, ease: "easeOut" }}
viewport={{ once: true }}
>
<div className="inner-box w-100 pb-0">
<div className="icon-box mb-3 mb-lg-0">
<img src="/assets/images/shortcodes/icons/talk.webp" alt="Talk to one of our homecare experts, who understands your situation" />
</div>
<h3 className="h3-white">Talk to one of our homecare experts, who understands your situation</h3>
<p className="mb-5 tex-color-1">
You want to know your care provider understands what 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>
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block mt-4">
<motion.div
className="chooseus-block-one d-flex justify-content-center justify-content-lg-start text-lg-left"
initial={{ opacity: 0, x: -100 }}
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, ease: "easeOut" }}
viewport={{ once: true }}
>
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0">
<div className="icon-box ml-lg-3 mb-3 mb-lg-0">
<img src="/assets/images/shortcodes/icons/arrange.webp" alt="Arrange for a Free In-Home Assessment and receive a personalized care proposal that fits your needs" />
</div>
<div>
<h3 className="h3-white">Arrange for a Free In-Home Assessment and receive a personalized care proposal that fits your needs</h3>
<p className="mb-5 tex-color-1">
Every care situation has differences and nuances; therefore, a free in-home assessment is required to
prepare a thorough care plan just for your needs that you can review, revise, and approve. This personalized
care plan will identify the best ways our caregiver can serve you.
</p>
</div>
</div>
</motion.div>
</div>
</div>
<div className="row clearfix mt-4">
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block">
<motion.div
className="chooseus-block-one d-flex justify-content-center justify-content-lg-end text-lg-left"
initial={{ opacity: 0, x: 100 }}
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, ease: "easeOut" }}
viewport={{ once: true }}
>
<div className="inner-box w-100 pb-0">
<div className="icon-box mb-3 mb-lg-0">
<img src="/assets/images/shortcodes/icons/review.webp" alt="Review Our Care Proposal & Revise as You See Fit" />
</div>
<h3 className="h3-white">Review Our Care Proposal & Revise as You See Fit</h3>
<p className="mb-5 tex-color-1">
Once you have reviewed and approved the care plan, at NanoCare we guarantee caregiver compatibility.
We strive to make a successful match at the first shift. We follow up after the first shift so that you can
tell us whether we have the right match. In the unusual case where we miss, we use the feedback to
select the right one for subsequent visits.
</p>
</div>
</motion.div>
</div>
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block mt-4">
<motion.div
className="chooseus-block-one d-flex justify-content-center justify-content-lg-start text-lg-left"
initial={{ opacity: 0, x: -100 }}
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, ease: "easeOut" }}
viewport={{ once: true }}
>
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0">
<div className="icon-box ml-lg-3 mb-3 mb-lg-0">
<img src="/assets/images/shortcodes/icons/schedule.webp" alt="Schedule for Care to Start" />
</div>
<div>
<h3 className="h3-white">Schedule for Care to Start</h3>
<p className="mb-5 tex-color-1">
NanoCare provides a secure, confidential, and easy-to-use Web application called <strong>Family Room</strong>
that you can access using a mobile device or on a desktop computer. You can see the schedule, who the
caregivers are, tasks planned, completed, and, if incomplete, the reason for it, and any care notes and concerns.
</p>
</div>
</div>
</motion.div>
</div>
</div>
</div>
</div>
</div>
</section>
<section className="process-section pt_90 pb_90">
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div>
{/* <div className="shape">
<div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-20.png)' }}></div>
<div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
<div className="shape-3"></div>
</div> */}
<div className="auto-container">
<div className="inner-container">
<div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.webp)' }}></div>
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
<div className="inner-box">
<span className="count-text">01</span>
<figure className="image-box"><img src="/assets/images/shortcodes/step/step-1.webp" alt="call and speak" /></figure>
<div className="lower-content">
<h3>Step 1</h3>
<p>Call and speak to one of our friendly team who will discuss the setup process and outline our packages.</p>
</div>
</div>
</div>
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
<div className="inner-box">
<span className="count-text">02</span>
<figure className="image-box"><img src="/assets/images/shortcodes/step/step-2.webp" alt="Request a home visit" /></figure>
<div className="lower-content">
<h3>Step 2</h3>
<p>Request a home visit where we will provide you with a free, no obligation assessment.</p>
</div>
</div>
</div>
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
<div className="inner-box">
<span className="count-text">03</span>
<figure className="image-box"><img src="/assets/images/shortcodes/step/step-3.webp" alt="care package " /></figure>
<div className="lower-content">
<h3>Step 3</h3>
<p>Once agreed, we will setup your care package and introduce you to your Care Worker.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section className="testimonial-style-two p_relative bg-color-1">
{/* <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div> */}
<div className="auto-container">
<div className="row align-items-center flex-row-reverse">
{/* RIGHT IMAGE / LEFT CONTENT */}
<div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
<div className="image_block_two pl_30">
<div className="image-box">
<figure className="image image-1"><img src="/assets/images/shortcodes/back.webp" alt="Why choose nanocare" /></figure>
<figure className="image image-2"><img src="/assets/images/shortcodes/front.webp" alt="Why choose nanocare" /></figure>
{/* <div className="icon-box"><img src="/assets/images/about-us/section3/icon.webp" alt="" /></div> */}
</div>
</div>
</div>
<div className="col-lg-6 col-md-12 col-sm-12 content-column mb-5">
<div className="content_block_one">
<div className="content-box">
<div className="sec-title-1 mb_15">
<h2>Why Choose Us</h2>
</div>
<div className="text-box mb_40">
<p className="tex-color-1">NanoCare is committed to being your shoulder to lean on and providing honest advice for your loved 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-new"><span>Book Appointment</span></Link>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section className="service-section pt_90 pb_90" id="service">
<div className="auto-container">
<div className="row clearfix">
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
<div className="inner-box">
<div className="image-box">
<figure className="image"><img src="/assets/images/shortcodes/hourly-home-care.webp" alt="Hourly home care" /></figure>
</div>
<div className="lower-content2">
<h3>Hourly home care</h3>
<p>Hourly home care allows clients to use our caregivers on an hourly or as-needed basis.</p>
</div>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
<div className="inner-box">
<div className="image-box">
<figure className="image"><img src="/assets/images/shortcodes/daily-home-care.webp" alt="Daily home care" /></figure>
</div>
<div className="lower-content2">
<h3>Daily home care</h3>
<p> Daily Care provides older adults with 24/7, around-the-clock care. Clients and their families enjoy peace of mind with reliable.</p>
</div>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
<div className="inner-box">
<div className="image-box">
<figure className="image"><img src="/assets/images/shortcodes/hospital-to-home-care.webp" alt="Hospital to home care" /></figure>
</div>
<div className="lower-content2">
<h3>Hospital to home care</h3>
<p>One of the leading causes of hospital readmission or slow post-hospitalization recovery is the lack of proper support following a hospital discharge.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section className="testimonial-section pt_90 pb_90 bg-color-1" id="testimonial">
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/shortcodes/testimonials-carousel.webp)' }}></div>
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-21.webp)' }}></div>
<div className="auto-container">
<div className="row clearfix">
<div className="col-xl-6 col-lg-12 col-md-12 offset-xl-6 content-column">
<div className="content-box p_relative ml_45">
<div className="sec-title-1 mb_50">
<h2>Testimonials carousel</h2>
</div>
<div className="content-box">
{/*Theme Carousel*/}
<TestimonialSlider1 />
</div>
</div>
</div>
</div>
</div>
</section>
<section className="funfact-section centred">
<div className="auto-container">
<div className="inner-container">
<div className="row clearfix">
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
<div className="funfact-block-one">
<div className="inner-box">
<div className="count-outer count-box">
<CounterUp end={2000} /><span>+</span>
</div>
<span className="text-new">Home health care professionals</span>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
<div className="funfact-block-one">
<div className="inner-box">
<div className="count-outer count-box">
<CounterUp end={300} /><span>+</span>
</div>
<span className="text-new">Office <br /> locations</span>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
<div className="funfact-block-one">
<div className="inner-box">
<div className="count-outer count-box">
<CounterUp end={68} /><span></span>
</div>
<span className="text-new">States served by nanocare</span>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
<div className="funfact-block-one">
<div className="inner-box">
<div className="count-outer count-box">
<CounterUp end={97} /><span>%</span>
</div>
<span className="text-new">Our client satisfaction rate</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section className="service-section sec-pad " id="service">
<div className="auto-container">
<div className="sec-title mb_50 centred">
<h2>Team Member</h2>
</div>
<div className="row clearfix">
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
<div className="inner-box">
<div className="image-box">
<figure className="image"><img src="/assets/images/caregivers/1.webp" alt="Keira Knightley" /></figure>
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
</div>
<div className="lower-content2">
<h3>Keira Knightley</h3>
<h5 className="mb-3">Care Manager</h5>
<p>Keira Knightley has thirty-six years of nursing experience across a range of services, including hospital, community, nursing and care homes.</p>
</div>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
<div className="inner-box">
<div className="image-box">
<figure className="image"><img src="/assets/images/caregivers/2.webp" alt="Katherine waterston" /></figure>
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
</div>
<div className="lower-content2">
<h3>Katherine waterston</h3>
<h5 className="mb-3">Care Manager</h5>
<p>At Nano Care, Katherine ensures that the each and every client of Nano Care is looked after according to the 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/caregivers/3.webp" alt="Anna faris" /></figure>
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
</div>
<div className="lower-content2">
<h3>Anna faris</h3>
<h5 className="mb-3">Care Manager</h5>
<p>Anna ensures that all the staff and support workers at Nano Care adhere to the 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_90 pb_90 bg-color-2">
<div className="outer-container">
<div className="sec-title-1 centred mb_30">
<h2>Tabbed & vertical tabbed content</h2>
</div>
{/*Sortable Galery*/}
<div className="sortable-masonry">
{/*Filter*/}
<PortfolioFilter1 />
</div>
</div>
</section>
</Layout>
)
}