From b77ee297c993d2f70e24e7afb0219f11c2faf65f Mon Sep 17 00:00:00 2001 From: selvi Date: Mon, 1 Sep 2025 20:43:43 +0530 Subject: [PATCH] short code page created --- app/shortcodes/page.js | 586 +++++++++++++++++++--- components/elements/Shortcodes.js | 75 +++ components/slider/ShortcodeTestimonial.js | 92 ++++ 3 files changed, 679 insertions(+), 74 deletions(-) create mode 100644 components/elements/Shortcodes.js create mode 100644 components/slider/ShortcodeTestimonial.js diff --git a/app/shortcodes/page.js b/app/shortcodes/page.js index 226f67b..0a87e55 100644 --- a/app/shortcodes/page.js +++ b/app/shortcodes/page.js @@ -1,94 +1,532 @@ 'use client' +import Link from "next/link" import Layout from "@/components/layout/Layout" -import { useState } from "react" -import { motion, AnimatePresence } from "framer-motion" - -const items = [ - { icon: "/assets/images/services/icons/trusted-physiotherapy-clinic.webp", text: "On call 24/7 for client needs" }, - { icon: "/assets/images/services/icons/trusted-physiotherapy-clinic.webp", text: "Flexible and fast scheduling" }, - { icon: "/assets/images/services/icons/trusted-physiotherapy-clinic.webp", text: "Regular quality assurance" }, - { icon: "/assets/images/services/icons/trusted-physiotherapy-clinic.webp", text: "Thorough care management and family support" }, - { icon: "/assets/images/services/icons/trusted-physiotherapy-clinic.webp", text: "Double the care team staff of other agencies" }, - { icon: "/assets/images/services/icons/trusted-physiotherapy-clinic.webp", text: "Assisting with walking and transferring from bed to wheelchair" }, - { icon: "/assets/images/services/icons/trusted-physiotherapy-clinic.webp", text: "Bathing, dressing and grooming assistance" }, - { icon: "/assets/images/services/icons/trusted-physiotherapy-clinic.webp", text: "Medication reminders" }, - { icon: "/assets/images/services/icons/trusted-physiotherapy-clinic.webp", text: "Safety and fall prevention" }, - { icon: "/assets/images/services/icons/trusted-physiotherapy-clinic.webp", text: "Toileting and incontinence care" }, - { icon: "/assets/images/services/icons/trusted-physiotherapy-clinic.webp", text: "Light housekeeping" }, - { icon: "/assets/images/services/icons/trusted-physiotherapy-clinic.webp", text: "Meal preparation and nutrition" }, - { icon: "/assets/images/services/icons/trusted-physiotherapy-clinic.webp", text: "Grocery shopping and errands" }, - { icon: "/assets/images/services/icons/trusted-physiotherapy-clinic.webp", text: "Transportation to social and recreational activities" }, - { icon: "/assets/images/services/icons/trusted-physiotherapy-clinic.webp", text: "Assistance with light exercise and outdoor activity" }, -] +import { motion } from "framer-motion" +import TestimonialSlider1 from "@/components/slider/ShortcodeTestimonial" +import PortfolioFilter1 from "@/components/elements/Shortcodes" export default function Home() { - const [activeIndex, setActiveIndex] = useState(null) return ( - -
+
+
+ Shortcodes +

Icon list content

+
-
-
-
- Why Choose Us -

Choose The Best For Your
Health

+
+
+
+
+
+
    +
  • On call 24/7 for client needs
  • +
  • Flexible and fast scheduling
  • +
  • Discuss and receive guidance
  • +
  • Thorough care management and family support
  • +
  • Double the care team staff of other agencies
  • +
+
- - {/* ICONS in 1 row (4 columns) */} -
- {items.map((item, i) => ( -
-
setActiveIndex(i)} - onMouseLeave={() => setActiveIndex(null)} - > - {/* Popup inside each icon */} - - {activeIndex === i && ( - -

- {item.text} -

-
- )} -
- - {/* Icon replaced with Image */} -
-
- Service Icon -
-
-
-
- ))} +
+
+
+
+
+
+
+
    +
  • Assisting with walking and transferring from bed to wheelchair
  • +
  • Bathing, dressing and grooming assistance
  • +
  • Medication reminders
  • +
  • Safety and fall prevention
  • +
  • Toileting and incontinence care
  • +
+
+
+
+
+
+
+
+
+
+
    +
  • Light housekeeping
  • +
  • Meal preparation and nutrition
  • +
  • Grocery shopping and errands
  • +
  • Transportation to social and recreational activities
  • +
  • Assistance with light exercise and outdoor activity
  • +
+
+ +
+
+
+
+
+
+
    +
  • On call 24/7 for client needs
  • +
  • Flexible and fast scheduling
  • +
  • Regular quality assurance
  • +
  • Thorough care management and family support
  • +
  • Double the care team staff of other agencies
  • +
+
+
+
+ +
+
+
+
    +
  • Medication reminders
  • +
  • Safety and fall prevention
  • +
  • Toileting and incontinence care
  • +
  • Bathing, dressing and grooming assistance
  • +
  • Assisting with walking and transferring from bed to wheelchair
  • +
+
+
+
+ +
+
+
+
    +
  • Light housekeeping
  • +
  • Meal preparation and nutrition
  • +
  • Grocery shopping and errands
  • +
  • Transportation to social and recreational activities
  • +
  • Assistance with light exercise and outdoor activity
  • +
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+

Daily Care Experts

+

We specialize in around the clock care to help seniors live well at home.

+
+
+
+ +
+
+
+
+

Balanced Care

+

Our unique approach to care promotes healthy mind, body and spirit.

+
+
+
+ +
+
+
+
+

Peace of Mind

+

Independent industry surveys place our client satisfaction rate at 97%.

+
+
+
+ +
+
+
+
+

Available 24/7

+

We are available 24 hours a day to provide your loved one with a caregiver.

+
+
+
+ +
+
+
+
+

High Caliber Caregivers

+

We typically hire only 1 in 25 applicants and provide ongoing training.

+
+
+
+ +
+
+
+
+

A Trusted Partner

+

Nano Home Care is the trusted referral choice for elder care professionals.

+
+
+
+
+
+
+ +
+
+
+
+ {/* Top Intro */} +
+

COVID 19 UPDATES

+

+ The COVID 19 pandemic has created increased stress and anxiety levels for many people. + We would like to take this opportunity to remind you that virtual therapy and at-home + or mobile therapy are effective alternatives to in-clinic therapy for many of our clients. +

+
+ + {/* Virtual Therapy (Right aligned on desktop, center on mobile) */} +
+ {/* Step 1 - Talk to Homecare Experts */} +
+ +
+
+ Homecare Experts +
+

Talk to one of our homecare experts, who understands your situation

+

+ 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. +

+
+
+
+ + {/* Step 2 - Free In-Home Assessment */} +
+ +
+
+ Free Assessment +
+
+

Arrange for a Free In-Home Assessment and receive a personalized care proposal that fits your needs

+

+ 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. +

+
+
+
+
+
+ + {/* Second Row */} +
+ {/* Step 3 - Review Care Proposal */} +
+ +
+
+ Review Proposal +
+

Review Our Care Proposal & Revise as You See Fit

+

+ 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. +

+
+
+
+ + {/* Step 4 - Schedule Care */} +
+ +
+
+ Schedule Care +
+
+

Schedule for Care to Start

+

+ NanoCare provides a secure, confidential, and easy-to-use Web application called Family Room + 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. +

+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+
+
+
+ Process +

How it Helps You to
Keep Healthy

+
+
+
+
+
+ 01 +
+
+

Step 1

+

Call and speak to one of our friendly team who will discuss the setup process and outline our packages.

+
+
+
+
+
+ 02 +
+
+

Step 2

+

Request a home visit where we will provide you with a free, no obligation assessment.

+
+
+
+
+
+ 03 +
+
+

Step 3

+

Once agreed, we will setup your care package and introduce you to your Care Worker.

+
+
+
+
+
+
+ +
+ {/*
*/} +
+
+ {/* RIGHT IMAGE / LEFT CONTENT */} +
+
+
+
+
+
+
+
+
+
+
+
+
+

Why Choose Us

+
+
+

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.

+
+
+ Book Appointment +
+
+
+
+
+
+
+ +
+
+
+ Our Services +

We Offer For You Medical &
Saving Lives

+
+
+
+
+
+
+
+
+
+

Hourly home care

+

Hourly home care allows clients to use our caregivers on an hourly or as-needed basis.

+
+
+
+
+
+
+
+
+
+
+
+

Daily home care

+

Daily Care provides older adults with 24/7, around-the-clock care. Clients and their families enjoy peace of mind with reliable.

+
+
+
+
+
+
+
+
+
+
+
+

Hospital to home care

+

One of the leading causes of hospital readmission or slow post-hospitalization recovery is the lack of proper support following a hospital discharge.

+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+

Testimonials carousel

+
+
+ {/*Theme Carousel*/} + +
+
+ +
+
+
+
+ +
+
+
+
+
+
+
+
+ {/*
*/} +
+
+

Keira Knightley

+
Care Manager
+

Keira Knightley has thirty-six years of nursing experience across a range of services, including hospital, community, nursing and care homes.

+
+
+
+
+
+
+
+
+
+ {/*
*/} +
+
+

Katherine waterston

+
Care Manager
+

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.

+
+
+
+
+
+
+
+
+
+ {/*
*/} +
+
+

Anna faris

+
Care Manager
+

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

+
+
+
+
+
+
+
+ +
+
+
+ Gallery +

Visit Our Gallery For
Latest Info

+
+ {/*Sortable Galery*/} +
+ {/*Filter*/} + +
+
+
) } diff --git a/components/elements/Shortcodes.js b/components/elements/Shortcodes.js new file mode 100644 index 0000000..3b6c186 --- /dev/null +++ b/components/elements/Shortcodes.js @@ -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 ( + <> +
+
+ {/* Tabs */} +
+
    +
  • setActiveTab("history")} + style={{ cursor: "pointer" }} + > + Our Proud History +
  • +
  • setActiveTab("mission")} + style={{ cursor: "pointer" }} + > + Our Mission and Vision +
  • +
  • setActiveTab("leadership")} + style={{ cursor: "pointer" }} + > + Our Leadership Team +
  • +
+
+ +
+

+ {content[activeTab]} +

+
+
+
+ + ) +} diff --git a/components/slider/ShortcodeTestimonial.js b/components/slider/ShortcodeTestimonial.js new file mode 100644 index 0000000..ecd79ee --- /dev/null +++ b/components/slider/ShortcodeTestimonial.js @@ -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 ( + <> + + +
+
+
+

"I am more than fully satisfied with the excellent service provided so carefully and so sincerely by each and every care giver."

+

Barbara S

+ Kelowna, BC +
+
+
+ +
+
+
+

"We are confident leaving mother in NanoCare’s quality care! They deliver wonderful service with a personal touch!"

+

Habib M

+ Calgary +
+
+
+ +
+
+
+

"My mom’s primary caregiver is wonderful, the nurse is wonderful, and the overall experience was awesome."

+

Jennifer R

+ Caregiving Daughter +
+
+
+
+ + ) +}