Compare commits
33 Commits
ef099cf307
...
0e3bf92d68
| Author | SHA1 | Date | |
|---|---|---|---|
|
0e3bf92d68 | ||
|
|
c7382ae1cd | ||
|
|
f2424d2ea7 | ||
| ccd5d3b352 | |||
|
|
be6dc4e716 | ||
| 6f4743fb83 | |||
| db638b9d36 | |||
| 77af63544e | |||
| a8232f0f73 | |||
| 4ed7d601a5 | |||
|
|
c7a40eb45b | ||
|
|
63eed9944e | ||
|
|
0481f6fbe7 | ||
| 6acc4cfef7 | |||
|
|
a3f525c648 | ||
|
|
e2b3952ffa | ||
|
|
4852f19771 | ||
|
|
c17ead6b30 | ||
|
|
052c7aa219 | ||
|
|
e20a5109aa | ||
| 8a73856d25 | |||
|
|
5fcace8e94 | ||
|
|
be5cf496d2 | ||
|
|
f1a1b3903b | ||
| 3ce49f93f9 | |||
| 2e0f56881f | |||
|
|
dbccd8e468 | ||
| b51fba2b97 | |||
| 0441510e46 | |||
| 2461a833fb | |||
|
|
30a4f90561 | ||
|
|
034fd99ff2 | ||
|
|
1696ce23df |
403
app/about-us/AboutClient.js
Normal file
403
app/about-us/AboutClient.js
Normal file
@ -0,0 +1,403 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import { teamMembers } from "@/utils/constant.utils";
|
||||
import CounterUp from "@/components/elements/CounterUp";
|
||||
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import 'swiper/css';
|
||||
import 'swiper/css/navigation';
|
||||
import 'swiper/css/pagination';
|
||||
|
||||
const swiperOptions = {
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 0,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
};
|
||||
|
||||
const images = [
|
||||
'/assets/images/BrandPartners/1.png',
|
||||
'/assets/images/BrandPartners/2.png',
|
||||
'/assets/images/BrandPartners/3.png',
|
||||
'/assets/images/BrandPartners/4.png',
|
||||
'/assets/images/BrandPartners/5.png',
|
||||
'/assets/images/BrandPartners/6.png',
|
||||
];
|
||||
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [activeIndex, setActiveIndex] = useState(null);
|
||||
|
||||
const toggleReadMore = (index) => {
|
||||
setActiveIndex(activeIndex === index ? null : index);
|
||||
};
|
||||
|
||||
|
||||
|
||||
const contents = [
|
||||
{
|
||||
title: "Mission",
|
||||
img: "/assets/images/about-us/section2/mission.webp",
|
||||
text: "Physiotherapy etobicoke is committed to providing quality and innovative health care in a comfortable and professional environment. Our interdisciplinary team will work collaboratively to offer a comprehensive and patient centered approach to ensure the highest level of client experience through our evidence-based clinical practice"
|
||||
},
|
||||
{
|
||||
title: "Vision",
|
||||
img: "/assets/images/about-us/section2/vision.webp",
|
||||
text: "To be regarded as the most reliable and effective health care therapy practice backed by the team of innovative healthcare professionals driven by passion"
|
||||
},
|
||||
{
|
||||
title: "Values",
|
||||
img: "/assets/images/about-us/section2/values.webp",
|
||||
text: "We value compassion, excellence, innovation, collaboration, and integrity. By combining empathy with evidence-based care, we create a supportive and professional environment that helps every patient achieve long-term health and well-being."
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
{/* about-section */}
|
||||
<section className="about-style-three pt_90 pb_90">
|
||||
{/* <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.webp)' }}></div> */}
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_three">
|
||||
<div className="image-box">
|
||||
<div className="image-shape">
|
||||
<div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.webp)' }}></div>
|
||||
<div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div>
|
||||
{/* <div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div> */}
|
||||
<div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div>
|
||||
<div className="shape-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.webp)' }}></div>
|
||||
</div>
|
||||
<figure className="image image-1"><img src="/assets/images/about-us/section1/about-right.webp" alt="About us" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/about-us/section1/about-left.webp" alt="About us" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/about-us/section1/about-icon.webp" alt="About us" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box">
|
||||
<div className="sec-title mb_15">
|
||||
<span className="sub-title mt-3">About Us</span>
|
||||
<h2>Comprehensive Physiotherapy & Rehabilitation Clinic in Etobicoke</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p>Welcome to Rapha Rehab Physiotherapy Massage Therapy Clinic Etobicoke – physiotherapy clinic in etobicoke managed by Registered Physiotherapists offering reliable physiotherapy treatment Services, Sports injury physiotherapy, Pelvic floor physiotherapy, Chiropractor, Massage therapy , Acupuncture treatment, Foot Reflexology, Osteopathy, custom knee braces, orthotics, spinal decompression therapy, concussion management, chronic pain management, workplace injury management, Naturopathy and home care physiotherapy Services in Etobicoke</p>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/contact" className="theme-btn btn-one"><span>Book Appointment</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* about-section end */}
|
||||
|
||||
{/* process */}
|
||||
<section className="process-section sec-pad pt-0">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div>
|
||||
<div className="shape">
|
||||
{/* <div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-20.png)' }}></div>
|
||||
<div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div> */}
|
||||
<div className="shape-3"></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Caring Excellence</span>
|
||||
<h2>Mission Vision & Values</h2>
|
||||
</div>
|
||||
<div className="inner-container">
|
||||
<div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.webp)' }}></div>
|
||||
|
||||
{contents.map((item, index) => {
|
||||
const isActive = activeIndex === index;
|
||||
const words = item.text.split(" ");
|
||||
const shortText = words.slice(0, 20).join(" ") + (words.length > 20 ? "..." : "");
|
||||
|
||||
return (
|
||||
<div key={index} className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">{`0${index + 1}`}</span>
|
||||
<figure className="image-box"><img src={item.img} alt={item.title} /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>{item.title}</h3>
|
||||
<p>{isActive ? item.text : shortText}</p>
|
||||
{words.length > 20 && (
|
||||
<button className="read-more-btn" onClick={() => toggleReadMore(index)}>
|
||||
{isActive ? "Read Less" : "Read More"}
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
{/* process end */}
|
||||
|
||||
<section className="testimonial-style-two p_relative bg-color-1">
|
||||
{/* <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div> */}
|
||||
<div className="auto-container">
|
||||
<div className="row align-items-center flex-row-reverse">
|
||||
{/* RIGHT IMAGE / LEFT CONTENT */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
|
||||
<div className="image_block_two pl_30">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/about-us/section3/top.webp" alt="Why choose us" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/about-us/section3/bottom.webp" alt="Why choose us" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/about-us/section3/icon.webp" alt="Why choose us" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column mb-5">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box">
|
||||
<div className="sec-title-1 mb_15">
|
||||
<span className="sub-title-1">Why Choose Us</span>
|
||||
<h2>Your Trusted Physiotherapy Team in Etobicoke</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p className="tex-color-1">Physiotherapy etobicoke is a team of health care professionals working together to help get you better, faster. This helps us in rendering our best possible services to our clients</p>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/contact" className="theme-btn btn-one-new"><span>Book Appointment</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* process end */}
|
||||
|
||||
|
||||
{/* team-section-style-two */}
|
||||
<section className="team-section sec-pad centred">
|
||||
{/* <div className="shape"> */}
|
||||
{/* <div
|
||||
className="shape-1 float-bob-y"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-15.png)" }}
|
||||
></div> */}
|
||||
{/* <div className="shape-2"></div> */}
|
||||
{/* <div
|
||||
className="shape-3 float-bob-x"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-16.png)" }}
|
||||
></div> */}
|
||||
{/* </div> */}
|
||||
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Our Team</span>
|
||||
<h2>
|
||||
Meet our experienced doctors <br />for the best treatment
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div className="row clearfix justify-content-center">
|
||||
{teamMembers.map((member, index) => (
|
||||
<div
|
||||
key={member.id}
|
||||
className="col-lg-3 col-md-6 col-sm-12 team-block"
|
||||
>
|
||||
<div
|
||||
className="team-block-one wow fadeInUp animated"
|
||||
data-wow-delay={`${index * 200}ms`}
|
||||
data-wow-duration="1500ms"
|
||||
>
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image">
|
||||
<img src={member.image} alt={member.name} />
|
||||
</figure>
|
||||
<ul className="social-links clearfix">
|
||||
{member.socials.map((social, idx) => (
|
||||
<li key={idx}>
|
||||
<Link href={social.link}>
|
||||
<i className={social.icon}></i>
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="lower-content">
|
||||
<h3>
|
||||
<Link href={`/our-team-physiotherapy-etobicoke/${member.slug}`}>
|
||||
{member.name}
|
||||
</Link>
|
||||
</h3>
|
||||
<span className="designation">{member.designation}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="chooseus-section">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/about-us/section4/why-choose-right.webp)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-12.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="sec-title light mb_50">
|
||||
{/* <span className="sub-title">Why Choose Us</span> */}
|
||||
<h2>WHY CHOOSE ETOBICOKE PHYSIOTHERAPY</h2>
|
||||
<p className='sub-title-2'>Physiotherapy Etobicoke – We are a team of health care professionals provide physiotherapy, massage therapy services in etobicoke assist you in improving your health.</p>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/home/why-choose/expert-team.webp" alt="Expert team" /></div>
|
||||
<h3>Expert Team</h3>
|
||||
<p>At Etobicoke Physiotherapy, we have expert team of professionals</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/about-us/section4/understand.webp" alt="Understand your pain" /></div>
|
||||
<h3>Understand your Pain</h3>
|
||||
<p>Etobicoke physiotherapy offer Treatment for faster recovery</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/home/why-choose/ready.webp" alt="Ready to go" /></div>
|
||||
<h3>Ready To Go</h3>
|
||||
<p>Flexible opening hours conveniently located in etobicoke</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-20"></i></div>
|
||||
<h3>24/7 Services</h3>
|
||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="funfact-section centred">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={10} /><span>+</span>
|
||||
</div>
|
||||
<span className="text-new">Professionals</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={25} /><span>+</span>
|
||||
</div>
|
||||
<span className="text-new">Years Experience</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={10} /><span>k+</span>
|
||||
</div>
|
||||
<span className="text-new">Happy Customers</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={97} /><span>%</span>
|
||||
</div>
|
||||
<span className="text-new">Client Satisfaction</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section className="image-slider-section relative w-full pt_90 pb_90 text-center">
|
||||
<div className="auto-container mx-auto relative w-full">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<h2>Our Trusted Partners</h2>
|
||||
</div>
|
||||
<div className="slider-wrapper w-full">
|
||||
<Swiper
|
||||
{...swiperOptions}
|
||||
slidesPerView={3}
|
||||
spaceBetween={30}
|
||||
breakpoints={{
|
||||
320: { slidesPerView: 1 },
|
||||
640: { slidesPerView: 2 },
|
||||
1024: { slidesPerView: 3 },
|
||||
}}
|
||||
className="w-full h-[400px]"
|
||||
>
|
||||
{images.map((src, index) => (
|
||||
<SwiperSlide key={index}>
|
||||
<img
|
||||
src={src}
|
||||
alt="Brand Partners"
|
||||
className="w-full h-full object-cover rounded-lg"
|
||||
/>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
@ -1,406 +1,21 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import { teamMembers } from "@/utils/constant.utils";
|
||||
import CounterUp from "@/components/elements/CounterUp";
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import AboutClient from "../about-us/AboutClient";
|
||||
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import 'swiper/css';
|
||||
import 'swiper/css/navigation';
|
||||
import 'swiper/css/pagination';
|
||||
|
||||
const swiperOptions = {
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 0,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
export const metadata = {
|
||||
title: "About Us – Rapharehab Clinic",
|
||||
description:
|
||||
"Learn more about Rapha Rehab Physiotherapy and Rehabilitation Clinic in Etobicoke. Discover our mission, vision, values, and experienced physiotherapy team.",
|
||||
};
|
||||
|
||||
const images = [
|
||||
'/assets/images/BrandPartners/1.png',
|
||||
'/assets/images/BrandPartners/2.png',
|
||||
'/assets/images/BrandPartners/3.png',
|
||||
'/assets/images/BrandPartners/4.png',
|
||||
'/assets/images/BrandPartners/5.png',
|
||||
'/assets/images/BrandPartners/6.png',
|
||||
];
|
||||
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [activeIndex, setActiveIndex] = useState(null);
|
||||
|
||||
const toggleReadMore = (index) => {
|
||||
setActiveIndex(activeIndex === index ? null : index);
|
||||
};
|
||||
|
||||
|
||||
|
||||
const contents = [
|
||||
{
|
||||
title: "Mission",
|
||||
img: "/assets/images/about-us/section2/mission.webp",
|
||||
text: "Physiotherapy etobicoke is committed to providing quality and innovative health care in a comfortable and professional environment. Our interdisciplinary team will work collaboratively to offer a comprehensive and patient centered approach to ensure the highest level of client experience through our evidence-based clinical practice"
|
||||
},
|
||||
{
|
||||
title: "Vision",
|
||||
img: "/assets/images/about-us/section2/vision.webp",
|
||||
text: "To be regarded as the most reliable and effective health care therapy practice backed by the team of innovative healthcare professionals driven by passion"
|
||||
},
|
||||
{
|
||||
title: "Values",
|
||||
img: "/assets/images/about-us/section2/values.webp",
|
||||
text: "We value compassion, excellence, innovation, collaboration, and integrity. By combining empathy with evidence-based care, we create a supportive and professional environment that helps every patient achieve long-term health and well-being."
|
||||
}
|
||||
];
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="About Us" bannerImage="/assets/images/about-us/about-us-banner.webp">
|
||||
{/* about-section */}
|
||||
<section className="about-style-three pt_90 pb_90">
|
||||
{/* <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.webp)' }}></div> */}
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_three">
|
||||
<div className="image-box">
|
||||
<div className="image-shape">
|
||||
<div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.webp)' }}></div>
|
||||
<div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div>
|
||||
<div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
|
||||
<div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div>
|
||||
<div className="shape-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.webp)' }}></div>
|
||||
</div>
|
||||
<figure className="image image-1"><img src="/assets/images/about-us/section1/about-right.webp" alt="About us" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/about-us/section1/about-left.webp" alt="About us" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/about-us/section1/about-icon.webp" alt="About us" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box">
|
||||
<div className="sec-title mb_15">
|
||||
<span className="sub-title">About Us</span>
|
||||
<h2>Comprehensive Physiotherapy & Rehabilitation Clinic in Etobicoke</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p>Welcome to Rapha Rehab Physiotherapy Massage Therapy Clinic Etobicoke – physiotherapy clinic in etobicoke managed by Registered Physiotherapists offering reliable physiotherapy treatment Services, Sports injury physiotherapy, Pelvic floor physiotherapy, Chiropractor, Massage therapy , Acupuncture treatment, Foot Reflexology, Osteopathy, custom knee braces, orthotics, spinal decompression therapy, concussion management, chronic pain management, workplace injury management, Naturopathy and home care physiotherapy Services in Etobicoke</p>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/contact" className="theme-btn btn-one"><span>Book Appointment</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* about-section end */}
|
||||
|
||||
{/* process */}
|
||||
<section className="process-section sec-pad pt-0">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div>
|
||||
<div className="shape">
|
||||
<div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-20.png)' }}></div>
|
||||
<div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
|
||||
<div className="shape-3"></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Caring Excellence</span>
|
||||
<h2>Mission Vision & Values</h2>
|
||||
</div>
|
||||
<div className="inner-container">
|
||||
<div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.webp)' }}></div>
|
||||
|
||||
{contents.map((item, index) => {
|
||||
const isActive = activeIndex === index;
|
||||
const words = item.text.split(" ");
|
||||
const shortText = words.slice(0, 20).join(" ") + (words.length > 20 ? "..." : "");
|
||||
|
||||
return (
|
||||
<div key={index} className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">{`0${index + 1}`}</span>
|
||||
<figure className="image-box"><img src={item.img} alt={item.title} /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>{item.title}</h3>
|
||||
<p>{isActive ? item.text : shortText}</p>
|
||||
{words.length > 20 && (
|
||||
<button className="read-more-btn" onClick={() => toggleReadMore(index)}>
|
||||
{isActive ? "Read Less" : "Read More"}
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
{/* process end */}
|
||||
|
||||
<section className="testimonial-style-two p_relative bg-color-1">
|
||||
{/* <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div> */}
|
||||
<div className="auto-container">
|
||||
<div className="row align-items-center flex-row-reverse">
|
||||
{/* RIGHT IMAGE / LEFT CONTENT */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
|
||||
<div className="image_block_two pl_30">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/about-us/section3/top.webp" alt="Why choose us" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/about-us/section3/bottom.webp" alt="Why choose us" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/about-us/section3/icon.webp" alt="Why choose us" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column mb-5">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box">
|
||||
<div className="sec-title-1 mb_15">
|
||||
<span className="sub-title-1">Why Choose Us</span>
|
||||
<h2>Your Trusted Physiotherapy Team in Etobicoke</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p className="tex-color-1">Physiotherapy etobicoke is a team of health care professionals working together to help get you better, faster. This helps us in rendering our best possible services to our clients</p>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/contact" className="theme-btn btn-one-new"><span>Book Appointment</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* process end */}
|
||||
|
||||
|
||||
{/* team-section-style-two */}
|
||||
<section className="team-section sec-pad centred">
|
||||
<div className="shape">
|
||||
<div
|
||||
className="shape-1 float-bob-y"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-15.png)" }}
|
||||
></div>
|
||||
<div className="shape-2"></div>
|
||||
<div
|
||||
className="shape-3 float-bob-x"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-16.png)" }}
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Our Team</span>
|
||||
<h2>
|
||||
Meet our experienced doctors <br />for the best treatment
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div className="row clearfix justify-content-center">
|
||||
{teamMembers.map((member, index) => (
|
||||
<div
|
||||
key={member.id}
|
||||
className="col-lg-3 col-md-6 col-sm-6 col-6 team-block"
|
||||
>
|
||||
<div
|
||||
className="team-block-one wow fadeInUp animated"
|
||||
data-wow-delay={`${index * 200}ms`}
|
||||
data-wow-duration="1500ms"
|
||||
>
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image">
|
||||
<img src={member.image} alt={member.name} />
|
||||
</figure>
|
||||
<ul className="social-links clearfix">
|
||||
{member.socials.map((social, idx) => (
|
||||
<li key={idx}>
|
||||
<Link href={social.link}>
|
||||
<i className={social.icon}></i>
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="lower-content">
|
||||
<h3>
|
||||
<Link href={`/our-team-physiotherapy-etobicoke/${member.slug}`}>
|
||||
{member.name}
|
||||
</Link>
|
||||
</h3>
|
||||
<span className="designation">{member.designation}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="chooseus-section">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/about-us/section4/why-choose-right.webp)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-12.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="sec-title light mb_50">
|
||||
{/* <span className="sub-title">Why Choose Us</span> */}
|
||||
<h2>WHY CHOOSE ETOBICOKE PHYSIOTHERAPY</h2>
|
||||
<p className='sub-title-2'>Physiotherapy Etobicoke – We are a team of health care professionals provide physiotherapy, massage therapy services in etobicoke assist you in improving your health.</p>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-4 col-sm-4 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/about-us/section4/expert-team.webp" alt="Expert team" /></div>
|
||||
<h3>Expert Team</h3>
|
||||
<p>At Etobicoke Physiotherapy, we have expert team of professionals</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-4 col-sm-4 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/about-us/section4/understand.webp" alt="Understand your pain" /></div>
|
||||
<h3>Understand your Pain</h3>
|
||||
<p>Etobicoke physiotherapy offer Treatment for faster recovery</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-4 col-sm-4 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/home/why-choose/ready.webp" alt="Ready to go" /></div>
|
||||
<h3>Ready To Go</h3>
|
||||
<p>Flexible opening hours conveniently located in etobicoke</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-20"></i></div>
|
||||
<h3>24/7 Services</h3>
|
||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="funfact-section centred">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={10} /><span>+</span>
|
||||
</div>
|
||||
<span className="text-new">Professionals</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={25} /><span>+</span>
|
||||
</div>
|
||||
<span className="text-new">Years Experience</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={10} /><span>k+</span>
|
||||
</div>
|
||||
<span className="text-new">Happy Customers</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={97} /><span>%</span>
|
||||
</div>
|
||||
<span className="text-new">Client Satisfaction</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section className="image-slider-section relative w-full pt_90 pb_90 text-center">
|
||||
<div className="auto-container mx-auto relative w-full">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<h2>Our Trusted Partners</h2>
|
||||
</div>
|
||||
<div className="slider-wrapper w-full">
|
||||
<Swiper
|
||||
{...swiperOptions}
|
||||
slidesPerView={3}
|
||||
spaceBetween={30}
|
||||
breakpoints={{
|
||||
320: { slidesPerView: 1 },
|
||||
640: { slidesPerView: 2 },
|
||||
1024: { slidesPerView: 3 },
|
||||
}}
|
||||
className="w-full h-[400px]"
|
||||
>
|
||||
{images.map((src, index) => (
|
||||
<SwiperSlide key={index}>
|
||||
<img
|
||||
src={src}
|
||||
alt="Brand Partners"
|
||||
className="w-full h-full object-cover rounded-lg"
|
||||
/>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
<Layout
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle="About Us"
|
||||
bannerImage="/assets/images/about-us/about-us-banner.webp"
|
||||
>
|
||||
<AboutClient />
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -10,6 +10,22 @@ export async function generateStaticParams() {
|
||||
}));
|
||||
}
|
||||
|
||||
export async function generateMetadata({ params }) {
|
||||
const service = Accident.find((item) => item.slug === params.slug);
|
||||
|
||||
if (!service) {
|
||||
return {
|
||||
title: "Accident Services | MySite",
|
||||
description: "Explore our accident-related services",
|
||||
};
|
||||
}
|
||||
|
||||
return {
|
||||
title: service.metaTitle || service.title,
|
||||
description: service.metaDescription || service.shortDesc,
|
||||
};
|
||||
}
|
||||
|
||||
export default function AccidentDetailsPage({ params }) {
|
||||
const service = Accident.find((item) => item.slug === params.slug);
|
||||
|
||||
|
||||
@ -1,8 +1,13 @@
|
||||
'use client';
|
||||
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import Accident from "@/utils/Accident.utils";
|
||||
|
||||
export const metadata = {
|
||||
title: "Accident Injury Rehab Services – Rapharehab Experts",
|
||||
description: "Recover confidently after an accident with Rapharehab. Our professional team provides personalized care to manage pain, restore mobility, and rebuild strength.",
|
||||
};
|
||||
|
||||
export default function AccidentPage() {
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Accident" bannerImage="/assets/images/accident/accident-banner.webp">
|
||||
|
||||
@ -1,252 +0,0 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import ModalVideo from 'react-modal-video'
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Make Appointments">
|
||||
{/* Appointments-section */}
|
||||
<section className="appointment-section sec-pad-2">
|
||||
<div className="outer-container p_relative">
|
||||
<div className="bg-layer" style={{ backgroundImage: "url(assets/images/background/appointment-bg.jpg)" }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-7 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form action="appointments" method="post" className="default-form">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<label>Select Department</label>
|
||||
<div className="select-box">
|
||||
<select className="selectmenu">
|
||||
<option>pathology</option>
|
||||
<option>Cardiology</option>
|
||||
<option>Dental Clinic</option>
|
||||
<option>Neurosurgery</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<label>Choose Doctor by Name</label>
|
||||
<div className="select-box">
|
||||
<select className="selectmenu">
|
||||
<option>Haddam Banksy</option>
|
||||
<option>Black Marvin</option>
|
||||
<option>Eleanor Pena</option>
|
||||
<option>Arlene Maccy</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<input type="text" name="fname" placeholder="First Name" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="phone" placeholder="Number" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="email" name="email" placeholder="Email" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="date" placeholder="mm/dd/yyyy" id="datepicker" />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="time" placeholder="Time" />
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<textarea name="message" placeholder="Message"></textarea>
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
|
||||
<button type="submit" className="theme-btn btn-one"><span>Send Message</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* Appointments-section end */}
|
||||
|
||||
|
||||
{/* video */}
|
||||
<section className="video-section p_relative">
|
||||
<div className="bg-layer parallax-bg" data-parallax='{"y": 100}' style={{ backgroundImage: 'url(assets/images/background/video-bg.jpg)' }}></div>
|
||||
<figure className="image-layer"><img src="assets/images/resource/video-1.png" alt="" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="inner-box">
|
||||
<div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-17.png)' }}></div>
|
||||
<div className="video-btn">
|
||||
<a onClick={() => setOpen(true)}><i className="fas fa-play"></i></a>
|
||||
</div>
|
||||
<h2>Online Consultations With <br />Qualified Doctors</h2>
|
||||
<div className="btn-box">
|
||||
<Link href="/" className="theme-btn btn-one"><span>Make an Appointment</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* video end */}
|
||||
|
||||
|
||||
{/* team-section */}
|
||||
<section className="team-section sec-pad bg-color-1 centred">
|
||||
<div className="shape">
|
||||
<div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
|
||||
<div className="shape-2"></div>
|
||||
<div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-16.png)' }}></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Our Team</span>
|
||||
<h2>Meet our experienced doctors <br />for the best treatment</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-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/team/team-1.jpg" alt="" /></figure>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Black Marvin</Link></h3>
|
||||
<span className="designation">Medical Assistant</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay="200ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/team/team-2.jpg" alt="" /></figure>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Eleanor Pena</Link></h3>
|
||||
<span className="designation">Doctor</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay="400ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/team/team-3.jpg" alt="" /></figure>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Arlene Maccy</Link></h3>
|
||||
<span className="designation">Nursing Assistant</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-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/team/team-4.jpg" alt="" /></figure>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Jenny Wilson</Link></h3>
|
||||
<span className="designation">Senior Doctor</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* team-section */}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{/* 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 */}
|
||||
|
||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
||||
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
@ -9,12 +9,27 @@ export async function generateStaticParams() {
|
||||
}));
|
||||
}
|
||||
|
||||
export async function generateMetadata({ params }) {
|
||||
const service = areaOfInjuryData.find((item) => item.slug === params.slug);
|
||||
|
||||
if (!service) {
|
||||
return {
|
||||
title: "Area of Injury Not Found – Rapharehab Clinic",
|
||||
description: "The requested area of injury page could not be found.",
|
||||
};
|
||||
}
|
||||
|
||||
return {
|
||||
title: `${service.metaTitle} – Rapharehab Clinic`,
|
||||
description: service.metaDescription || "Expert physiotherapy and pain relief treatments.",
|
||||
};
|
||||
}
|
||||
|
||||
export default function AreaOfInjuryDetails({ params }) {
|
||||
const service = areaOfInjuryData.find((item) => item.slug === params.slug);
|
||||
|
||||
if (!service) return notFound();
|
||||
|
||||
// Alt text (always uppercase)
|
||||
const altText = service.title ? service.title.toUpperCase() : "AREA OF INJURY";
|
||||
|
||||
return (
|
||||
@ -96,4 +111,4 @@ export default function AreaOfInjuryDetails({ params }) {
|
||||
</section>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -1,55 +1,58 @@
|
||||
'use client';
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils"
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils";
|
||||
|
||||
export const metadata = {
|
||||
title: "Expert Injury Area – Rapharehab Physiotherapy",
|
||||
description: "Explore Rapharehab’s specialized treatment plans for each injury area—from head to toe—designed to support full recovery with professional.",
|
||||
};
|
||||
|
||||
export default function AreaOfInjury() {
|
||||
return (
|
||||
<Layout
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle="Areas of Injury"
|
||||
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">
|
||||
{areaOfInjuryData.map((item) => {
|
||||
// Always use TITLE in uppercase
|
||||
const altText = item.title ? item.title.toUpperCase() : "AREA OF INJURY";
|
||||
return (
|
||||
<Layout
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle="Areas of Injury"
|
||||
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">
|
||||
{areaOfInjuryData.map((item) => {
|
||||
const altText = item.title ? item.title.toUpperCase() : "AREA OF INJURY";
|
||||
|
||||
return (
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block" key={item.id}>
|
||||
<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={`/area-of-injury/${item.slug}`}>
|
||||
<img src={item.image} alt={altText} />
|
||||
</Link>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img src={item.icon} alt={altText} />
|
||||
</div>
|
||||
<h3>
|
||||
<Link href={`/area-of-injury/${item.slug}`}>{item.title}</Link>
|
||||
</h3>
|
||||
<p>{item.shortDescription}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
})}
|
||||
return (
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block" key={item.id}>
|
||||
<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={`/area-of-injury/${item.slug}`}>
|
||||
<img src={item.image} alt={altText} />
|
||||
</Link>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img src={item.icon} alt={altText} />
|
||||
</div>
|
||||
<h3>
|
||||
<Link href={`/area-of-injury/${item.slug}`}>{item.title}</Link>
|
||||
</h3>
|
||||
<p>{item.shortDescription}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
)
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,199 +0,0 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Blog Sidebar">
|
||||
<div>
|
||||
{/* sidebar-page-container */}
|
||||
<section className="sidebar-page-container sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="blog-sidebar default-sidebar mr_10">
|
||||
<div className="sidebar-widget search-widget">
|
||||
<div className="search-form">
|
||||
<form method="post" action="blog-2">
|
||||
<div className="form-group">
|
||||
<input type="search" name="search-field" placeholder="Search here" required />
|
||||
<button type="submit"><i className="icon-27"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Categories</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="blog-details">Cardiology</Link></li>
|
||||
<li><Link href="blog-details">Dental Clinic</Link></li>
|
||||
<li><Link href="blog-details">Neurosurgery</Link></li>
|
||||
<li><Link href="blog-details">Medical</Link></li>
|
||||
<li><Link href="blog-details">Pediatrics</Link></li>
|
||||
<li><Link href="blog-details">Modern Laboratory</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
<div className="sidebar-widget category-widget archives-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Archives</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="blog-details">December 2021</Link></li>
|
||||
<li><Link href="blog-details">October 2021</Link></li>
|
||||
<li><Link href="blog-details">January 2022</Link></li>
|
||||
<li><Link href="blog-details">October 2022</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
<div className="sidebar-widget tags-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Tags</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="tags-list clearfix">
|
||||
<li><Link href="blog-details">Adventures</Link></li>
|
||||
<li><Link href="blog-details">Health</Link></li>
|
||||
<li><Link href="blog-details">Care</Link></li>
|
||||
<li><Link href="blog-details">Cardiac</Link></li>
|
||||
<li><Link href="blog-details">Doctors</Link></li>
|
||||
<li><Link href="blog-details">Cardiac</Link></li>
|
||||
<li><Link href="blog-details">Hospital</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="blog-classic-content">
|
||||
<div className="news-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-7.jpg" alt="" /></Link></figure>
|
||||
<div className="lower-content">
|
||||
<ul className="post-info mb_15 clearfix">
|
||||
<li><Link href="blog-details">Admin</Link></li>
|
||||
<li>12 Jan 2022</li>
|
||||
<li>03 Comt</li>
|
||||
</ul>
|
||||
<h3><Link href="blog-details">How do Inherited Retinal of Diseases Happen?</Link></h3>
|
||||
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
|
||||
<div className="link">
|
||||
<Link href="blog-details"><span>Read More</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat similar blocks for other news items */}
|
||||
<div className="news-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-8.jpg" alt="" /></Link></figure>
|
||||
<div className="lower-content">
|
||||
<ul className="post-info mb_15 clearfix">
|
||||
<li><Link href="blog-details">Admin</Link></li>
|
||||
<li>11 Jan 2022</li>
|
||||
<li>05 Comt</li>
|
||||
</ul>
|
||||
<h3><Link href="blog-details">Prepare to Speak with Your Eye Specialist.</Link></h3>
|
||||
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
|
||||
<div className="link">
|
||||
<Link href="blog-details"><span>Read More</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat similar blocks for other news items */}
|
||||
<div className="news-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-9.jpg" alt="" /></Link></figure>
|
||||
<div className="lower-content">
|
||||
<ul className="post-info mb_15 clearfix">
|
||||
<li><Link href="blog-details">Admin</Link></li>
|
||||
<li>10 Jan 2022</li>
|
||||
<li>0 Comt</li>
|
||||
</ul>
|
||||
<h3><Link href="blog-details">How reliece can help you manage diabetes</Link></h3>
|
||||
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
|
||||
<div className="link">
|
||||
<Link href="blog-details"><span>Read More</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat similar blocks for other news items */}
|
||||
<div className="news-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-10.jpg" alt="" /></Link></figure>
|
||||
<div className="lower-content">
|
||||
<ul className="post-info mb_15 clearfix">
|
||||
<li><Link href="blog-details">Admin</Link></li>
|
||||
<li>09 Jan 2022</li>
|
||||
<li>03 Comt</li>
|
||||
</ul>
|
||||
<h3><Link href="blog-details">What Causes Inherited Retinal Diseases?</Link></h3>
|
||||
<p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
|
||||
<div className="link">
|
||||
<Link href="blog-details"><span>Read More</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="pagination-wrapper pt_20">
|
||||
<ul className="pagination clearfix">
|
||||
<li><Link href="blog-2" className="current">1</Link></li>
|
||||
<li><Link href="blog-2">2</Link></li>
|
||||
<li><Link href="blog-2">3</Link></li>
|
||||
<li><Link href="blog-2"><i className="icon-36"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* sidebar-page-container end */}
|
||||
{/* subscribe-two */}
|
||||
<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>
|
||||
{/* subscribe end */}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,267 +0,0 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Blog Details">
|
||||
{/* sidebar-page-container */}
|
||||
<section className="sidebar-page-container sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="blog-sidebar default-sidebar mr_10">
|
||||
<div className="sidebar-widget search-widget">
|
||||
<div className="search-form">
|
||||
<form method="post" action="blog-2">
|
||||
<div className="form-group">
|
||||
<input type="search" name="search-field" placeholder="Search here" required />
|
||||
<button type="submit"><i className="icon-27"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Categories</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="blog-details">Cardiology</Link></li>
|
||||
<li><Link href="blog-details">Dental Clinic</Link></li>
|
||||
<li><Link href="blog-details">Neurosurgery</Link></li>
|
||||
<li><Link href="blog-details">Medical</Link></li>
|
||||
<li><Link href="blog-details">Pediatrics</Link></li>
|
||||
<li><Link href="blog-details">Modern Laboratory</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
<div className="sidebar-widget category-widget archives-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Archives</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="blog-details">December 2021</Link></li>
|
||||
<li><Link href="blog-details">October 2021</Link></li>
|
||||
<li><Link href="blog-details">January 2022</Link></li>
|
||||
<li><Link href="blog-details">October 2022</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
<div className="sidebar-widget post-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Latest Post</h3>
|
||||
</div>
|
||||
<div className="widget-content post-inner">
|
||||
<div className="post">
|
||||
<figure className="post-thumb"><Link href="blog-details"><img src="assets/images/news/post-1.jpg" alt="" /></Link></figure>
|
||||
<h6><Link href="blog-details">What Causes Inherited Retinal Diseases?</Link></h6>
|
||||
<ul className="post-info clearfix">
|
||||
<li>09 Jan 2022</li>
|
||||
<li>03 Comt</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="post">
|
||||
<figure className="post-thumb"><Link href="blog-details"><img src="assets/images/news/post-2.jpg" alt="" /></Link></figure>
|
||||
<h6><Link href="blog-details">How reliece can help you manage diabetes</Link></h6>
|
||||
<ul className="post-info clearfix">
|
||||
<li>10 Jan 2022</li>
|
||||
<li>05 Comt</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="post">
|
||||
<figure className="post-thumb"><Link href="blog-details"><img src="assets/images/news/post-3.jpg" alt="" /></Link></figure>
|
||||
<h6><Link href="blog-details">Prepare to Speak with Your Eye Specialist.</Link></h6>
|
||||
<ul className="post-info clearfix">
|
||||
<li>11 Jan 2022</li>
|
||||
<li>01 Comt</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
<div className="sidebar-widget gallery-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Gallery</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="image-list clearfix">
|
||||
<li>
|
||||
<figure className="image"><Link href="assets/images/news/gallery-1.jpg" className="lightbox-image" data-fancybox="gallery"><img src="assets/images/news/gallery-1.jpg" alt="" /></Link></figure>
|
||||
</li>
|
||||
<li>
|
||||
<figure className="image"><Link href="assets/images/news/gallery-2.jpg" className="lightbox-image" data-fancybox="gallery"><img src="assets/images/news/gallery-2.jpg" alt="" /></Link></figure>
|
||||
</li>
|
||||
<li>
|
||||
<figure className="image"><Link href="assets/images/news/gallery-3.jpg" className="lightbox-image" data-fancybox="gallery"><img src="assets/images/news/gallery-3.jpg" alt="" /></Link></figure>
|
||||
</li>
|
||||
<li>
|
||||
<figure className="image"><Link href="assets/images/news/gallery-4.jpg" className="lightbox-image" data-fancybox="gallery"><img src="assets/images/news/gallery-4.jpg" alt="" /></Link></figure>
|
||||
</li>
|
||||
<li>
|
||||
<figure className="image"><Link href="assets/images/news/gallery-5.jpg" className="lightbox-image" data-fancybox="gallery"><img src="assets/images/news/gallery-5.jpg" alt="" /></Link></figure>
|
||||
</li>
|
||||
<li>
|
||||
<figure className="image"><Link href="assets/images/news/gallery-6.jpg" className="lightbox-image" data-fancybox="gallery"><img src="assets/images/news/gallery-6.jpg" alt="" /></Link></figure>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
<div className="sidebar-widget tags-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Tags</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="tags-list clearfix">
|
||||
<li><Link href="blog-details">Adventures</Link></li>
|
||||
<li><Link href="blog-details">Health</Link></li>
|
||||
<li><Link href="blog-details">Care</Link></li>
|
||||
<li><Link href="blog-details">Cardiac</Link></li>
|
||||
<li><Link href="blog-details">Doctors</Link></li>
|
||||
<li><Link href="blog-details">Cardiac</Link></li>
|
||||
<li><Link href="blog-details">Hospital</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* Add more sidebar widgets as needed */}
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="blog-details-content">
|
||||
<div className="news-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/news/news-11.jpg" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<ul className="post-info mb_15 clearfix">
|
||||
<li><Link href="blog-details">Admin</Link></li>
|
||||
<li>15 Jan 2022</li>
|
||||
<li>03 Comt</li>
|
||||
</ul>
|
||||
<h2>What Causes Inherited Retinal Diseases?</h2>
|
||||
<p>The abbreviation IRD refers to a group of hereditary conditions called retinal diseases...</p>
|
||||
<p>of the retinal cells in our bodies. A “mistake” or alteration in one or more genes causes IRDs. Because of this, retinal cells don’t function properly, which eventually results in vision loss. Already, 250 genes have been linked to IRD.</p>
|
||||
<p>There are many more genes, but they haven’t all been discovered. Each IRD may be passed down differently within a family from one generation to the next. It’s possible that you or a member of your family has an IRD. You might be the oldest member of your family.</p>
|
||||
<h3>Results Are Easy To Obtain</h3>
|
||||
<p>Nullam elit elit, vehicula sit amet lobortis quis, luctus vitae purus. Etiam vitae leo non magna venenatis congue. Ut commodo, tellus id gravida ultricies, libero mauris aliquam enim, in luctus nunc nisi eu neque. Aenean lacinia, tortor ac sagittis venenatis, massa velit fringilla tortor, a venenatis mi sapien. Maecenas a tellus at justo molestie pulvinar</p>
|
||||
<div className="two-image">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image mb_30"><img src="assets/images/news/news-12.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image mb_30"><img src="assets/images/news/news-13.jpg" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p>Nullam elit elit, vehicula sit amet lobortis quis, luctus vitae purus. Etiam vitae leo non magna venenatis congue. Ut commodo, tellus id gravida ultricies, libero mauris aliquam enim, in luctus nunc nisi eu neque. Aenean lacinia, tortor ac sagittis venenatis, massa velit fringilla tortor, a venenatis mi sapien. Maecenas a tellus at justo molestie pulvinar</p>
|
||||
<blockquote>
|
||||
<div className="icon-box"><i className="icon-23"></i></div>
|
||||
<p>“It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.“</p>
|
||||
<h4>Ralph Edwards</h4>
|
||||
<span className="designation">Dog Trainer</span>
|
||||
</blockquote>
|
||||
<p>Nullam elit elit, vehicula sit amet lobortis quis, luctus vitae purus. Etiam vitae leo non magna venenatis congue. Ut commodo, tellus id gravida ultricies, libero mauris aliquam enim, in luctus nunc nisi eu neque. Aenean lacinia, tortor ac sagittis venenatis, massa velit fringilla tortor, a venenatis mi sapien. Maecenas a tellus at justo molestie pulvinar</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat similar blocks for other content */}
|
||||
<div className="post-tags mb_60">
|
||||
<ul className="tags-list clearfix">
|
||||
<li><h3>Popular Tags:</h3></li>
|
||||
<li><Link href="blog-details">Adventures</Link></li>
|
||||
<li><Link href="blog-details">Health</Link></li>
|
||||
<li><Link href="blog-details">Care</Link></li>
|
||||
<li><Link href="blog-details">Hospital</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="comment-form-box mb_60">
|
||||
<h2>Leave A Comment</h2>
|
||||
<form method="post" action="blog-details" className="default-form">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="text" placeholder="Name" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="email" name="email" placeholder="Email" required />
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<textarea name="message" placeholder="Type Comment here"></textarea>
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
|
||||
<button type="submit" className="theme-btn btn-one"><span>Post Comment</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div className="comment-box">
|
||||
<h3>2 Comments</h3>
|
||||
<div className="comment-inner">
|
||||
<div className="comment">
|
||||
<div className="comment-thumb">
|
||||
<figure className="thumb-box"><img src="assets/images/news/comment-1.jpg" alt="" /></figure>
|
||||
<span className="date">08 Jan 2023</span>
|
||||
</div>
|
||||
<h4>Jane Cooper</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cursus ornare non non massa elit rutrum. Eros proin nibh neque interdum accumsan, neque vitae. Tortor etiam sed suspendisse.</p>
|
||||
<Link href="blog-details" className="reply-btn">Reply</Link>
|
||||
</div>
|
||||
{/* Additional comments if any */}
|
||||
</div>
|
||||
<div className="comment">
|
||||
<div className="comment-thumb">
|
||||
<figure className="thumb-box"><img src="assets/images/news/comment-2.jpg" alt="" /></figure>
|
||||
<span className="date">07 Jan 2023</span>
|
||||
</div>
|
||||
<h4>Marvin McKinney</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cursus ornare non non massa elit rutrum. Eros proin nibh neque interdum accumsan, neque vitae. Tortor etiam sed suspendisse.</p>
|
||||
<Link href="blog-details" className="reply-btn">Reply</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* sidebar-page-container end */}
|
||||
{/* subscribe-two */}
|
||||
<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>
|
||||
{/* subscribe end */}
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,8 +1,13 @@
|
||||
'use client'
|
||||
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import Blogs from "@/utils/Blog.utils";
|
||||
|
||||
export const metadata = {
|
||||
title: "Rapharehab Blog – Wellness Tips & Rehab Insights",
|
||||
description: "Explore expert articles from Rapharehab on physiotherapy, injury recovery, and wellness. Stay informed with trusted health tips and rehab advice.",
|
||||
};
|
||||
|
||||
export default function Blog() {
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Blog" bannerImage="/assets/images/blog/blog-banner.webp">
|
||||
|
||||
310
app/caregivers/CaregiversPage.js
Normal file
310
app/caregivers/CaregiversPage.js
Normal file
@ -0,0 +1,310 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { useState } from 'react';
|
||||
|
||||
export default function Home() {
|
||||
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Caregivers" bannerImage="/assets/images/caregivers/caregivers-banner.webp">
|
||||
<section className="feature-section pt_90 pb_90">
|
||||
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-6.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">Caregivers</span>
|
||||
<h2>We don’t just give care <br />We take care as well</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/caring.webp" alt="Caring with a smile" /></div>
|
||||
<h3><Link href="/">Caring with a smile</Link></h3>
|
||||
<p>It’s not what we do as a home care agency, but how we do it. All of our elderly caregiving services are delivered with a smile. And we all know that a smile can be infectious.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/attentive.webp" alt="Attentive listener" /></div>
|
||||
<h3><Link href="/">Attentive listener</Link></h3>
|
||||
<p>How do you like things done? Where would you like to go? Listening to your needs, and having conversations with you, helps us make sure we bring you the perfect match.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/qualified.webp" alt="Qualified" /></div>
|
||||
<h3><Link href="/">Qualified</Link></h3>
|
||||
<p>Whether you just need someone to take you for a walk or a to provide attentive complex caring – we, as a home care agency, can provide a caregiver that is qualified to meet your needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="about-style-three pt_90 pb_90 bg-color-1">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.webp)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_three">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/caregivers/right.webp" alt="A professional and friendly care provider" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/caregivers/left.webp" alt="A professional and friendly care provider" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/rapharehab-web-images.webp" alt="A professional and friendly care provider" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column mt-5">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box">
|
||||
<div className="sec-title-1 mb_15 mt_15">
|
||||
<span className="sub-title-1">At NanoCare</span>
|
||||
<h2>A professional and friendly care provider</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p className="text-white">At NanoCare, we select Caregivers who are passionate about providing in home care to those in need on a daily basis.</p>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/contact" className="theme-btn btn-one-new"><span>Become A Caregiver</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="service-section pb_90 pt_90 bg-color-1" id="service">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/1.webp" alt="Keira Knightley" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Keira Knightley</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>Keira Knightley has thirty-six years of nursing experience across a range of services, including hospital, community, nursing and care homes.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/2.webp" alt="Katherine waterston" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Katherine waterston</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>At Nano Care, Katherine ensures that the each and every client of Nano Care is looked after according to the company’s core mission, values and vision.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/3.webp" alt="Anna faris" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Anna faris</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>Anna ensures that all the staff and support workers at Nano Care adhere to the company’s ethos of providing the highest care standards in every service we offer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/4.webp" alt="David walliams" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>David walliams</h3>
|
||||
<h5 className="mb-3">Care Co-Ordinator</h5>
|
||||
<p>David walliams has over thirty eight years of experience in the Care and Services Industry. Previously working in Germany for many years.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/5.webp" alt="John henry" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>John henry</h3>
|
||||
<h5 className="mb-3">Care Co-Ordinator</h5>
|
||||
<p>John has experience in ensuring that the level of care that is provided to our clients does not fall short of any expectations that is expected of a care provider.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/6.webp" alt="Sophia jabola" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Sophia jabola</h3>
|
||||
<h5 className="mb-3">Care Co-Ordinator</h5>
|
||||
<p>She has previously trained as a midwife. Her nine years’ experience as a nurse included working in the Hospital Medical Ward and Accident and Emergency.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="faq-section pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">Nano Care</span>
|
||||
<h2>Do You Have Any Nano Care <br />Questions?</h2>
|
||||
</div>
|
||||
|
||||
<div className="row align-items-center clearfix">
|
||||
|
||||
{/* Left Side Image */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column mb-5 text-center text-lg-start">
|
||||
<div className="image_block_four">
|
||||
<div className="image-box">
|
||||
<figure>
|
||||
<img
|
||||
src="/assets/images/caregivers/nanocare.webp"
|
||||
alt="o You Have Any Nano Care Questions"
|
||||
className="img-fluid"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Right Side FAQ Content */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<ul className="accordion-box">
|
||||
|
||||
{/* FAQ 1 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 1 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(1)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>Why Should I apply to NanoCare?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 1 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>We are an award winning home care agency We care for our clients and our employees. We provide our caregivers with health insurance after qualification, appreciation events, prizes, and extended education and training opportunities.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 2 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 2 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(2)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>Where can I work?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 2 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>We currently have 6 branch offices throughout California, Scottsdale, AZ and Dallas, TX! You can work for the branch office that is most convenient for you and you can choose the cases that are closer to your home.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 3 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 3 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(3)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>What types of shifts do you offer?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 3 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>We are constantly growing and have a wide variety of shifts you can choose from. We have long shifts, short shifts, day shifts, night shifts, transportation shifts and live-ins*. (Live-ins available through our Dallas and Scottsdale offices only). We are available 24hrs a day 7 days a week so we are flexible and will work around your schedule.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 4 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 3 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(3)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>Do you hire W-2, 1099, or private contractors?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 3 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>At NanoCare, you are part of the team. You will be considered an employee of NanoCare which means payroll taxes are automatically deducted from your bi-weekly paycheck and if there are any questions, we are here for you! We are fully bonded and insured and are there for you every step of your employment with us.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@ -1,310 +1,11 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { useState } from 'react';
|
||||
import CaregiversPage from "../caregivers/CaregiversPage";
|
||||
|
||||
export default function Home() {
|
||||
export const metadata = {
|
||||
title: "Trusted Caregiver Support Services – Rapharehab Clinic",
|
||||
description:
|
||||
"Rapharehab offers professional caregiver services tailored to support patient recovery, ensuring comfort, safety, and dedicated assistance.",
|
||||
};
|
||||
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Caregivers" bannerImage="/assets/images/caregivers/caregivers-banner.webp">
|
||||
<section className="feature-section pt_90 pb_90">
|
||||
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-6.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">Caregivers</span>
|
||||
<h2>We don’t just give care <br />We take care as well</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/caring.webp" alt="Caring with a smile" /></div>
|
||||
<h3><Link href="/">Caring with a smile</Link></h3>
|
||||
<p>It’s not what we do as a home care agency, but how we do it. All of our elderly caregiving services are delivered with a smile. And we all know that a smile can be infectious.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/attentive.webp" alt="Attentive listener" /></div>
|
||||
<h3><Link href="/">Attentive listener</Link></h3>
|
||||
<p>How do you like things done? Where would you like to go? Listening to your needs, and having conversations with you, helps us make sure we bring you the perfect match.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/qualified.webp" alt="Qualified" /></div>
|
||||
<h3><Link href="/">Qualified</Link></h3>
|
||||
<p>Whether you just need someone to take you for a walk or a to provide attentive complex caring – we, as a home care agency, can provide a caregiver that is qualified to meet your needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="about-style-three pt_90 pb_90 bg-color-1">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.webp)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_three">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/caregivers/right.webp" alt="A professional and friendly care provider" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/caregivers/left.webp" alt="A professional and friendly care provider" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/rapharehab-web-images.webp" alt="A professional and friendly care provider" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column mt-5">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box">
|
||||
<div className="sec-title-1 mb_15 mt_15">
|
||||
<span className="sub-title-1">At NanoCare</span>
|
||||
<h2>A professional and friendly care provider</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p className="text-white">At NanoCare, we select Caregivers who are passionate about providing in home care to those in need on a daily basis.</p>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/contact" className="theme-btn btn-one-new"><span>Become A Caregiver</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="service-section pb_90 pt_90 bg-color-1" id="service">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/1.webp" alt="Keira Knightley" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Keira Knightley</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>Keira Knightley has thirty-six years of nursing experience across a range of services, including hospital, community, nursing and care homes.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/2.webp" alt="Katherine waterston" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Katherine waterston</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>At Nano Care, Katherine ensures that the each and every client of Nano Care is looked after according to the company’s core mission, values and vision.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/3.webp" alt="Anna faris" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Anna faris</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>Anna ensures that all the staff and support workers at Nano Care adhere to the company’s ethos of providing the highest care standards in every service we offer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/4.webp" alt="David walliams" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>David walliams</h3>
|
||||
<h5 className="mb-3">Care Co-Ordinator</h5>
|
||||
<p>David walliams has over thirty eight years of experience in the Care and Services Industry. Previously working in Germany for many years.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/5.webp" alt="John henry" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>John henry</h3>
|
||||
<h5 className="mb-3">Care Co-Ordinator</h5>
|
||||
<p>John has experience in ensuring that the level of care that is provided to our clients does not fall short of any expectations that is expected of a care provider.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/6.webp" alt="Sophia jabola" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Sophia jabola</h3>
|
||||
<h5 className="mb-3">Care Co-Ordinator</h5>
|
||||
<p>She has previously trained as a midwife. Her nine years’ experience as a nurse included working in the Hospital Medical Ward and Accident and Emergency.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="faq-section pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">Nano Care</span>
|
||||
<h2>Do You Have Any Nano Care <br />Questions?</h2>
|
||||
</div>
|
||||
|
||||
<div className="row align-items-center clearfix">
|
||||
|
||||
{/* Left Side Image */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column mb-5 text-center text-lg-start">
|
||||
<div className="image_block_four">
|
||||
<div className="image-box">
|
||||
<figure>
|
||||
<img
|
||||
src="/assets/images/caregivers/nanocare.webp"
|
||||
alt="o You Have Any Nano Care Questions"
|
||||
className="img-fluid"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Right Side FAQ Content */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<ul className="accordion-box">
|
||||
|
||||
{/* FAQ 1 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 1 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(1)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>Why Should I apply to NanoCare?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 1 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>We are an award winning home care agency We care for our clients and our employees. We provide our caregivers with health insurance after qualification, appreciation events, prizes, and extended education and training opportunities.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 2 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 2 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(2)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>Where can I work?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 2 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>We currently have 6 branch offices throughout California, Scottsdale, AZ and Dallas, TX! You can work for the branch office that is most convenient for you and you can choose the cases that are closer to your home.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 3 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 3 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(3)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>What types of shifts do you offer?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 3 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>We are constantly growing and have a wide variety of shifts you can choose from. We have long shifts, short shifts, day shifts, night shifts, transportation shifts and live-ins*. (Live-ins available through our Dallas and Scottsdale offices only). We are available 24hrs a day 7 days a week so we are flexible and will work around your schedule.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 4 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 3 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(3)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>Do you hire W-2, 1099, or private contractors?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 3 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>At NanoCare, you are part of the team. You will be considered an employee of NanoCare which means payroll taxes are automatically deducted from your bi-weekly paycheck and if there are any questions, we are here for you! We are fully bonded and insured and are there for you every step of your employment with us.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
export default function Page() {
|
||||
return <CaregiversPage />;
|
||||
}
|
||||
|
||||
@ -1,345 +0,0 @@
|
||||
'use client'
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import ModalVideo from 'react-modal-video'
|
||||
const ProgressBar = ({ label, percent }) => (
|
||||
<div className="progress-box">
|
||||
<p>{label}</p>
|
||||
<div className="bar">
|
||||
<div className="bar-inner count-bar" style={{ width: `${percent}%` }}></div>
|
||||
<div className="count-text">{`${percent}%`}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="ChoosUs">
|
||||
{/* chooseus-section */}
|
||||
<section className="chooseus-style-two bg-color-1">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/chooseus-bg-2.jpg)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-12.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-column offset-lg-4">
|
||||
<div className="content-box ml_45">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Why Choose Us</span>
|
||||
<h2>Choose The Best For Your <br />Health</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-18"></i></div>
|
||||
<h3>Professional Staff</h3>
|
||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-21"></i></div>
|
||||
<h3>Emergency Case</h3>
|
||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-19"></i></div>
|
||||
<h3>Online Appointment</h3>
|
||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-20"></i></div>
|
||||
<h3>24/7 Services</h3>
|
||||
<p>Amet minim mollit non deserunt aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* chooseus-section end */}
|
||||
|
||||
|
||||
{/* cta */}
|
||||
<section className="cta-section">
|
||||
<div className="bg-layer parallax-bg" data-parallax='{"y": 100}' style={{ backgroundImage: "url(assets/images/background/cta-bg.jpg)" }}></div>
|
||||
<figure className="image-layer"><img src="assets/images/resource/cta-1.png" alt="" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="inner-box">
|
||||
<div className="sec-title light">
|
||||
<span className="sub-title">Need a Doctor for Check-up?</span>
|
||||
<h2>Call for an emergency service when you have a need!</h2>
|
||||
<div className="btn-box">
|
||||
<Link href="index-2" className="theme-btn btn-one"><span>Make an Appointment</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* cta end */}
|
||||
|
||||
|
||||
{/* funfact-section */}
|
||||
<section className="funfact-section centred">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={75} /><span>+</span>
|
||||
</div>
|
||||
<span className="text">Expert Doctors</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={7} /><span>k</span>
|
||||
</div>
|
||||
<span className="text">Happy Patients</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={850} />
|
||||
</div>
|
||||
<span className="text">Modern Rooms</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={15} />
|
||||
</div>
|
||||
<span className="text">Awards Win</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* funfact-section */}
|
||||
|
||||
{/* <!-- solutions-section --> */}
|
||||
<section className="solutions-section bg-color-1 p_relative">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Better Solutions</span>
|
||||
<h2>Quality Medical Service with Experts</h2>
|
||||
</div>
|
||||
<div className="progress-inner mb_50">
|
||||
|
||||
<ProgressBar label="Skilled Doctor" percent={85} />
|
||||
<ProgressBar label="Modernized Equipment" percent={90} />
|
||||
<ProgressBar label="Dedicated Team" percent={80} />
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="index-2" className="theme-btn btn-one"><span>Discover More</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_two">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="assets/images/resource/skills-1.jpg" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="assets/images/resource/skills-2.jpg" alt="" /></figure>
|
||||
<div className="icon-box"><i className="icon-33"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* <!-- team-section end --> */}
|
||||
{/* <!-- solutions-section --> */}
|
||||
<section className="team-section sec-pad centred">
|
||||
<div className="shape">
|
||||
<div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
|
||||
<div className="shape-2"></div>
|
||||
<div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-16.png)' }}></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Our Team</span>
|
||||
<h2>Meet our experienced doctors <br />for the best treatment</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-two wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/team/team-5.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Black Marvin</Link></h3>
|
||||
<span className="designation">Medical Assistant</span>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-two wow fadeInUp animated" data-wow-delay="200ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/team/team-6.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Eleanor Pena</Link></h3>
|
||||
<span className="designation">Doctor</span>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-two wow fadeInUp animated" data-wow-delay="400ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/team/team-7.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Arlene Maccy</Link></h3>
|
||||
<span className="designation">Nursing Assistant</span>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-two wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/team/team-8.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Jenny Wilson</Link></h3>
|
||||
<span className="designation">Senior Doctor</span>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* <!-- team-section end --> */}
|
||||
|
||||
|
||||
|
||||
|
||||
{/* subscibe */}
|
||||
<section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="index">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe end */}
|
||||
|
||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
||||
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
269
app/contact/ContactClient.js
Normal file
269
app/contact/ContactClient.js
Normal file
@ -0,0 +1,269 @@
|
||||
"use client";
|
||||
|
||||
import { useState, useEffect } from "react";
|
||||
import ReCAPTCHA from "react-google-recaptcha";
|
||||
import axios from "axios";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function ContactClient() {
|
||||
const [formData, setFormData] = useState({
|
||||
username: "",
|
||||
lname: "",
|
||||
email: "",
|
||||
phone: "",
|
||||
subject: "",
|
||||
message: "",
|
||||
});
|
||||
|
||||
const [formErrors, setFormErrors] = useState({});
|
||||
const [captchaToken, setCaptchaToken] = useState(null);
|
||||
const [alert, setAlert] = useState({ show: false, type: "", message: "" });
|
||||
|
||||
// Handle input changes
|
||||
const handleChange = (e) => {
|
||||
const { name, value } = e.target;
|
||||
setFormData((prev) => ({ ...prev, [name]: value }));
|
||||
};
|
||||
|
||||
// Handle captcha
|
||||
const handleCaptchaChange = (token) => {
|
||||
setCaptchaToken(token);
|
||||
};
|
||||
|
||||
// Form submit handler
|
||||
const handleSubmit = async (e) => {
|
||||
e.preventDefault();
|
||||
|
||||
const errors = {};
|
||||
if (!formData.username.trim()) errors.username = "First Name is required.";
|
||||
if (!formData.lname.trim()) errors.lname = "Last Name is required.";
|
||||
if (!formData.email.trim()) errors.email = "Email is required.";
|
||||
if (!formData.phone.trim()) errors.phone = "Phone is required.";
|
||||
if (!formData.subject.trim()) errors.subject = "Subject is required.";
|
||||
if (!formData.message.trim()) errors.message = "Message is required.";
|
||||
if (!captchaToken) errors.captcha = "Please verify the CAPTCHA.";
|
||||
|
||||
setFormErrors(errors);
|
||||
if (Object.keys(errors).length > 0) return;
|
||||
|
||||
const emailData = {
|
||||
...formData,
|
||||
message: `Subject: ${formData.subject}<br /><br />Message: ${formData.message}`,
|
||||
to: "bloor@rapharehab.ca",
|
||||
senderName: "Rapha Rehab Contact Page",
|
||||
recaptchaToken: captchaToken,
|
||||
};
|
||||
|
||||
try {
|
||||
const res = await axios.post("https://mailserver.metatronnest.com/send", emailData, {
|
||||
headers: { "Content-Type": "application/json" },
|
||||
});
|
||||
|
||||
setAlert({
|
||||
show: true,
|
||||
type: "success",
|
||||
message: res?.data?.message || "Message sent successfully!",
|
||||
});
|
||||
|
||||
setFormData({
|
||||
username: "",
|
||||
lname: "",
|
||||
email: "",
|
||||
phone: "",
|
||||
subject: "",
|
||||
message: "",
|
||||
});
|
||||
setCaptchaToken(null);
|
||||
setFormErrors({});
|
||||
} catch (error) {
|
||||
console.error("❌ Error sending email:", error);
|
||||
setAlert({
|
||||
show: true,
|
||||
type: "danger",
|
||||
message: "Failed to send message. Please try again later.",
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// Auto-hide alert
|
||||
useEffect(() => {
|
||||
if (alert.show) {
|
||||
const timer = setTimeout(() => {
|
||||
setAlert((prev) => ({ ...prev, show: false }));
|
||||
}, 5000);
|
||||
return () => clearTimeout(timer);
|
||||
}
|
||||
}, [alert.show]);
|
||||
|
||||
return (
|
||||
<div>
|
||||
{/* Contact Info Section */}
|
||||
<section className="contact-info-section pt_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 info-column">
|
||||
<div className="info-block-one">
|
||||
<h3>Quick Contact</h3>
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-2"></i></div>
|
||||
<p>
|
||||
<Link href="tel:647-722-3434">+647-722-3434</Link><br />
|
||||
<Link href="tel:416-622-2873">+416-622-2873</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 info-column">
|
||||
<div className="info-block-one">
|
||||
<h3>Email Address</h3>
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-26"></i></div>
|
||||
<p>
|
||||
<Link href="mailto:bloor@rapharehab.ca">bloor@rapharehab.ca</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 info-column">
|
||||
<div className="info-block-one">
|
||||
<h3>Mailing Address</h3>
|
||||
<div className="inner-box">
|
||||
<div className="icon-box">
|
||||
<img src="/assets/images/icons/icon-2.png" alt="" />
|
||||
</div>
|
||||
<p>6 – 4335 Bloor Street West <br />Etobicoke, M9C5S2</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Contact Form Section */}
|
||||
<section className="contact-style-three pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner mr_40">
|
||||
<div className="sec-title mb_50">
|
||||
<h2>How can we help?</h2>
|
||||
<p className="mt-3">
|
||||
Please complete the contact information below and let us know your needs.
|
||||
Upon receipt of your information one of our team members will reach out.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{alert.show && (
|
||||
<div className={`alert alert-${alert.type}`}>{alert.message}</div>
|
||||
)}
|
||||
|
||||
<form onSubmit={handleSubmit} className="default-form">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="username"
|
||||
placeholder="First Name"
|
||||
value={formData.username}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.username && <small className="text-danger">{formErrors.username}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="lname"
|
||||
placeholder="Last Name"
|
||||
value={formData.lname}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.lname && <small className="text-danger">{formErrors.lname}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input
|
||||
type="email"
|
||||
name="email"
|
||||
placeholder="Your Email"
|
||||
value={formData.email}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.email && <small className="text-danger">{formErrors.email}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="phone"
|
||||
placeholder="Phone"
|
||||
value={formData.phone}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.phone && <small className="text-danger">{formErrors.phone}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="subject"
|
||||
placeholder="Subject"
|
||||
value={formData.subject}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.subject && <small className="text-danger">{formErrors.subject}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<textarea
|
||||
name="message"
|
||||
placeholder="Message"
|
||||
value={formData.message}
|
||||
onChange={handleChange}
|
||||
></textarea>
|
||||
{formErrors.message && <small className="text-danger">{formErrors.message}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 mb-3">
|
||||
<ReCAPTCHA
|
||||
sitekey="6LekfpwrAAAAAOTwuP1d2gg-Fv9UEsAjE2gjOQJl"
|
||||
onChange={handleCaptchaChange}
|
||||
/>
|
||||
{formErrors.captcha && <small className="text-danger">{formErrors.captcha}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
|
||||
<button className="theme-btn btn-one" type="submit" name="submit-form">
|
||||
<span>Send Message</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 image-column">
|
||||
<figure className="image-box">
|
||||
<img src="/assets/images/contact/img.webp" alt="contact rapharehab" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Google Map */}
|
||||
<section className="google-map-section">
|
||||
<div className="map-inner">
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2886.847666572518!2d-79.57789668450145!3d43.6308386791466!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b3811bd400001%3A0x87ffabfe7d6aeeca!2s4335+Bloor+St+W+%236%2C+Etobicoke%2C+ON+M9C+5S2%2C+Canada!5e0!3m2!1sen!2sca!4v1693224000000!5m2!1sen!2sca"
|
||||
height={570}
|
||||
style={{ border: 0, width: "100%" }}
|
||||
allowFullScreen
|
||||
loading="lazy"
|
||||
referrerPolicy="no-referrer-when-downgrade"
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -1,274 +1,21 @@
|
||||
"use client";
|
||||
|
||||
import { useState, useEffect } from "react";
|
||||
import ReCAPTCHA from "react-google-recaptcha";
|
||||
import axios from "axios";
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import ContactClient from "../contact/ContactClient";
|
||||
|
||||
export default function Contact() {
|
||||
const [formData, setFormData] = useState({
|
||||
username: "",
|
||||
lname: "",
|
||||
email: "",
|
||||
phone: "",
|
||||
subject: "",
|
||||
message: "",
|
||||
});
|
||||
|
||||
const [formErrors, setFormErrors] = useState({});
|
||||
const [captchaToken, setCaptchaToken] = useState(null);
|
||||
const [alert, setAlert] = useState({ show: false, type: "", message: "" });
|
||||
|
||||
// Handle input changes
|
||||
const handleChange = (e) => {
|
||||
const { name, value } = e.target;
|
||||
setFormData((prev) => ({ ...prev, [name]: value }));
|
||||
};
|
||||
|
||||
// Handle captcha
|
||||
const handleCaptchaChange = (token) => {
|
||||
console.log("✅ Captcha token:", token);
|
||||
setCaptchaToken(token);
|
||||
};
|
||||
|
||||
// Form submit handler
|
||||
const handleSubmit = async (e) => {
|
||||
e.preventDefault();
|
||||
|
||||
// Validation
|
||||
const errors = {};
|
||||
if (!formData.username.trim()) errors.username = "First Name is required.";
|
||||
if (!formData.lname.trim()) errors.lname = "Last Name is required.";
|
||||
if (!formData.email.trim()) errors.email = "Email is required.";
|
||||
if (!formData.phone.trim()) errors.phone = "Phone is required.";
|
||||
if (!formData.subject.trim()) errors.subject = "Subject is required.";
|
||||
if (!formData.message.trim()) errors.message = "Message is required.";
|
||||
if (!captchaToken) errors.captcha = "Please verify the CAPTCHA.";
|
||||
|
||||
setFormErrors(errors);
|
||||
if (Object.keys(errors).length > 0) return;
|
||||
|
||||
const emailData = {
|
||||
...formData,
|
||||
message: `Subject: ${formData.subject}<br /><br />Message: ${formData.message}`,
|
||||
to: "bloor@rapharehab.ca",
|
||||
senderName: "Rapha Rehab Contact Page",
|
||||
recaptchaToken: captchaToken,
|
||||
};
|
||||
|
||||
try {
|
||||
const res = await axios.post("https://mailserver.metatronnest.com/send", emailData, {
|
||||
headers: { "Content-Type": "application/json" },
|
||||
});
|
||||
|
||||
setAlert({
|
||||
show: true,
|
||||
type: "success",
|
||||
message: res?.data?.message || "Message sent successfully!",
|
||||
});
|
||||
|
||||
setFormData({
|
||||
username: "",
|
||||
lname: "",
|
||||
email: "",
|
||||
phone: "",
|
||||
subject: "",
|
||||
message: "",
|
||||
});
|
||||
setCaptchaToken(null);
|
||||
setFormErrors({});
|
||||
} catch (error) {
|
||||
console.error("❌ Error sending email:", error);
|
||||
setAlert({
|
||||
show: true,
|
||||
type: "danger",
|
||||
message: "Failed to send message. Please try again later.",
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// Auto-hide alert
|
||||
useEffect(() => {
|
||||
if (alert.show) {
|
||||
const timer = setTimeout(() => {
|
||||
setAlert((prev) => ({ ...prev, show: false }));
|
||||
}, 5000);
|
||||
return () => clearTimeout(timer);
|
||||
}
|
||||
}, [alert.show]);
|
||||
export const metadata = {
|
||||
title: "Contact Rapharehab – Book Your Appointment Today",
|
||||
description:
|
||||
"Reach out to Rapharehab for expert rehab and therapy services. Call or message us to schedule your consultation with our professional care team.",
|
||||
};
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Contact Us" bannerImage="/assets/images/contact/contact-us-banner.webp">
|
||||
<div>
|
||||
{/* Contact Info Section */}
|
||||
<section className="contact-info-section pt_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 info-column">
|
||||
<div className="info-block-one">
|
||||
<h3>Quick Contact</h3>
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-2"></i></div>
|
||||
<p>
|
||||
<Link href="tel:647-722-3434">+647-722-3434</Link><br />
|
||||
<Link href="tel:416-622-2873">+416-622-2873</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 info-column">
|
||||
<div className="info-block-one">
|
||||
<h3>Email Address</h3>
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-26"></i></div>
|
||||
<p>
|
||||
<Link href="mailto:bloor@rapharehab.ca">bloor@rapharehab.ca</Link><br />
|
||||
{/* <Link href="mailto:bloor@rapharehab.ca">bloor@rapharehab.ca</Link> */}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 info-column">
|
||||
<div className="info-block-one">
|
||||
<h3>Mailing Address</h3>
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/icons/icon-2.png" alt="" /></div>
|
||||
<p>6 – 4335 Bloor Street West <br />Etobicoke, M9C5S2</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Contact Form Section */}
|
||||
<section className="contact-style-three pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner mr_40">
|
||||
<div className="sec-title mb_50">
|
||||
<h2>How can we help?</h2>
|
||||
<p className="mt-3">Please complete the contact information below and let us know your needs. Upon receipt of your information one of our team members will reach out.</p>
|
||||
</div>
|
||||
|
||||
{/* Alert Message */}
|
||||
{alert.show && (
|
||||
<div className={`alert alert-${alert.type}`}>{alert.message}</div>
|
||||
)}
|
||||
|
||||
<form onSubmit={handleSubmit} className="default-form">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="username"
|
||||
placeholder="First Name"
|
||||
value={formData.username}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.username && <small className="text-danger">{formErrors.username}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="lname"
|
||||
placeholder="Last Name"
|
||||
value={formData.lname}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.lname && <small className="text-danger">{formErrors.lname}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input
|
||||
type="email"
|
||||
name="email"
|
||||
placeholder="Your Email"
|
||||
value={formData.email}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.email && <small className="text-danger">{formErrors.email}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="phone"
|
||||
placeholder="Phone"
|
||||
value={formData.phone}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.phone && <small className="text-danger">{formErrors.phone}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="subject"
|
||||
placeholder="Subject"
|
||||
value={formData.subject}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.subject && <small className="text-danger">{formErrors.subject}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<textarea
|
||||
name="message"
|
||||
placeholder="Message"
|
||||
value={formData.message}
|
||||
onChange={handleChange}
|
||||
></textarea>
|
||||
{formErrors.message && <small className="text-danger">{formErrors.message}</small>}
|
||||
</div>
|
||||
|
||||
{/* ReCAPTCHA */}
|
||||
<div className="col-lg-12 mb-3">
|
||||
<ReCAPTCHA
|
||||
sitekey="6LekfpwrAAAAAOTwuP1d2gg-Fv9UEsAjE2gjOQJl"
|
||||
onChange={handleCaptchaChange}
|
||||
/>
|
||||
{formErrors.captcha && <small className="text-danger">{formErrors.captcha}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
|
||||
<button className="theme-btn btn-one" type="submit" name="submit-form">
|
||||
<span>Send Message</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 image-column">
|
||||
<figure className="image-box">
|
||||
<img src="/assets/images/contact/img.webp" alt="contact rabharehab" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Google Map */}
|
||||
<section className="google-map-section">
|
||||
<div className="map-inner">
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2886.847666572518!2d-79.57789668450145!3d43.6308386791466!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b3811bd400001%3A0x87ffabfe7d6aeeca!2s4335+Bloor+St+W+%236%2C+Etobicoke%2C+ON+M9C+5S2%2C+Canada!5e0!3m2!1sen!2sca!4v1693224000000!5m2!1sen!2sca"
|
||||
height={570}
|
||||
style={{ border: 0, width: "100%" }}
|
||||
allowFullScreen
|
||||
loading="lazy"
|
||||
referrerPolicy="no-referrer-when-downgrade"
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
<Layout
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle="Contact Us"
|
||||
bannerImage="/assets/images/contact/contact-us-banner.webp"
|
||||
>
|
||||
<ContactClient />
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
149
app/covid-19-updates/CovidClient.js
Normal file
149
app/covid-19-updates/CovidClient.js
Normal file
@ -0,0 +1,149 @@
|
||||
'use client'
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import ModalVideo from 'react-modal-video'
|
||||
import { motion } from "framer-motion"
|
||||
|
||||
const ProgressBar = ({ label, percent }) => (
|
||||
<div className="progress-box">
|
||||
<p>{label}</p>
|
||||
<div className="bar">
|
||||
<div className="bar-inner count-bar" style={{ width: `${percent}%` }}></div>
|
||||
<div className="count-text">{`${percent}%`}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<section className="chooseus-style-two pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="content-box">
|
||||
{/* Top Intro */}
|
||||
<div className="sec-title mb_50 text-center">
|
||||
<h2 className="mb-3">COVID 19 UPDATES</h2>
|
||||
<p>
|
||||
The COVID 19 pandemic has created increased stress and anxiety levels for many people.
|
||||
We would like to take this opportunity to remind you that virtual therapy and at-home
|
||||
or mobile therapy are effective alternatives to in-clinic therapy for many of our clients.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Virtual Therapy (Right aligned on desktop, center on mobile) */}
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-end text-lg-left"
|
||||
initial={{ opacity: 0, x: 100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box w-100 pb-0">
|
||||
<div className="icon-box mb-3 mb-lg-0">
|
||||
<img src="/assets/images/covid/virtual.webp" alt="Virtual Therapy" />
|
||||
</div>
|
||||
<h3>VIRTUAL THERAPY</h3>
|
||||
<p>
|
||||
As an alternative to receiving direct in-clinic therapy, we continue to offer all
|
||||
clients the option to receive tele-rehabilitation or virtual therapy services to
|
||||
address your current therapy needs.
|
||||
</p>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
{/* Home Therapy (Left aligned on desktop, center on mobile) */}
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block mt-4">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-start text-lg-left"
|
||||
initial={{ opacity: 0, x: -100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0" >
|
||||
|
||||
<div className="icon-box ml-lg-3 mb-3 mb-lg-0">
|
||||
<img src="/assets/images/covid/home.webp" alt="Home Therapy" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3>HOME THERAPY</h3>
|
||||
<p>
|
||||
The convenience of having a physiotherapist come to your home eliminates barriers
|
||||
faced by those who can’t drive. This improved access to therapy makes it easier for
|
||||
clients to be an active participant in their recovery.
|
||||
</p>
|
||||
<p>
|
||||
Being able to interact with clients in their home setting enables a therapist to see
|
||||
how the client moves and completes tasks in their everyday life.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Subscribe Section */}
|
||||
{/* <section className="subscribe-section pt-0 bg-color-1">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box text-center text-lg-left">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">
|
||||
I agree to the <Link href="index">Privacy Policy.</Link>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> */}
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,151 +1,21 @@
|
||||
'use client'
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import ModalVideo from 'react-modal-video'
|
||||
import { motion } from "framer-motion"
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import CovidClient from "./CovidClient";
|
||||
|
||||
const ProgressBar = ({ label, percent }) => (
|
||||
<div className="progress-box">
|
||||
<p>{label}</p>
|
||||
<div className="bar">
|
||||
<div className="bar-inner count-bar" style={{ width: `${percent}%` }}></div>
|
||||
<div className="count-text">{`${percent}%`}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
export const metadata = {
|
||||
title: "Rapharehab COVID-19 Safety & Clinic Updates",
|
||||
description:
|
||||
"Stay informed with Rapharehab’s latest COVID-19 updates, safety protocols, and patient care measures to ensure a secure and trusted clinic.",
|
||||
};
|
||||
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="COVID-19 UPDATES" bannerImage="/assets/images/covid/covid-19-banner.webp">
|
||||
<section className="chooseus-style-two pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="content-box">
|
||||
{/* Top Intro */}
|
||||
<div className="sec-title mb_50 text-center">
|
||||
<h2 className="mb-3">COVID 19 UPDATES</h2>
|
||||
<p>
|
||||
The COVID 19 pandemic has created increased stress and anxiety levels for many people.
|
||||
We would like to take this opportunity to remind you that virtual therapy and at-home
|
||||
or mobile therapy are effective alternatives to in-clinic therapy for many of our clients.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Virtual Therapy (Right aligned on desktop, center on mobile) */}
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-end text-lg-left"
|
||||
initial={{ opacity: 0, x: 100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box w-100 pb-0">
|
||||
<div className="icon-box mb-3 mb-lg-0">
|
||||
<img src="/assets/images/covid/virtual.webp" alt="Virtual Therapy" />
|
||||
</div>
|
||||
<h3>VIRTUAL THERAPY</h3>
|
||||
<p className="mb-5">
|
||||
As an alternative to receiving direct in-clinic therapy, we continue to offer all
|
||||
clients the option to receive tele-rehabilitation or virtual therapy services to
|
||||
address your current therapy needs.
|
||||
</p>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
{/* Home Therapy (Left aligned on desktop, center on mobile) */}
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block mt-4">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-start text-lg-left"
|
||||
initial={{ opacity: 0, x: -100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0" >
|
||||
|
||||
<div className="icon-box ml-lg-3 mb-3 mb-lg-0">
|
||||
<img src="/assets/images/covid/home.webp" alt="Home Therapy" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3>HOME THERAPY</h3>
|
||||
<p>
|
||||
The convenience of having a physiotherapist come to your home eliminates barriers
|
||||
faced by those who can’t drive. This improved access to therapy makes it easier for
|
||||
clients to be an active participant in their recovery.
|
||||
</p>
|
||||
<p className="mt-3 mb-5">
|
||||
Being able to interact with clients in their home setting enables a therapist to see
|
||||
how the client moves and completes tasks in their everyday life.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Subscribe Section */}
|
||||
{/* <section className="subscribe-section pt-0 bg-color-1">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box text-center text-lg-left">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">
|
||||
I agree to the <Link href="index">Privacy Policy.</Link>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
export default function CovidPage() {
|
||||
return (
|
||||
<Layout
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle="COVID-19 Updates"
|
||||
bannerImage="/assets/images/covid/covid-19-banner.webp"
|
||||
>
|
||||
<CovidClient />
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
@ -2,6 +2,21 @@ import Layout from "@/components/layout/Layout";
|
||||
import { servicesList } from "@/utils/Services.utils";
|
||||
import ServiceDetailClient from "./ServiceDetailClient";
|
||||
|
||||
export async function generateMetadata({ params }) {
|
||||
const service = servicesList.find((item) => item.slug === params.slug);
|
||||
|
||||
if (!service) {
|
||||
return {
|
||||
title: "Service | MySite",
|
||||
description: "Explore our services",
|
||||
};
|
||||
}
|
||||
|
||||
return {
|
||||
title: service.metaTitle || service.shortTitle || service.title,
|
||||
description: service.metaDescription || service.shortDesc || "Explore this service in detail",
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
export async function generateStaticParams() {
|
||||
|
||||
@ -1,8 +1,13 @@
|
||||
'use client';
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { servicesList } from "@/utils/Services.utils"
|
||||
|
||||
export const metadata = {
|
||||
title: "Our Professional Services – Rapharehab Physiotherapy",
|
||||
description: "Explore a full range of trusted services at Rapharehab, from physiotherapy to acupuncture, massage, osteopathy, chiropody, and more.",
|
||||
};
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Services"
|
||||
|
||||
150
app/faq-physiotherapy-etobicoke/FaqClient.js
Normal file
150
app/faq-physiotherapy-etobicoke/FaqClient.js
Normal file
@ -0,0 +1,150 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { useState } from 'react';
|
||||
|
||||
export default function Faq() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
});
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
});
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<section className="faq-section pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">FAQ'S</span>
|
||||
<h2>Do You Have Any Physiotherapy <br />Questions?</h2>
|
||||
</div>
|
||||
|
||||
<div className="row align-items-center clearfix">
|
||||
|
||||
{/* Left Side Image */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column mb-5 text-center text-lg-start">
|
||||
<div className="image_block_four">
|
||||
<div className="image-box">
|
||||
<figure>
|
||||
<img
|
||||
src="/assets/images/faq/img.webp"
|
||||
alt="Do You Have Any Physiotherapy Questions"
|
||||
className="img-fluid"
|
||||
style={{ height: "550px", objectFit: "cover" }}
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Right Side FAQ Content */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<ul className="accordion-box">
|
||||
|
||||
{/* FAQ 1 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 1 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(1)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>What is physiotherapy?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 1 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>Physiotherapists are medical professionals who specialize in treating injuries and conditions that impact movement.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 2 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 2 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(2)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>What does the physiotherapist do?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 2 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>Physiotherapists help people affected by injury, illness or disability through electrical modalities, movement, exercise, manual therapy, education and advice. We at Rapharehab Physiotherapy clinic Etobicoke for people of all ages, helping patients to manage pain and prevent disease.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 3 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 3 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(3)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>How Long Will Your session Take?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 3 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>The duration of the program will depend on an individual's healing rate and condition being treated. Every condition is different, and everyone heals at different rates. Minor injuries you might expect 2-3 sessions of physiotherapy while the soft tissue injuries may take even longer.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* faq end */}
|
||||
|
||||
{/* subscibe */}
|
||||
{/* <section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> */}
|
||||
</>
|
||||
);
|
||||
}
|
||||
@ -1,154 +1,21 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { useState } from 'react';
|
||||
import FaqClient from "../faq-physiotherapy-etobicoke/FaqClient";
|
||||
|
||||
export default function Faq() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
});
|
||||
export const metadata = {
|
||||
title: "FAQs – Answers from Rapharehab’s Expert Team",
|
||||
description:
|
||||
"Get answers to common questions about our services, treatments, and care at Rapharehab. Learn what to expect and how we help you recover confidently.",
|
||||
};
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
});
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Faq's" bannerImage="/assets/images/faq/faq-banner.webp">
|
||||
|
||||
{/* faq */}
|
||||
<section className="faq-section pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">FAQ'S</span>
|
||||
<h2>Do You Have Any Physiotherapy <br />Questions?</h2>
|
||||
</div>
|
||||
|
||||
<div className="row align-items-center clearfix">
|
||||
|
||||
{/* Left Side Image */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column mb-5 text-center text-lg-start">
|
||||
<div className="image_block_four">
|
||||
<div className="image-box">
|
||||
<figure>
|
||||
<img
|
||||
src="/assets/images/faq/img.webp"
|
||||
alt="Do You Have Any Physiotherapy Questions"
|
||||
className="img-fluid"
|
||||
style={{ height: "550px", objectFit: "cover" }}
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Right Side FAQ Content */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<ul className="accordion-box">
|
||||
|
||||
{/* FAQ 1 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 1 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(1)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>What is physiotherapy?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 1 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>Physiotherapists are medical professionals who specialize in treating injuries and conditions that impact movement.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 2 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 2 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(2)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>What does the physiotherapist do?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 2 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>Physiotherapists help people affected by injury, illness or disability through electrical modalities, movement, exercise, manual therapy, education and advice. We at Rapharehab Physiotherapy clinic Etobicoke for people of all ages, helping patients to manage pain and prevent disease.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/* FAQ 3 */}
|
||||
<li className="accordion block">
|
||||
<div
|
||||
className={isActive.key === 3 ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(3)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>How Long Will Your session Take?</h5>
|
||||
</div>
|
||||
<div className={isActive.key === 3 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>The duration of the program will depend on an individual's healing rate and condition being treated. Every condition is different, and everyone heals at different rates. Minor injuries you might expect 2-3 sessions of physiotherapy while the soft tissue injuries may take even longer.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* faq end */}
|
||||
|
||||
{/* subscibe */}
|
||||
{/* <section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> */}
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
export default function FaqPage() {
|
||||
return (
|
||||
<Layout
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle="Faq's"
|
||||
bannerImage="/assets/images/faq/faq-banner.webp"
|
||||
>
|
||||
<FaqClient />
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
186
app/faq/page.js
186
app/faq/page.js
@ -1,186 +0,0 @@
|
||||
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { useState } from 'react'
|
||||
import Link from "next/link"
|
||||
export default function WhyChooseUs() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Faq's">
|
||||
|
||||
{/* faq */}
|
||||
<section className="faq-page-section sec-pad">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 accordion-column">
|
||||
<div className="content-box">
|
||||
<ul className="accordion-box">
|
||||
{/*Accordion Block*/}
|
||||
<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>
|
||||
<h4>Is it possible to get my results by mail or over the phone?</h4>
|
||||
</div>
|
||||
<div className={isActive.key == 1 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{/*Accordion Block*/}
|
||||
<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>
|
||||
<h4>Can I call directly to make an appointment?</h4></div>
|
||||
<div className={isActive.key == 2 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{/*Accordion Block*/}
|
||||
<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>
|
||||
<h4>Do you give phone advice?</h4></div>
|
||||
<div className={isActive.key == 3 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{/*Accordion Block*/}
|
||||
<li className="accordion block">
|
||||
<div className={isActive.key == 4 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(4)}>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h4>Can I make appointments by phone?</h4>
|
||||
</div>
|
||||
<div className={isActive.key == 4 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<ul className="accordion-box">
|
||||
{/*Accordion Block*/}
|
||||
<li className="accordion block">
|
||||
<div className={isActive.key == 5 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(5)}>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h4>Is it possible to get my results by mail or over the phone?</h4></div>
|
||||
<div className={isActive.key == 5 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{/*Accordion Block*/}
|
||||
<li className="accordion block">
|
||||
<div className={isActive.key == 6 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(6)}>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h4>Can I call directly to make an appointment?</h4></div>
|
||||
<div className={isActive.key == 6 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{/*Accordion Block*/}
|
||||
<li className="accordion block">
|
||||
<div className={isActive.key == 7 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(7)}>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h4>Do you give phone advice?</h4>
|
||||
</div>
|
||||
<div className={isActive.key == 7 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{/*Accordion Block*/}
|
||||
<li className="accordion block">
|
||||
<div className={isActive.key == 8 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(8)}>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h4>Can I make appointments by phone?</h4>
|
||||
</div>
|
||||
<div className={isActive.key == 8 ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* faq end */}
|
||||
|
||||
{/* subscibe */}
|
||||
<section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe end */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
|
||||
133
app/gallery-physiotherapy-etobicoke/GalleryClient.js
Normal file
133
app/gallery-physiotherapy-etobicoke/GalleryClient.js
Normal file
@ -0,0 +1,133 @@
|
||||
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { useState } from 'react'
|
||||
import Link from "next/link"
|
||||
export default function WhyChooseUs() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
{/* gallery */}
|
||||
<section className="gallery-page-section sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-6.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-6.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-7.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-7.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-8.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-8.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-9.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-9.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-10.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-10.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-11.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-11.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
</div>
|
||||
<div className="pagination-wrapper mt_20 centred">
|
||||
<ul className="pagination clearfix">
|
||||
<li><Link href="gallery" className="current">1</Link></li>
|
||||
<li><Link href="gallery">2</Link></li>
|
||||
<li><Link href="gallery">3</Link></li>
|
||||
<li><Link href="gallery"><i className="icon-36"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* gallery end */}
|
||||
|
||||
{/* subscibe */}
|
||||
{/* <section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> */}
|
||||
{/* subscibe end */}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1,136 +1,21 @@
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import GalleryClient from "../gallery-physiotherapy-etobicoke/GalleryClient";
|
||||
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { useState } from 'react'
|
||||
import Link from "next/link"
|
||||
export default function WhyChooseUs() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
export const metadata = {
|
||||
title: "Clinic & Therapy Gallery – Inside Rapharehab",
|
||||
description:
|
||||
"Explore Rapharehab’s gallery to see our clinic, equipment, and therapy sessions. A glimpse into our professional and welcoming healing space.",
|
||||
};
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Gallery" bannerImage="/assets/images/gallery-page/gallery-banner.webp">
|
||||
|
||||
{/* gallery */}
|
||||
<section className="gallery-page-section sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-6.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-6.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-7.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-7.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-8.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-8.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-9.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-9.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-10.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-10.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="/assets/images/gallery/gallery-11.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="/assets/images/gallery/gallery-11.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
</div>
|
||||
<div className="pagination-wrapper mt_20 centred">
|
||||
<ul className="pagination clearfix">
|
||||
<li><Link href="gallery" className="current">1</Link></li>
|
||||
<li><Link href="gallery">2</Link></li>
|
||||
<li><Link href="gallery">3</Link></li>
|
||||
<li><Link href="gallery"><i className="icon-36"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* gallery end */}
|
||||
|
||||
{/* subscibe */}
|
||||
{/* <section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> */}
|
||||
{/* subscibe end */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
export default function GalleryPage() {
|
||||
return (
|
||||
<Layout
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle="Gallery"
|
||||
bannerImage="/assets/images/gallery-page/gallery-banner.webp"
|
||||
>
|
||||
<GalleryClient />
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1,136 +0,0 @@
|
||||
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { useState } from 'react'
|
||||
import Link from "next/link"
|
||||
export default function WhyChooseUs() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Gallery">
|
||||
|
||||
{/* gallery */}
|
||||
<section className="gallery-page-section sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-6.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-6.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-7.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-7.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-8.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-8.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-9.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-9.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-10.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-10.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
|
||||
<div className="gallery-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><img src="assets/images/gallery/gallery-11.jpg" alt="" /></figure>
|
||||
<div className="view-btn"><Link href="assets/images/gallery/gallery-11.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other gallery items */}
|
||||
</div>
|
||||
<div className="pagination-wrapper mt_20 centred">
|
||||
<ul className="pagination clearfix">
|
||||
<li><Link href="gallery" className="current">1</Link></li>
|
||||
<li><Link href="gallery">2</Link></li>
|
||||
<li><Link href="gallery">3</Link></li>
|
||||
<li><Link href="gallery"><i className="icon-36"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* gallery end */}
|
||||
|
||||
{/* subscibe */}
|
||||
<section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe end */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1,41 +0,0 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import About from "@/components/sections/home2/About"
|
||||
import Banner from "@/components/sections/home2/Banner"
|
||||
import Features from "@/components/sections/home2/Features"
|
||||
import News from "@/components/sections/home2/News"
|
||||
import Faq from "@/components/sections/home2/Faq"
|
||||
import Team from "@/components/sections/home2/Team"
|
||||
import Testimonial from "@/components/sections/home2/Testmonial"
|
||||
import Video from "@/components/sections/home2/Video"
|
||||
import Contact from "@/components/sections/home2/Contact"
|
||||
import Subscribe from "@/components/sections/home2/Subscribe"
|
||||
import Service from "@/components/sections/home2/Service"
|
||||
import Chooseus from "@/components/sections/home2/Chooseus"
|
||||
import Funfacts from "@/components/sections/home2/Funfacts"
|
||||
import Cta from "@/components/sections/home2/Cta"
|
||||
import Solution from "@/components/sections/home2/Solution"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={2}>
|
||||
<Banner />
|
||||
<Features />
|
||||
<About />
|
||||
<Service />
|
||||
<Chooseus />
|
||||
<Team />
|
||||
<Cta />
|
||||
<Funfacts />
|
||||
<Solution />
|
||||
<Faq />
|
||||
<Testimonial />
|
||||
<Video />
|
||||
<News />
|
||||
<Contact />
|
||||
<Subscribe />
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,39 +0,0 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import About from "@/components/sections/home3/About"
|
||||
import Banner from "@/components/sections/home3/Banner"
|
||||
|
||||
import Features from "@/components/sections/home3/Features"
|
||||
import Team from "@/components/sections/home3/Team"
|
||||
|
||||
import News from "@/components/sections/home3/News"
|
||||
import Process from "@/components/sections/home3/Process"
|
||||
import Testimonial from "@/components/sections/home3/Testmonial"
|
||||
import Faq from "@/components/sections/home3/Faq"
|
||||
import Video from "@/components/sections/home3/Video"
|
||||
import Gallery from "@/components/sections/home3/Gallery"
|
||||
import Contact from "@/components/sections/home3/Contact"
|
||||
import Map from "@/components/sections/home3/Map"
|
||||
import Subscribe from "@/components/sections/home3/Subscribe"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1}>
|
||||
<Banner />
|
||||
<Features />
|
||||
<About />
|
||||
<Process />
|
||||
<Testimonial />
|
||||
<Faq />
|
||||
<Video />
|
||||
<Team />
|
||||
<Gallery />
|
||||
<News />
|
||||
<Contact />
|
||||
<Map />
|
||||
<Subscribe />
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,39 +0,0 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import About from "@/components/sections/home1/About"
|
||||
import Banner from "@/components/sections/home1/Banner"
|
||||
import Services from "@/components/sections/home1/Services"
|
||||
import Features from "@/components/sections/home1/Features"
|
||||
import Funfacts from "@/components/sections/home1/Funfacts"
|
||||
import News from "@/components/sections/home1/News"
|
||||
import Testimonial from "@/components/sections/home1/Testimonial"
|
||||
import WhyChooseUs from "@/components/sections/home1/WhyChooseUs"
|
||||
import Subscribe from "@/components/sections/home1/Subscribe"
|
||||
import Team from "@/components/sections/home1/Team"
|
||||
import Video from "@/components/sections/home1/Video"
|
||||
import Process from "@/components/sections/home1/Process"
|
||||
import Pricing from "@/components/sections/home1/Pricing"
|
||||
import CounterSection from "@/components/sections/home/CounterSection"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<Banner />
|
||||
<Features />
|
||||
<About />
|
||||
<Services />
|
||||
<WhyChooseUs />
|
||||
{/* <CounterSection /> */}
|
||||
<Funfacts />
|
||||
<Team />
|
||||
<Video />
|
||||
<Process />
|
||||
<Testimonial />
|
||||
<Pricing />
|
||||
<News />
|
||||
<Subscribe />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -20,8 +20,7 @@ export default function RootLayout({ children }) {
|
||||
<html lang="en" className={`${poppins.variable}`}>
|
||||
<body>
|
||||
{children}
|
||||
<ContactFloat />
|
||||
<AutoPopup/>
|
||||
{/* <AutoPopup/> */}
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
|
||||
@ -2,6 +2,12 @@ import dynamic from 'next/dynamic';
|
||||
const PortfolioFilter1 = dynamic(() => import('@/components/elements/Locations'), { ssr: false });
|
||||
import Layout from "@/components/layout/Layout"
|
||||
|
||||
export const metadata = {
|
||||
title: "Locations - rapharehab",
|
||||
description:
|
||||
"Learn more about Rapha Rehab Physiotherapy and Rehabilitation Clinic in Etobicoke. Discover our mission, vision, values, and experienced physiotherapy team.",
|
||||
};
|
||||
|
||||
export default function Gallery() {
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Locations" bannerImage="/assets/images/location/location-banner.webp">
|
||||
|
||||
@ -1,41 +0,0 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import About from "@/components/sections/onepage/About"
|
||||
import Banner from "@/components/sections/onepage/Banner"
|
||||
|
||||
import Funfacts from "@/components/sections/onepage/Funfacts"
|
||||
import News from "@/components/sections/onepage/News"
|
||||
|
||||
import Service from "@/components/sections/onepage/Services"
|
||||
import Testimonial from "@/components/sections/onepage/Testimonial"
|
||||
import WhyChooseUs from "@/components/sections/onepage/WhyChooseUs"
|
||||
|
||||
import Feature from "@/components/sections/onepage/Features"
|
||||
import Team from "@/components/sections/onepage/Team"
|
||||
import Video from "@/components/sections/onepage/Video"
|
||||
import Process from "@/components/sections/onepage/Process"
|
||||
import Pricing from "@/components/sections/onepage/Pricing"
|
||||
import Subscribe from "@/components/sections/onepage/Subscribe"
|
||||
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={4} footerStyle={1}>
|
||||
<Banner />
|
||||
<Feature />
|
||||
<About />
|
||||
<Service />
|
||||
<WhyChooseUs />
|
||||
<Funfacts />
|
||||
<Team />
|
||||
<Video />
|
||||
<Process />
|
||||
<Testimonial />
|
||||
<Pricing />
|
||||
<News />
|
||||
<Subscribe />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
53
app/our-team-physiotherapy-etobicoke/TeamClient.js
Normal file
53
app/our-team-physiotherapy-etobicoke/TeamClient.js
Normal file
@ -0,0 +1,53 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { teamMembers } from "@/utils/constant.utils";
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Our Team" bannerImage="/assets/images/our-team/our-team-banner.webp">
|
||||
<section className="team-section pt_90 pb_90 centred">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Meet the Team</span>
|
||||
<h2>Meet Our Experienced Therapists <br />for Exceptional Care</h2>
|
||||
</div>
|
||||
<div className="row clearfix justify-content-center">
|
||||
{teamMembers.map((member, index) => (
|
||||
<div key={member.id} className="col-lg-4 col-md-6 col-sm-12 team-block">
|
||||
<div
|
||||
className="team-block-two wow fadeInUp animated"
|
||||
data-wow-delay={`${index * 200}ms`}
|
||||
data-wow-duration="1500ms"
|
||||
>
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image">
|
||||
<img src={member.image} alt={member.name} />
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>
|
||||
<Link href={`/our-team-physiotherapy-etobicoke/${member.slug}`}>{member.name}</Link>
|
||||
</h3>
|
||||
<span className="designation">{member.designation}</span>
|
||||
<ul className="social-links clearfix">
|
||||
{member.socials.map((social, idx) => (
|
||||
<li key={idx}>
|
||||
<Link href={social.link}><i className={social.icon}></i></Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@ -1,6 +1,5 @@
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { notFound } from "next/navigation";
|
||||
import { teamMembers } from "@/utils/constant.utils";
|
||||
|
||||
const ProgressBar = ({ label, percent }) => (
|
||||
@ -13,13 +12,28 @@ const ProgressBar = ({ label, percent }) => (
|
||||
</div>
|
||||
);
|
||||
|
||||
|
||||
export async function generateStaticParams() {
|
||||
return teamMembers.map((member) => ({
|
||||
slug: member.slug,
|
||||
}));
|
||||
}
|
||||
|
||||
export async function generateMetadata({ params }) {
|
||||
const member = teamMembers.find((item) => item.slug === params.slug);
|
||||
|
||||
if (!member) {
|
||||
return {
|
||||
title: "Team Member Not Found – Rapha Rehab Clinic",
|
||||
description: "Team member not found at Rapha Rehab Clinic.",
|
||||
};
|
||||
}
|
||||
|
||||
return {
|
||||
title: `${member.name} – Rapha Rehab Clinic`,
|
||||
description: member.description || `Learn more about ${member.name}, their experience, expertise, and services at Rapha Rehab Clinic in Etobicoke and Scarborough.`,
|
||||
};
|
||||
}
|
||||
|
||||
export default function TeamDetails({ params }) {
|
||||
const member = teamMembers.find((item) => item.slug === params.slug);
|
||||
|
||||
@ -39,7 +53,7 @@ export default function TeamDetails({ params }) {
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle={member.name}
|
||||
bannerImage={member.bannerImage}
|
||||
bannerImage={member.bannerImage}
|
||||
>
|
||||
<section className="team-details sec-pad-2">
|
||||
<div className="auto-container">
|
||||
@ -80,7 +94,6 @@ export default function TeamDetails({ params }) {
|
||||
<p>{member.about2}</p>
|
||||
</div>
|
||||
|
||||
{/* Expertise & Skills */}
|
||||
<div className="two-column">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 skills-column">
|
||||
@ -96,40 +109,9 @@ export default function TeamDetails({ params }) {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Appointment Form */}
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 appointment-column">
|
||||
<div className="appointment-inner">
|
||||
<h2>Book An Appointment</h2>
|
||||
<form method="post" action="#" className="default-form">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="fname" placeholder="First Name" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="phone" placeholder="Phone Number" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="email" name="email" placeholder="Email" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="subject" placeholder="Subject" required />
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<textarea name="message" placeholder="Message"></textarea>
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
|
||||
<button type="submit" className="theme-btn btn-one">
|
||||
<span>Send Message</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
|
||||
@ -1,53 +1,16 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { teamMembers } from "@/utils/constant.utils";
|
||||
import TeamClient from "../our-team-physiotherapy-etobicoke/TeamClient";
|
||||
|
||||
export default function Home() {
|
||||
export const metadata = {
|
||||
title: "Meet Our Professional Team – Rapharehab Experts",
|
||||
description:
|
||||
"Get to know the trusted team behind Rapharehab. Our dedicated experts provide compassionate care and specialized therapies.",
|
||||
};
|
||||
|
||||
export default function OurTeamPage() {
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Our Team" bannerImage="/assets/images/our-team/our-team-banner.webp">
|
||||
<section className="team-section pt_90 pb_90 centred">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Meet the Team</span>
|
||||
<h2>Meet Our Experienced Therapists <br />for Exceptional Care</h2>
|
||||
</div>
|
||||
<div className="row clearfix justify-content-center">
|
||||
{teamMembers.map((member, index) => (
|
||||
<div key={member.id} className="col-lg-4 col-md-6 col-sm-12 team-block">
|
||||
<div
|
||||
className="team-block-two wow fadeInUp animated"
|
||||
data-wow-delay={`${index * 200}ms`}
|
||||
data-wow-duration="1500ms"
|
||||
>
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image">
|
||||
<img src={member.image} alt={member.name} />
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>
|
||||
<Link href={`/our-team-physiotherapy-etobicoke/${member.slug}`}>{member.name}</Link>
|
||||
</h3>
|
||||
<span className="designation">{member.designation}</span>
|
||||
<ul className="social-links clearfix">
|
||||
{member.socials.map((social, idx) => (
|
||||
<li key={idx}>
|
||||
<Link href={social.link}><i className={social.icon}></i></Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
</>
|
||||
<>
|
||||
<TeamClient />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,6 +1,11 @@
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
|
||||
export const metadata = {
|
||||
title: "Our Healing Approach – Rapharehab’s Proven Methods",
|
||||
description: "Discover Rapharehab’s personalized approach to wellness. We combine evidence-based methods and holistic care to ensure lasting health results.",
|
||||
};
|
||||
|
||||
|
||||
export default function About() {
|
||||
return (
|
||||
@ -22,7 +27,7 @@ export default function About() {
|
||||
<div className="image-shape">
|
||||
<div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.webp)' }}></div>
|
||||
<div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div>
|
||||
<div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
|
||||
{/* <div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div> */}
|
||||
<div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div>
|
||||
<div className="shape-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.webp)' }}></div>
|
||||
</div>
|
||||
|
||||
21
app/page.js
21
app/page.js
@ -3,22 +3,22 @@ import Banner from "@/components/sections/home2/Banner"
|
||||
import Features from "@/components/sections/home2/Features"
|
||||
import Testimonial from "@/components/sections/home1/Testimonial"
|
||||
import Video from "@/components/sections/home1/Video"
|
||||
import Subscribe from "@/components/sections/home2/Subscribe"
|
||||
import Solution from "@/components/sections/home2/Solution"
|
||||
import AboutSection from "@/components/sections/home/AboutSection"
|
||||
import ServicesSection from "@/components/sections/home/ServicesSection"
|
||||
import WhyChooseUsSection from "@/components/sections/home/WhyChooseusSection"
|
||||
import CounterSection from "@/components/sections/home/CounterSection"
|
||||
import ProcessSection from "@/components/sections/home/ProcessSection"
|
||||
import FaqSection from "@/components/sections/home/FaqSection"
|
||||
import TeamTwo from "@/components/sections/home1/Team"
|
||||
import AreaOfInjury from "@/components/sections/home/AreaOfInjury"
|
||||
import News from "@/components/sections/home1/News"
|
||||
import Funfacts from "@/components/sections/home1/Funfacts"
|
||||
import MobileServices from "@/components/sections/home/MobileServicesSection"
|
||||
import MobileFeatureCard from "@/components/sections/home/MobileFeatureCard"
|
||||
import MobileBanner from "@/components/sections/home2/MobileBanner"
|
||||
|
||||
export const metadata = {
|
||||
title: "Best Pain Relief & Physiotherapy – Rapharehab Clinic",
|
||||
description: "Rapharehab offers trusted physiotherapy and pain relief treatments with professional care tailored to restore your health and mobility.",
|
||||
};
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
@ -27,19 +27,13 @@ export default function Home() {
|
||||
<div className="d-none d-md-block">
|
||||
<Banner />
|
||||
</div>
|
||||
|
||||
<div className="d-block d-md-none">
|
||||
<MobileBanner />
|
||||
</div>
|
||||
{/* <Features /> */}
|
||||
<AboutSection />
|
||||
{/* <ProcessSection /> */}
|
||||
{/* Desktop View */}
|
||||
<div className="d-none d-md-block">
|
||||
<ServicesSection />
|
||||
</div>
|
||||
|
||||
{/* Mobile View */}
|
||||
<div className="d-block d-md-none">
|
||||
<MobileServices />
|
||||
</div>
|
||||
@ -49,14 +43,9 @@ export default function Home() {
|
||||
<AreaOfInjury />
|
||||
<WhyChooseUsSection />
|
||||
<CounterSection />
|
||||
{/* <Funfacts /> */}
|
||||
|
||||
<Solution />
|
||||
<Testimonial />
|
||||
<Video />
|
||||
{/* <Testimonial /> */}
|
||||
<News />
|
||||
{/* <Subscribe /> */}
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
|
||||
@ -1,6 +1,12 @@
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
|
||||
export const metadata = {
|
||||
title: "Payment & Insurance at Physiotherapy Etobicoke - Rapharehab Physiotherapy clinic Etobicoke",
|
||||
description:
|
||||
"Explore flexible payment options and insurance coverage at Rapharehab Physiotherapy clinic and rehabilitation etobicoke. We accept a variety of insurance plans and offer convenient payment solutions to ensure you get the care you need without financial stress. Book your appointment today!",
|
||||
};
|
||||
|
||||
|
||||
export default function About() {
|
||||
return (
|
||||
|
||||
@ -1,149 +0,0 @@
|
||||
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { useState } from 'react'
|
||||
import Link from 'next/link';
|
||||
export default function WhyChooseUs() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Pricing Table">
|
||||
|
||||
{/* gallery */}
|
||||
<section className="pricing-section sec-pad">
|
||||
<div className="auto-container">
|
||||
<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-header">
|
||||
<h5>Standard Consultation</h5>
|
||||
<h2>$49.99</h2>
|
||||
<span>Monthly</span>
|
||||
</div>
|
||||
<div className="table-content">
|
||||
<ul className="feature-list clearfix">
|
||||
<li>Virtual visit</li>
|
||||
<li>Up to 30 minutes</li>
|
||||
<li>Securely conducted online</li>
|
||||
<li>Discuss and receive guidance</li>
|
||||
<li>Rate varies on specific needs</li>
|
||||
<li>Healthcare provider Consult</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="table-footer">
|
||||
<Link href="/" className="theme-btn btn-three"><span>Choose Plan <i className="icon-25"></i></span></Link>
|
||||
</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-header">
|
||||
<h5>Annual Physical</h5>
|
||||
<h2>$149.99</h2>
|
||||
<span>Monthly</span>
|
||||
</div>
|
||||
<div className="table-content">
|
||||
<ul className="feature-list clearfix">
|
||||
<li>In-person examination</li>
|
||||
<li>Up to 60 minutes</li>
|
||||
<li>Various tests and assessments</li>
|
||||
<li>In-person service</li>
|
||||
<li>Rate varies on specific needs</li>
|
||||
<li>Healthcare provider Consult</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="table-footer">
|
||||
<Link href="/" className="theme-btn btn-three"><span>Choose Plan <i className="icon-25"></i></span></Link>
|
||||
</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-header">
|
||||
<h5>Extended Consultation</h5>
|
||||
<h2>$99.99</h2>
|
||||
<span>Monthly</span>
|
||||
</div>
|
||||
<div className="table-content">
|
||||
<ul className="feature-list clearfix">
|
||||
<li>Virtual visit</li>
|
||||
<li>Up to 60 minutes</li>
|
||||
<li>Discuss more details</li>
|
||||
<li>Receive in-depth guidance</li>
|
||||
<li>Rate varies on specific needs</li>
|
||||
<li>Healthcare provider Consult</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="table-footer">
|
||||
<Link href="/" className="theme-btn btn-three"><span>Choose Plan <i className="icon-25"></i></span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* gallery end */}
|
||||
|
||||
{/* subscibe */}
|
||||
<section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe end */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -10,6 +10,17 @@ export async function generateStaticParams() {
|
||||
}));
|
||||
}
|
||||
|
||||
export async function generateMetadata({ params }) {
|
||||
const service = Rehabilitation.find((item) => item.slug === params.slug);
|
||||
|
||||
if (!service) return { title: "Rehabilitation | MySite", description: "Explore our rehabilitation services" };
|
||||
|
||||
return {
|
||||
title: service.metaTitle || service.title,
|
||||
description: service.metaDescription || service.shortDesc,
|
||||
};
|
||||
}
|
||||
|
||||
export default function RehabilitationDetailsPage({ params }) {
|
||||
const service = Rehabilitation.find((item) => item.slug === params.slug);
|
||||
|
||||
|
||||
@ -1,8 +1,13 @@
|
||||
'use client';
|
||||
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import Rehabilitation from "@/utils/Rehabilitation.utils";
|
||||
|
||||
export const metadata = {
|
||||
title: "Comprehensive Rehabilitation – Rapharehab Professionals",
|
||||
description: "Rapharehab offers expert rehabilitation services tailored to your recovery needs. Regain strength, mobility, and independence with trusted.",
|
||||
};
|
||||
|
||||
export default function RehabilitationPage() {
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Rehabilitation" bannerImage="/assets/images/rehabilitation/rehabilation-banner.webp">
|
||||
|
||||
@ -1,131 +0,0 @@
|
||||
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
export default function service() {
|
||||
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="Service Details">
|
||||
<div>
|
||||
{/* service-section */}
|
||||
<section className="service-details pt_90 .pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="default-sidebar service-sidebar mr_15">
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Categories</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="service-details">Cardiology</Link></li>
|
||||
<li><Link href="service-details-2" className="current">Dental Clinic</Link></li>
|
||||
<li><Link href="service-details-3">Neurosurgery</Link></li>
|
||||
<li><Link href="service-details-4">Medical</Link></li>
|
||||
<li><Link href="service-details-5">Pediatrics</Link></li>
|
||||
<li><Link href="service-details-6">Modern Laboratory</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/service/service-5.jpg" alt="" /></figure>
|
||||
<div className="icon-box"><i className="icon-32"></i></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>Dental Clinic</h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="service-details-content">
|
||||
<div className="content-one mb_60">
|
||||
<figure className="image-box mb_40"><img src="assets/images/service/service-10.jpg" alt="" /></figure>
|
||||
<div className="text-box">
|
||||
<h2>Dental Clinic</h2>
|
||||
<p>Quam arcu pretium quis quam sed, laorey afficits volutpat lobortis sem consq consequat lore dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut laboret dol aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exac consequat. Duis aute irure dolor in reprehenderit in voluptate.</p>
|
||||
<p>Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proide in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis isten sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-two">
|
||||
<div className="image-inner">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-8.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-9.jpg" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-box">
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor mque lauda totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vite sunt explicabo. Nemo ipsam voluptatem quia voluptas sit aspernatur.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullam nmco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehender it in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,130 +0,0 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
export default function service() {
|
||||
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="Service-Details">
|
||||
<div>
|
||||
{/* service-section */}
|
||||
<section className="service-details pt_90 .pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="default-sidebar service-sidebar mr_15">
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Categories</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="service-details">Cardiology</Link></li>
|
||||
<li><Link href="service-details-2">Dental Clinic</Link></li>
|
||||
<li><Link href="service-details-3" className="current">Neurosurgery</Link></li>
|
||||
<li><Link href="service-details-4">Medical</Link></li>
|
||||
<li><Link href="service-details-5">Pediatrics</Link></li>
|
||||
<li><Link href="service-details-6">Modern Laboratory</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-block-one">
|
||||
<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>Neurosurgery</h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="service-details-content">
|
||||
<div className="content-one mb_60">
|
||||
<figure className="image-box mb_40"><img src="assets/images/service/service-11.jpg" alt="" /></figure>
|
||||
<div className="text-box">
|
||||
<h2>Neurosurgery</h2>
|
||||
<p>Quam arcu pretium quis quam sed, laorey afficits volutpat lobortis sem consq consequat lore dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut laboret dol aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exac consequat. Duis aute irure dolor in reprehenderit in voluptate.</p>
|
||||
<p>Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proide in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis isten sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-two">
|
||||
<div className="image-inner">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-8.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-9.jpg" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-box">
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor mque lauda totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vite sunt explicabo. Nemo ipsam voluptatem quia voluptas sit aspernatur.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullam nmco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehender it in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,130 +0,0 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
export default function service() {
|
||||
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="Service-Details">
|
||||
<div>
|
||||
{/* service-section */}
|
||||
<section className="service-details pt_90 .pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="default-sidebar service-sidebar mr_15">
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Categories</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="service-details">Cardiology</Link></li>
|
||||
<li><Link href="service-details-2">Dental Clinic</Link></li>
|
||||
<li><Link href="service-details-3">Neurosurgery</Link></li>
|
||||
<li><Link href="service-details-4" className="current">Medical</Link></li>
|
||||
<li><Link href="service-details-5">Pediatrics</Link></li>
|
||||
<li><Link href="service-details-6">Modern Laboratory</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/service/service-6.jpg" alt="" /></figure>
|
||||
<div className="icon-box"><i className="icon-31"></i></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>Medical</h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="service-details-content">
|
||||
<div className="content-one mb_60">
|
||||
<figure className="image-box mb_40"><img src="assets/images/service/service-12.jpg" alt="" /></figure>
|
||||
<div className="text-box">
|
||||
<h2>Medical</h2>
|
||||
<p>Quam arcu pretium quis quam sed, laorey afficits volutpat lobortis sem consq consequat lore dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut laboret dol aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exac consequat. Duis aute irure dolor in reprehenderit in voluptate.</p>
|
||||
<p>Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proide in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis isten sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-two">
|
||||
<div className="image-inner">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-8.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-9.jpg" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-box">
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor mque lauda totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vite sunt explicabo. Nemo ipsam voluptatem quia voluptas sit aspernatur.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullam nmco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehender it in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,130 +0,0 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
export default function service() {
|
||||
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="Service-Getails">
|
||||
<div>
|
||||
{/* service-section */}
|
||||
<section className="service-details pt_90 .pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="default-sidebar service-sidebar mr_15">
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Categories</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="service-details">Cardiology</Link></li>
|
||||
<li><Link href="service-details-2">Dental Clinic</Link></li>
|
||||
<li><Link href="service-details-3">Neurosurgery</Link></li>
|
||||
<li><Link href="service-details-4">Medical</Link></li>
|
||||
<li><Link href="service-details-5" className="current">Pediatrics</Link></li>
|
||||
<li><Link href="service-details-6">Modern Laboratory</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/service/service-6.jpg" alt="" /></figure>
|
||||
<div className="icon-box"><i className="icon-31"></i></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>Pediatrics</h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="service-details-content">
|
||||
<div className="content-one mb_60">
|
||||
<figure className="image-box mb_40"><img src="assets/images/service/service-13.jpg" alt="" /></figure>
|
||||
<div className="text-box">
|
||||
<h2>Pediatrics</h2>
|
||||
<p>Quam arcu pretium quis quam sed, laorey afficits volutpat lobortis sem consq consequat lore dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut laboret dol aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exac consequat. Duis aute irure dolor in reprehenderit in voluptate.</p>
|
||||
<p>Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proide in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis isten sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-two">
|
||||
<div className="image-inner">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-8.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-9.jpg" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-box">
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor mque lauda totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vite sunt explicabo. Nemo ipsam voluptatem quia voluptas sit aspernatur.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullam nmco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehender it in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,130 +0,0 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
export default function service() {
|
||||
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="Service-Details">
|
||||
<div>
|
||||
{/* service-section */}
|
||||
<section className="service-details pt_90 .pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="default-sidebar service-sidebar mr_15">
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Categories</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="service-details">Cardiology</Link></li>
|
||||
<li><Link href="service-details-2">Dental Clinic</Link></li>
|
||||
<li><Link href="service-details-3">Neurosurgery</Link></li>
|
||||
<li><Link href="service-details-4">Medical</Link></li>
|
||||
<li><Link href="service-details-5">Pediatrics</Link></li>
|
||||
<li><Link href="service-details-6" className="current">Modern Laboratory</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-block-one">
|
||||
<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>Modern Laboratory</h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="service-details-content">
|
||||
<div className="content-one mb_60">
|
||||
<figure className="image-box mb_40"><img src="assets/images/service/service-14.jpg" alt="" /></figure>
|
||||
<div className="text-box">
|
||||
<h2>Modern Laboratory</h2>
|
||||
<p>Quam arcu pretium quis quam sed, laorey afficits volutpat lobortis sem consq consequat lore dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut laboret dol aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exac consequat. Duis aute irure dolor in reprehenderit in voluptate.</p>
|
||||
<p>Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proide in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis isten sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-two">
|
||||
<div className="image-inner">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-8.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-9.jpg" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-box">
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor mque lauda totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vite sunt explicabo. Nemo ipsam voluptatem quia voluptas sit aspernatur.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullam nmco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehender it in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,99 +0,0 @@
|
||||
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
export default function service() {
|
||||
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="Service Details">
|
||||
<div>
|
||||
{/* service-section */}
|
||||
<section className="service-details pt_90 .pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="default-sidebar service-sidebar mr_15">
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Categories</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
<li><Link href="service-details" className="current">Cardiology</Link></li>
|
||||
<li><Link href="service-details-2">Dental Clinic</Link></li>
|
||||
<li><Link href="service-details-3">Neurosurgery</Link></li>
|
||||
<li><Link href="service-details-4">Medical</Link></li>
|
||||
<li><Link href="service-details-5">Pediatrics</Link></li>
|
||||
<li><Link href="service-details-6">Modern Laboratory</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/service/service-4.jpg" alt="" /></figure>
|
||||
<div className="icon-box"><i className="icon-30"></i></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>Cardiology</h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-side">
|
||||
<div className="service-details-content">
|
||||
<div className="content-one mb_60">
|
||||
<figure className="image-box mb_40"><img src="assets/images/service/service-7.jpg" alt="" /></figure>
|
||||
<div className="text-box">
|
||||
<h2>Cardiology</h2>
|
||||
<p>Quam arcu pretium quis quam sed, laorey afficits volutpat lobortis sem consq consequat lore dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut laboret dol aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exac consequat. Duis aute irure dolor in reprehenderit in voluptate.</p>
|
||||
<p>Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proide in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis isten sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-two">
|
||||
<div className="image-inner">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-8.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 image-column">
|
||||
<figure className="image-box mb_30"><img src="assets/images/service/service-9.jpg" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-box">
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor mque lauda totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vite sunt explicabo. Nemo ipsam voluptatem quia voluptas sit aspernatur.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullam nmco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehender it in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,170 +0,0 @@
|
||||
'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="Our Services">
|
||||
<div>
|
||||
{/* service-style-two */}
|
||||
<section className="service-section sec-pad-2">
|
||||
<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"><Link href="service-details"><img src="assets/images/service/service-4.jpg" alt="" /></Link></figure>
|
||||
<div className="icon-box"><i className="icon-30"></i></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="service-details">Cardiology</Link></h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other service items */}
|
||||
<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"><Link href="service-details-6"><img src="assets/images/service/service-2.jpg" alt="" /></Link></figure>
|
||||
<div className="icon-box"><i className="icon-16"></i></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="service-details-6">Modern Laboratory</Link></h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other service items */}
|
||||
<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"><Link href="service-details-2"><img src="assets/images/service/service-5.jpg" alt="" /></Link></figure>
|
||||
<div className="icon-box"><i className="icon-32"></i></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="service-details-2">Dental Clinic</Link></h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other service items */}
|
||||
<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"><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>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="service-details-3">Neurosurgery</Link></h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other service items */}
|
||||
<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"><Link href="service-details-5"><img src="assets/images/service/service-6.jpg" alt="" /></Link></figure>
|
||||
<div className="icon-box"><i className="icon-31"></i></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="service-details-5">Pediatrics</Link></h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other service items */}
|
||||
<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"><Link href="service-details-4"><img src="assets/images/service/service-3.jpg" alt="" /></Link></figure>
|
||||
<div className="icon-box"><i className="icon-17"></i></div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="service-details-4">Experienced Doctors</Link></h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Repeat the above block for other service items */}
|
||||
</div>
|
||||
<div className="pagination-wrapper mt_20 centred">
|
||||
<ul className="pagination clearfix">
|
||||
<li><Link href="service" className="current">1</Link></li>
|
||||
<li><Link href="service">2</Link></li>
|
||||
<li><Link href="service">3</Link></li>
|
||||
<li><Link href="service"><i className="icon-36"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* service-style-two 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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
565
app/shortcodes/ShortcodesClient.js
Normal file
565
app/shortcodes/ShortcodesClient.js
Normal file
@ -0,0 +1,565 @@
|
||||
'use client'
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { motion } from "framer-motion"
|
||||
import TestimonialSlider1 from "@/components/slider/ShortcodeTestimonial"
|
||||
import PortfolioFilter1 from "@/components/elements/Shortcodes"
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<Layout
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle="Shortcodes"
|
||||
bannerImage="/assets/images/shortcodes/shortcodes-banner.webp"
|
||||
>
|
||||
<section className="pricing-section sec-pad">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Shortcodes</span>
|
||||
<h2>Icon list content</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
|
||||
<div className="pricing-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="pricing-table">
|
||||
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
|
||||
<div className="table-content">
|
||||
<ul className="feature-list clearfix">
|
||||
<li>On call 24/7 for client needs</li>
|
||||
<li>Flexible and fast scheduling</li>
|
||||
<li>Discuss and receive guidance</li>
|
||||
<li>Thorough care management and family support</li>
|
||||
<li>Double the care team staff of other agencies</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
|
||||
<div className="pricing-block-one active-block wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="pricing-table">
|
||||
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
|
||||
<div className="table-content">
|
||||
<ul className="feature-list clearfix">
|
||||
<li>Assisting with walking and transferring from bed to wheelchair</li>
|
||||
<li>Bathing, dressing and grooming assistance</li>
|
||||
<li>Medication reminders</li>
|
||||
<li>Safety and fall prevention</li>
|
||||
<li>Toileting and incontinence care</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
|
||||
<div className="pricing-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="pricing-table">
|
||||
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
|
||||
<div className="table-content">
|
||||
<ul className="feature-list clearfix">
|
||||
<li>Light housekeeping</li>
|
||||
<li>Meal preparation and nutrition</li>
|
||||
<li>Grocery shopping and errands</li>
|
||||
<li>Transportation to social and recreational activities</li>
|
||||
<li>Assistance with light exercise and outdoor activity</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="solutions-section pt-0">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="progress-inner mb_50">
|
||||
<ul className="list-style-one clearfix mt-4">
|
||||
<li>On call 24/7 for client needs</li>
|
||||
<li>Flexible and fast scheduling</li>
|
||||
<li>Regular quality assurance</li>
|
||||
<li>Thorough care management and family support</li>
|
||||
<li>Double the care team staff of other agencies</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="progress-inner mb_50">
|
||||
<ul className="list-style-one clearfix mt-4">
|
||||
<li>Medication reminders</li>
|
||||
<li>Safety and fall prevention</li>
|
||||
<li>Toileting and incontinence care</li>
|
||||
<li>Bathing, dressing and grooming assistance</li>
|
||||
<li>Assisting with walking and transferring from bed to wheelchair</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="progress-inner mb_50">
|
||||
<ul className="list-style-one clearfix mt-4">
|
||||
<li>Light housekeeping</li>
|
||||
<li>Meal preparation and nutrition</li>
|
||||
<li>Grocery shopping and errands</li>
|
||||
<li>Transportation to social and recreational activities</li>
|
||||
<li>Assistance with light exercise and outdoor activity</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="feature-section pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/daily-care.webp" alt="Daily Care Experts" /></div>
|
||||
<h3><Link href="/">Daily Care Experts</Link></h3>
|
||||
<p>We specialize in around the clock care to help seniors live well at home.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/balanced-care.webp" alt="Balanced Care" /></div>
|
||||
<h3><Link href="/">Balanced Care</Link></h3>
|
||||
<p>Our unique approach to care promotes healthy mind, body and spirit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/peace.webp" alt="Peace of Mind" /></div>
|
||||
<h3><Link href="/">Peace of Mind</Link></h3>
|
||||
<p>Independent industry surveys place our client satisfaction rate at 97%.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/24-7.webp" alt="Available 24/7" /></div>
|
||||
<h3><Link href="/">Available 24/7</Link></h3>
|
||||
<p>We are available 24 hours a day to provide your loved one with a caregiver.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/high.webp" alt="High Caliber Caregivers" /></div>
|
||||
<h3><Link href="/">High Caliber Caregivers</Link></h3>
|
||||
<p>We typically hire only 1 in 25 applicants and provide ongoing training.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/trusted.webp" alt="A Trusted Partner" /></div>
|
||||
<h3><Link href="/">A Trusted Partner</Link></h3>
|
||||
<p>Nano Home Care is the trusted referral choice for elder care professionals.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="chooseus-style-two bg-color-1 pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="content-box">
|
||||
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-end text-lg-left"
|
||||
initial={{ opacity: 0, x: 100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box w-100 pb-0">
|
||||
<div className="icon-box mb-3 mb-lg-0">
|
||||
<img src="/assets/images/shortcodes/icons/talk.webp" alt="Talk to one of our homecare experts, who understands your situation" />
|
||||
</div>
|
||||
<h3 className="h3-white">Talk to one of our homecare experts, who understands your situation</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
You want to know your care provider understands what you’re going through and has the experience and
|
||||
expertise to address your needs. With NanoCare, you are not alone. We know how to help you because we
|
||||
have learned through personal experience as well as caring for hundreds of families and clients who face
|
||||
similar challenges in the US.
|
||||
</p>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block mt-4">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-start text-lg-left"
|
||||
initial={{ opacity: 0, x: -100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0">
|
||||
<div className="icon-box ml-lg-3 mb-3 mb-lg-0">
|
||||
<img src="/assets/images/shortcodes/icons/arrange.webp" alt="Arrange for a Free In-Home Assessment and receive a personalized care proposal that fits your needs" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="h3-white">Arrange for a Free In-Home Assessment and receive a personalized care proposal that fits your needs</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
Every care situation has differences and nuances; therefore, a free in-home assessment is required to
|
||||
prepare a thorough care plan just for your needs that you can review, revise, and approve. This personalized
|
||||
care plan will identify the best ways our caregiver can serve you.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row clearfix mt-4">
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-end text-lg-left"
|
||||
initial={{ opacity: 0, x: 100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box w-100 pb-0">
|
||||
<div className="icon-box mb-3 mb-lg-0">
|
||||
<img src="/assets/images/shortcodes/icons/review.webp" alt="Review Our Care Proposal & Revise as You See Fit" />
|
||||
</div>
|
||||
<h3 className="h3-white">Review Our Care Proposal & Revise as You See Fit</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
Once you have reviewed and approved the care plan, at NanoCare we guarantee caregiver compatibility.
|
||||
We strive to make a successful match at the first shift. We follow up after the first shift so that you can
|
||||
tell us whether we have the right match. In the unusual case where we miss, we use the feedback to
|
||||
select the right one for subsequent visits.
|
||||
</p>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block mt-4">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-start text-lg-left"
|
||||
initial={{ opacity: 0, x: -100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0">
|
||||
<div className="icon-box ml-lg-3 mb-3 mb-lg-0">
|
||||
<img src="/assets/images/shortcodes/icons/schedule.webp" alt="Schedule for Care to Start" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="h3-white">Schedule for Care to Start</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
NanoCare provides a secure, confidential, and easy-to-use Web application called <strong>Family Room</strong>
|
||||
that you can access using a mobile device or on a desktop computer. You can see the schedule, who the
|
||||
caregivers are, tasks planned, completed, and, if incomplete, the reason for it, and any care notes and concerns.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="process-section pt_90 pb_90">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div>
|
||||
{/* <div className="shape">
|
||||
<div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-20.png)' }}></div>
|
||||
<div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
|
||||
<div className="shape-3"></div>
|
||||
</div> */}
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.webp)' }}></div>
|
||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">01</span>
|
||||
<figure className="image-box"><img src="/assets/images/shortcodes/step/step-1.webp" alt="call and speak" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Step 1</h3>
|
||||
<p>Call and speak to one of our friendly team who will discuss the setup process and outline our packages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">02</span>
|
||||
<figure className="image-box"><img src="/assets/images/shortcodes/step/step-2.webp" alt="Request a home visit" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Step 2</h3>
|
||||
<p>Request a home visit where we will provide you with a free, no obligation assessment.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">03</span>
|
||||
<figure className="image-box"><img src="/assets/images/shortcodes/step/step-3.webp" alt="care package " /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Step 3</h3>
|
||||
<p>Once agreed, we will setup your care package and introduce you to your Care Worker.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="testimonial-style-two p_relative bg-color-1">
|
||||
{/* <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div> */}
|
||||
<div className="auto-container">
|
||||
<div className="row align-items-center flex-row-reverse">
|
||||
{/* RIGHT IMAGE / LEFT CONTENT */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
|
||||
<div className="image_block_two pl_30">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/shortcodes/back.webp" alt="Why choose nanocare" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/shortcodes/front.webp" alt="Why choose nanocare" /></figure>
|
||||
{/* <div className="icon-box"><img src="/assets/images/about-us/section3/icon.webp" alt="" /></div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column mb-5">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box">
|
||||
<div className="sec-title-1 mb_15">
|
||||
<h2>Why Choose Us</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p className="tex-color-1">NanoCare is committed to being your shoulder to lean on and providing honest advice for your loved one’s situation during this delicate time. No one should feel alone when looking for senior home care solutions. </p>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/contact" className="theme-btn btn-one-new"><span>Book Appointment</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="service-section pt_90 pb_90" id="service">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/shortcodes/hourly-home-care.webp" alt="Hourly home care" /></figure>
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Hourly home care</h3>
|
||||
<p>Hourly home care allows clients to use our caregivers on an hourly or as-needed basis.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/shortcodes/daily-home-care.webp" alt="Daily home care" /></figure>
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Daily home care</h3>
|
||||
<p> Daily Care provides older adults with 24/7, around-the-clock care. Clients and their families enjoy peace of mind with reliable.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/shortcodes/hospital-to-home-care.webp" alt="Hospital to home care" /></figure>
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Hospital to home care</h3>
|
||||
<p>One of the leading causes of hospital readmission or slow post-hospitalization recovery is the lack of proper support following a hospital discharge.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="testimonial-section pt_90 pb_90 bg-color-1" id="testimonial">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/shortcodes/testimonials-carousel.webp)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-21.webp)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-xl-6 col-lg-12 col-md-12 offset-xl-6 content-column">
|
||||
<div className="content-box p_relative ml_45">
|
||||
<div className="sec-title-1 mb_50">
|
||||
<h2>Testimonials carousel</h2>
|
||||
</div>
|
||||
<div className="content-box">
|
||||
{/*Theme Carousel*/}
|
||||
<TestimonialSlider1 />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="funfact-section centred">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={2000} /><span>+</span>
|
||||
</div>
|
||||
<span className="text-new">Home health care professionals</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={300} /><span>+</span>
|
||||
</div>
|
||||
<span className="text-new">Office <br /> locations</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={68} /><span></span>
|
||||
</div>
|
||||
<span className="text-new">States served by nanocare</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={97} /><span>%</span>
|
||||
</div>
|
||||
<span className="text-new">Our client satisfaction rate</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="service-section sec-pad " id="service">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<h2>Team Member</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/1.webp" alt="Keira Knightley" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Keira Knightley</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>Keira Knightley has thirty-six years of nursing experience across a range of services, including hospital, community, nursing and care homes.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/2.webp" alt="Katherine waterston" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Katherine waterston</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>At Nano Care, Katherine ensures that the each and every client of Nano Care is looked after according to the company’s core mission, values and vision.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/3.webp" alt="Anna faris" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Anna faris</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>Anna ensures that all the staff and support workers at Nano Care adhere to the company’s ethos of providing the highest care standards in every service we offer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="gallery-section pt_90 pb_90 bg-color-2">
|
||||
<div className="outer-container">
|
||||
<div className="sec-title-1 centred mb_30">
|
||||
<h2>Tabbed & vertical tabbed content</h2>
|
||||
</div>
|
||||
{/*Sortable Galery*/}
|
||||
<div className="sortable-masonry">
|
||||
{/*Filter*/}
|
||||
<PortfolioFilter1 />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
)
|
||||
}
|
||||
@ -1,565 +1,17 @@
|
||||
'use client'
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { motion } from "framer-motion"
|
||||
import TestimonialSlider1 from "@/components/slider/ShortcodeTestimonial"
|
||||
import PortfolioFilter1 from "@/components/elements/Shortcodes"
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import ShortcodesClient from "../shortcodes/ShortcodesClient";
|
||||
|
||||
export default function Home() {
|
||||
export const metadata = {
|
||||
title: "Shortcodes - rapharehab",
|
||||
description:
|
||||
"Explore all available shortcodes for Rapha Rehab Clinic, including icon lists, care steps, team members, testimonials, and interactive content.",
|
||||
};
|
||||
|
||||
return (
|
||||
<Layout
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle="Shortcodes"
|
||||
bannerImage="/assets/images/shortcodes/shortcodes-banner.webp"
|
||||
>
|
||||
<section className="pricing-section sec-pad">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Shortcodes</span>
|
||||
<h2>Icon list content</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
|
||||
<div className="pricing-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="pricing-table">
|
||||
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
|
||||
<div className="table-content">
|
||||
<ul className="feature-list clearfix">
|
||||
<li>On call 24/7 for client needs</li>
|
||||
<li>Flexible and fast scheduling</li>
|
||||
<li>Discuss and receive guidance</li>
|
||||
<li>Thorough care management and family support</li>
|
||||
<li>Double the care team staff of other agencies</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
|
||||
<div className="pricing-block-one active-block wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="pricing-table">
|
||||
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
|
||||
<div className="table-content">
|
||||
<ul className="feature-list clearfix">
|
||||
<li>Assisting with walking and transferring from bed to wheelchair</li>
|
||||
<li>Bathing, dressing and grooming assistance</li>
|
||||
<li>Medication reminders</li>
|
||||
<li>Safety and fall prevention</li>
|
||||
<li>Toileting and incontinence care</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
|
||||
<div className="pricing-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="pricing-table">
|
||||
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
|
||||
<div className="table-content">
|
||||
<ul className="feature-list clearfix">
|
||||
<li>Light housekeeping</li>
|
||||
<li>Meal preparation and nutrition</li>
|
||||
<li>Grocery shopping and errands</li>
|
||||
<li>Transportation to social and recreational activities</li>
|
||||
<li>Assistance with light exercise and outdoor activity</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="solutions-section pt-0">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="progress-inner mb_50">
|
||||
<ul className="list-style-one clearfix mt-4">
|
||||
<li>On call 24/7 for client needs</li>
|
||||
<li>Flexible and fast scheduling</li>
|
||||
<li>Regular quality assurance</li>
|
||||
<li>Thorough care management and family support</li>
|
||||
<li>Double the care team staff of other agencies</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="progress-inner mb_50">
|
||||
<ul className="list-style-one clearfix mt-4">
|
||||
<li>Medication reminders</li>
|
||||
<li>Safety and fall prevention</li>
|
||||
<li>Toileting and incontinence care</li>
|
||||
<li>Bathing, dressing and grooming assistance</li>
|
||||
<li>Assisting with walking and transferring from bed to wheelchair</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="progress-inner mb_50">
|
||||
<ul className="list-style-one clearfix mt-4">
|
||||
<li>Light housekeeping</li>
|
||||
<li>Meal preparation and nutrition</li>
|
||||
<li>Grocery shopping and errands</li>
|
||||
<li>Transportation to social and recreational activities</li>
|
||||
<li>Assistance with light exercise and outdoor activity</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="feature-section pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/daily-care.webp" alt="Daily Care Experts" /></div>
|
||||
<h3><Link href="/">Daily Care Experts</Link></h3>
|
||||
<p>We specialize in around the clock care to help seniors live well at home.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/balanced-care.webp" alt="Balanced Care" /></div>
|
||||
<h3><Link href="/">Balanced Care</Link></h3>
|
||||
<p>Our unique approach to care promotes healthy mind, body and spirit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/peace.webp" alt="Peace of Mind" /></div>
|
||||
<h3><Link href="/">Peace of Mind</Link></h3>
|
||||
<p>Independent industry surveys place our client satisfaction rate at 97%.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/24-7.webp" alt="Available 24/7" /></div>
|
||||
<h3><Link href="/">Available 24/7</Link></h3>
|
||||
<p>We are available 24 hours a day to provide your loved one with a caregiver.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/high.webp" alt="High Caliber Caregivers" /></div>
|
||||
<h3><Link href="/">High Caliber Caregivers</Link></h3>
|
||||
<p>We typically hire only 1 in 25 applicants and provide ongoing training.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/trusted.webp" alt="A Trusted Partner" /></div>
|
||||
<h3><Link href="/">A Trusted Partner</Link></h3>
|
||||
<p>Nano Home Care is the trusted referral choice for elder care professionals.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="chooseus-style-two bg-color-1 pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="content-box">
|
||||
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-end text-lg-left"
|
||||
initial={{ opacity: 0, x: 100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box w-100 pb-0">
|
||||
<div className="icon-box mb-3 mb-lg-0">
|
||||
<img src="/assets/images/shortcodes/icons/talk.webp" alt="Talk to one of our homecare experts, who understands your situation" />
|
||||
</div>
|
||||
<h3 className="h3-white">Talk to one of our homecare experts, who understands your situation</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
You want to know your care provider understands what you’re going through and has the experience and
|
||||
expertise to address your needs. With NanoCare, you are not alone. We know how to help you because we
|
||||
have learned through personal experience as well as caring for hundreds of families and clients who face
|
||||
similar challenges in the US.
|
||||
</p>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block mt-4">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-start text-lg-left"
|
||||
initial={{ opacity: 0, x: -100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0">
|
||||
<div className="icon-box ml-lg-3 mb-3 mb-lg-0">
|
||||
<img src="/assets/images/shortcodes/icons/arrange.webp" alt="Arrange for a Free In-Home Assessment and receive a personalized care proposal that fits your needs" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="h3-white">Arrange for a Free In-Home Assessment and receive a personalized care proposal that fits your needs</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
Every care situation has differences and nuances; therefore, a free in-home assessment is required to
|
||||
prepare a thorough care plan just for your needs that you can review, revise, and approve. This personalized
|
||||
care plan will identify the best ways our caregiver can serve you.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row clearfix mt-4">
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-end text-lg-left"
|
||||
initial={{ opacity: 0, x: 100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box w-100 pb-0">
|
||||
<div className="icon-box mb-3 mb-lg-0">
|
||||
<img src="/assets/images/shortcodes/icons/review.webp" alt="Review Our Care Proposal & Revise as You See Fit" />
|
||||
</div>
|
||||
<h3 className="h3-white">Review Our Care Proposal & Revise as You See Fit</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
Once you have reviewed and approved the care plan, at NanoCare we guarantee caregiver compatibility.
|
||||
We strive to make a successful match at the first shift. We follow up after the first shift so that you can
|
||||
tell us whether we have the right match. In the unusual case where we miss, we use the feedback to
|
||||
select the right one for subsequent visits.
|
||||
</p>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 chooseus-block mt-4">
|
||||
<motion.div
|
||||
className="chooseus-block-one d-flex justify-content-center justify-content-lg-start text-lg-left"
|
||||
initial={{ opacity: 0, x: -100 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, ease: "easeOut" }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0">
|
||||
<div className="icon-box ml-lg-3 mb-3 mb-lg-0">
|
||||
<img src="/assets/images/shortcodes/icons/schedule.webp" alt="Schedule for Care to Start" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="h3-white">Schedule for Care to Start</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
NanoCare provides a secure, confidential, and easy-to-use Web application called <strong>Family Room</strong>
|
||||
that you can access using a mobile device or on a desktop computer. You can see the schedule, who the
|
||||
caregivers are, tasks planned, completed, and, if incomplete, the reason for it, and any care notes and concerns.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="process-section pt_90 pb_90">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div>
|
||||
<div className="shape">
|
||||
<div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-20.png)' }}></div>
|
||||
<div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
|
||||
<div className="shape-3"></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.webp)' }}></div>
|
||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">01</span>
|
||||
<figure className="image-box"><img src="/assets/images/shortcodes/step/step-1.webp" alt="call and speak" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Step 1</h3>
|
||||
<p>Call and speak to one of our friendly team who will discuss the setup process and outline our packages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">02</span>
|
||||
<figure className="image-box"><img src="/assets/images/shortcodes/step/step-2.webp" alt="Request a home visit" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Step 2</h3>
|
||||
<p>Request a home visit where we will provide you with a free, no obligation assessment.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">03</span>
|
||||
<figure className="image-box"><img src="/assets/images/shortcodes/step/step-3.webp" alt="care package " /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Step 3</h3>
|
||||
<p>Once agreed, we will setup your care package and introduce you to your Care Worker.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="testimonial-style-two p_relative bg-color-1">
|
||||
{/* <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div> */}
|
||||
<div className="auto-container">
|
||||
<div className="row align-items-center flex-row-reverse">
|
||||
{/* RIGHT IMAGE / LEFT CONTENT */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
|
||||
<div className="image_block_two pl_30">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/shortcodes/back.webp" alt="Why choose nanocare" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/shortcodes/front.webp" alt="Why choose nanocare" /></figure>
|
||||
{/* <div className="icon-box"><img src="/assets/images/about-us/section3/icon.webp" alt="" /></div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column mb-5">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box">
|
||||
<div className="sec-title-1 mb_15">
|
||||
<h2>Why Choose Us</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p className="tex-color-1">NanoCare is committed to being your shoulder to lean on and providing honest advice for your loved one’s situation during this delicate time. No one should feel alone when looking for senior home care solutions. </p>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/contact" className="theme-btn btn-one-new"><span>Book Appointment</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="service-section pt_90 pb_90" id="service">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/shortcodes/hourly-home-care.webp" alt="Hourly home care" /></figure>
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Hourly home care</h3>
|
||||
<p>Hourly home care allows clients to use our caregivers on an hourly or as-needed basis.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/shortcodes/daily-home-care.webp" alt="Daily home care" /></figure>
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Daily home care</h3>
|
||||
<p> Daily Care provides older adults with 24/7, around-the-clock care. Clients and their families enjoy peace of mind with reliable.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/shortcodes/hospital-to-home-care.webp" alt="Hospital to home care" /></figure>
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Hospital to home care</h3>
|
||||
<p>One of the leading causes of hospital readmission or slow post-hospitalization recovery is the lack of proper support following a hospital discharge.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="testimonial-section pt_90 pb_90 bg-color-1" id="testimonial">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/shortcodes/testimonials-carousel.webp)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-21.webp)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-xl-6 col-lg-12 col-md-12 offset-xl-6 content-column">
|
||||
<div className="content-box p_relative ml_45">
|
||||
<div className="sec-title-1 mb_50">
|
||||
<h2>Testimonials carousel</h2>
|
||||
</div>
|
||||
<div className="content-box">
|
||||
{/*Theme Carousel*/}
|
||||
<TestimonialSlider1 />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="funfact-section centred">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={2000} /><span>+</span>
|
||||
</div>
|
||||
<span className="text-new">Home health care professionals</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={300} /><span>+</span>
|
||||
</div>
|
||||
<span className="text-new">Office <br /> locations</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={68} /><span></span>
|
||||
</div>
|
||||
<span className="text-new">States served by nanocare</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={97} /><span>%</span>
|
||||
</div>
|
||||
<span className="text-new">Our client satisfaction rate</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="service-section sec-pad " id="service">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<h2>Team Member</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/1.webp" alt="Keira Knightley" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Keira Knightley</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>Keira Knightley has thirty-six years of nursing experience across a range of services, including hospital, community, nursing and care homes.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/2.webp" alt="Katherine waterston" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Katherine waterston</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>At Nano Care, Katherine ensures that the each and every client of Nano Care is looked after according to the company’s core mission, values and vision.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/caregivers/3.webp" alt="Anna faris" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content2">
|
||||
<h3>Anna faris</h3>
|
||||
<h5 className="mb-3">Care Manager</h5>
|
||||
<p>Anna ensures that all the staff and support workers at Nano Care adhere to the company’s ethos of providing the highest care standards in every service we offer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="gallery-section pt_90 pb_90 bg-color-2">
|
||||
<div className="outer-container">
|
||||
<div className="sec-title-1 centred mb_30">
|
||||
<h2>Tabbed & vertical tabbed content</h2>
|
||||
</div>
|
||||
{/*Sortable Galery*/}
|
||||
<div className="sortable-masonry">
|
||||
{/*Filter*/}
|
||||
<PortfolioFilter1 />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
)
|
||||
export default function ShortcodesPage() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<ShortcodesClient />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,132 +0,0 @@
|
||||
import React from 'react';
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
const ProgressBar = ({ label, percent }) => (
|
||||
<div className="progress-box">
|
||||
<p>{label}</p>
|
||||
<div className="bar">
|
||||
<div className="bar-inner count-bar" style={{ width: `${percent}%` }}></div>
|
||||
<div className="count-text">{`${percent}%`}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Team Details">
|
||||
<section className="team-details sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="team-details-content mb_50">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-5 col-md-12 col-sm-12 image-column">
|
||||
<figure className="image-box mr_15"><img src="assets/images/team/team-13.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="col-lg-7 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<h2>Jenny Wilson</h2>
|
||||
<span className="designation">Senior Doctor</span>
|
||||
<p>Eget lorem dolor sed viverra. Mattis nunc sed blandit libero volutpat sed cras ornare arcu. consectetur adipiscing elit. Libero turpis blandit blandit mauris aliquam condimentum quam suspendisse Pellentesque habitant morbi tristique senectus et netus</p>
|
||||
<ul className="info-list mb_30 clearfix">
|
||||
<li><strong>Experience: </strong>20 Years</li>
|
||||
<li><strong>Email: </strong><Link href="mailto:tanya.hill@example.com">tanya.hill@example.com</Link></li>
|
||||
<li><strong>Phone: </strong><Link href="tel:3035550105">(303) 555-0105</Link></li>
|
||||
</ul>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="experience-details mb_50">
|
||||
<h2>Personal Experience</h2>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
|
||||
</div>
|
||||
<div className="two-column">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 skills-column">
|
||||
<div className="skills-box">
|
||||
<div className="text-box mb_30">
|
||||
<h2>Expertise & Skills</h2>
|
||||
<p>Consectetur adipiscing elit. Semper sagittis dolor aliquet quam feugiat ultrices feugiat Viverra facilisi turpis.</p>
|
||||
</div>
|
||||
<div className="progress-inner">
|
||||
<ProgressBar label="Waste management" percent={85} />
|
||||
<ProgressBar label="Recycling" percent={90} />
|
||||
<ProgressBar label="Customer support" percent={80} />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 appointment-column">
|
||||
<div className="appointment-inner">
|
||||
<h2>Book An Appointment</h2>
|
||||
<form method="post" action="team-details" className="default-form">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="fname" placeholder="First Name" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="phone" placeholder="Phone Number" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="email" name="email" placeholder="Email" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="subject" placeholder="Subject" required />
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<textarea name="message" placeholder="Message"></textarea>
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
|
||||
<button type="submit" className="theme-btn btn-one"><span>Send Message</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe */}
|
||||
<section className="subscribe-section">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 text-column">
|
||||
<div className="text-box">
|
||||
<h2><span>Subscribe</span> for the exclusive updates!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner">
|
||||
<form method="post" action="contact">
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Enter Your Email Address" required />
|
||||
<button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="check-box">
|
||||
<input className="check" type="checkbox" id="checkbox1" />
|
||||
<label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* subscibe end */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
212
app/team/page.js
212
app/team/page.js
@ -1,212 +0,0 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Team">
|
||||
<div>
|
||||
<section className="team-section sec-pad-2 centred">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-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/team/team-1.jpg" alt="" /></figure>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Black Marvin</Link></h3>
|
||||
<span className="designation">Medical Assistant</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay="200ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/team/team-2.jpg" alt="" /></figure>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Eleanor Pena</Link></h3>
|
||||
<span className="designation">Doctor</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay="400ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/team/team-3.jpg" alt="" /></figure>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Arlene Maccy</Link></h3>
|
||||
<span className="designation">Nursing Assistant</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-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/team/team-4.jpg" alt="" /></figure>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Jenny Wilson</Link></h3>
|
||||
<span className="designation">Senior Doctor</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-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/team/team-9.jpg" alt="" /></figure>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Jerome Bell</Link></h3>
|
||||
<span className="designation">Cardiologist</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay="200ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/team/team-10.jpg" alt="" /></figure>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Guy Hawkins</Link></h3>
|
||||
<span className="designation">Pathologist</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay="400ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/team/team-11.jpg" alt="" /></figure>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Courtney Henry</Link></h3>
|
||||
<span className="designation">Pathologist</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-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/team/team-12.jpg" alt="" /></figure>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Ralph Edwards</Link></h3>
|
||||
<span className="designation">Ophthalmologist</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="pagination-wrapper mt_20 centred">
|
||||
<ul className="pagination clearfix">
|
||||
<li><Link href="team" className="current">1</Link></li>
|
||||
<li><Link href="team">2</Link></li>
|
||||
<li><Link href="team">3</Link></li>
|
||||
<li><Link href="team"><i className="icon-36"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* 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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,95 +0,0 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
const getTestimonialName = (index) => {
|
||||
// Replace with actual names based on the index or fetch from a data source
|
||||
const names = ['Jane Cooper', 'Black, Marvin', 'Jenny Wilson', 'Devon Lane', 'Jacob Jones', 'Ralph Edwards'];
|
||||
return names[index - 1] || 'Unknown';
|
||||
};
|
||||
|
||||
const getTestimonialDesignation = (index) => {
|
||||
// Replace with actual designations based on the index or fetch from a data source
|
||||
const designations = ['Marketing Coordinator', 'Web Designer', 'Medical Assistant', 'President of Sales', 'Nursing Assistant', 'Dog Trainer'];
|
||||
return designations[index - 1] || 'Unknown Designation';
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Testimonial">
|
||||
<div>
|
||||
<section className="testimonial-page-section sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
{/* Repeat the testimonial blocks for each testimonial */}
|
||||
{[1, 2, 3, 4, 5, 6].map((index) => (
|
||||
<div key={index} className="col-lg-6 col-md-6 col-sm-12 testimonial-block">
|
||||
<div className="testimonial-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-23"></i></div>
|
||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
|
||||
<div className="author-box">
|
||||
<figure className="author-thumb"><img src={`assets/images/resource/testimonial-${index}.png`} alt="" /></figure>
|
||||
<ul className="rating clearfix">
|
||||
<li><i className="fas fa-star"></i></li>
|
||||
<li><i className="fas fa-star"></i></li>
|
||||
<li><i className="fas fa-star"></i></li>
|
||||
<li><i className="fas fa-star"></i></li>
|
||||
<li><i className="far fa-star"></i></li>
|
||||
</ul>
|
||||
{/* Replace the names and designations dynamically */}
|
||||
<h3>{getTestimonialName(index)}</h3>
|
||||
<span className="designation">{getTestimonialDesignation(index)}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div className="pagination-wrapper mt_20 centred">
|
||||
<ul className="pagination clearfix">
|
||||
<li><Link href="testimonials" className="current">1</Link></li>
|
||||
<li><Link href="testimonials">2</Link></li>
|
||||
<li><Link href="testimonials">3</Link></li>
|
||||
<li><Link href="testimonials"><i className="icon-36"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* 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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,6 +1,12 @@
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
|
||||
export const metadata = {
|
||||
title: "What to expect at Physiotherapy Etobicoke - Rapha Physiotherapy etobicoke",
|
||||
description:
|
||||
"On the first day of your visit, you will receive a thorough assessment allows our healthcare professionals to understand your injury to determine how we can help. Following the initial assessment at our physiotherapy clinic etobicoke",
|
||||
};
|
||||
|
||||
|
||||
export default function About() {
|
||||
return (
|
||||
@ -17,7 +23,7 @@ export default function About() {
|
||||
<div className="image-shape">
|
||||
<div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.webp)' }}></div>
|
||||
<div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div>
|
||||
<div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
|
||||
{/* <div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div> */}
|
||||
<div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div>
|
||||
<div className="shape-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.webp)' }}></div>
|
||||
</div>
|
||||
|
||||
164
app/why-rapha-physiotherapy-etobicoke/WhyusClient.js
Normal file
164
app/why-rapha-physiotherapy-etobicoke/WhyusClient.js
Normal file
@ -0,0 +1,164 @@
|
||||
'use client';
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
export default function Team() {
|
||||
const teamMembers = [
|
||||
// { name: 'Musculoskeletal Physiotherapy', role: 'Medical Assistant', image: 'assets/images/team/team-1.jpg' },
|
||||
{ name: 'Musculoskeletal Physiotherapy', image: '/assets/images/why-us/img/musculo.webp' },
|
||||
{ name: 'Sports Physiotherapy', image: '/assets/images/why-us/img/sports.webp' },
|
||||
{ name: 'Clinical Pilates', image: '/assets/images/why-us/img/clinical-pilates.webp' },
|
||||
{ name: 'Workplace & Occupational', image: '/assets/images/why-us/img/workplace.webp' },
|
||||
{ name: 'Sports Rehabilitation', image: '/assets/images/why-us/img/sports-rehabilation.webp' },
|
||||
{ name: 'Women’s health', image: '/assets/images/why-us/img/women-health.webp' },
|
||||
{ name: 'Back & Neck Pain', image: '/assets/images/why-us/img/back-pain.webp' },
|
||||
{ name: 'Fitness & Exercise Programs', image: '/assets/images/why-us/img/fitness.webp' },
|
||||
{ name: 'Pregnancy and Post-natal', image: '/assets/images/why-us/img/pregnancy.webp' },
|
||||
{ name: 'Headaches & Dizziness', image: '/assets/images/why-us/img/headache.webp' },
|
||||
{ name: 'Injury Management', image: '/assets/images/why-us/img/injury.webp' },
|
||||
{ name: 'Pre/Post Surgical Management', image: '/assets/images/why-us/img/surgical.webp' },
|
||||
];
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Why Us" bannerImage="/assets/images/why-us/why-us-banner.webp">
|
||||
<section className="team-section pt_90 centred pb-0">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1" style={{ backgroundImage: 'url(/assets/images/shape/shape-13.webp)' }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-14.webp)' }}></div>
|
||||
</div>
|
||||
{/* <div className="shape">
|
||||
<div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
|
||||
<div className="shape-2"></div>
|
||||
<div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-16.png)' }}></div>
|
||||
</div> */}
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Why Choose Us</span>
|
||||
<h2>We have licensed and experienced therapists with particular interests and expertise in</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
{teamMembers.map((member, index) => (
|
||||
<div key={index} className="col-lg-4 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay={`${index * 200}ms`} data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src={member.image} alt={`${member.name}`} /></figure>
|
||||
{/* <ul className="social-links clearfix">
|
||||
<li><Link href="/#"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/#"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/#"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/#"><i className="icon-7"></i></Link></li>
|
||||
</ul> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>{member.name}</h3>
|
||||
<span className="designation">{member.role}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section className="testimonial-style-two pb_90 p_relative">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row align-items-center">
|
||||
{/* LEFT IMAGE / RIGHT CONTENT */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
|
||||
<div className="image_block_two pr_30">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/why-us/back-1.webp" alt="health care professionals" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/why-us/front-1.webp" alt="health care professionals" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/why-us/icon-1.webp" alt="health care professionals" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column order-1 order-lg-2">
|
||||
<div className="content_block_one pl_30">
|
||||
<div className="content-box">
|
||||
{/* <div className="sec-title mb_15">
|
||||
<span className="sub-title">About Us</span>
|
||||
<h2>Medical services & diagnostics</h2>
|
||||
</div> */}
|
||||
<div className="text-box mb_40">
|
||||
<ul className="list-style-one clearfix">
|
||||
<li>Team of health care professionals – We are a team of health care professionals working together to help get you better, faster. This helps us in rendering our best possible services to our clients</li>
|
||||
<li>Our health care team consists of Physiotherapists, Massage Therapists, acupuncture specialists & other health care professionals, each bringing you their distinctive skills and abilities to assist you in improving your health & providing you with the latest evidence-based treatments.</li>
|
||||
<li>Health insurance – If you have a health insurance, we treat you without asking for an upfront payment. Instead we bill your insurance company directly without creating a hassle for you.</li>
|
||||
<li>Wide range of services and treatments – We offer wide range of unique services such as physiotherapy, sports rehabilitation, acupuncture, manual therapy, motor vehicle accident rehabilitation, work related injury treatments, chronic injury management and other services so we can assist you in recovering to the best possible condition</li>
|
||||
<li>Flexible opening hours – Our clinic is conveniently located in etobicoke and scarborough and provide you the best services even in early mornings and late evenings</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="testimonial-style-two p_relative pt-0">
|
||||
{/* <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div> */}
|
||||
<div className="auto-container">
|
||||
<div className="row align-items-center flex-row-reverse">
|
||||
{/* RIGHT IMAGE / LEFT CONTENT */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
|
||||
<div className="image_block_two pl_30">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/why-us/back-2.webp" alt="Top-Notch Treatment " /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/why-us/front-2.webp" alt="Top-Notch Treatment " /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/why-us/icon-2.webp" alt="Top-Notch Treatment" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column order-1 order-lg-2">
|
||||
<div className="content_block_one pr_30">
|
||||
<div className="content-box">
|
||||
{/* <div className="sec-title mb_15">
|
||||
<span className="sub-title">About Us</span>
|
||||
<h2>Medical services & diagnostics</h2>
|
||||
</div> */}
|
||||
<div className="text-box mb_40">
|
||||
<ul className="list-style-one clearfix">
|
||||
<li>Top-Notch Treatment – Under our care, you will be placed in a supportive and comfortable environment helping you receive care in comfortable and supportive environment designed to address your issues</li>
|
||||
<li>Personalized Treatment Plan – We offer One-on-one care with a skilled therapist allows us to develop a plan specific to your particular needs results in a faster recovery.</li>
|
||||
<li>We listen & take time – We listen & take time to get to know you properly – Right from the start with your inquiry, we are here to listen and help find the root cause of your problem.</li>
|
||||
<li>Our treatment rooms – Our treatment rooms are fully equipped and private.</li>
|
||||
<li>Strong network of health professionals – We have a strong network of health professionals to refer to, making sure you get the right diagnosis and correct treatment for your condition.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="video-section p_relative">
|
||||
<div className="bg-layer parallax-bg" data-parallax='{"y": 100}' style={{ backgroundImage: 'url(/assets/images/why-us/bg.webp)' }}></div>
|
||||
<figure className="image-layer"><img src="/assets/images/why-us/img.webp" alt="Make an Appointment" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="inner-box">
|
||||
<div className="shape new-arrow" style={{ backgroundImage: 'url(/assets/images/shape/shape-17.png)' }}></div>
|
||||
{/* <div className="video-btn">
|
||||
<a onClick={() => setOpen(true)}><i className="fas fa-play"></i>
|
||||
<span className="border-animation border-1"></span>
|
||||
<span className="border-animation border-2"></span>
|
||||
<span className="border-animation border-3"></span>
|
||||
</a>
|
||||
</div> */}
|
||||
<p className="inner-box-new-color">Rapha rehab offers patients in etobicoke and scarborough exceptional care with a personalized treatment plan to suit your specific needs. If you are suffering from pain or have recently experienced an injury, our etobicoke and scarborough Physiotherapists will ensure you get back to the activities you enjoy and love. Call us at 647-722-3434 for an appointment today or email us at bloor@rapharehab.ca to book a consultation.</p>
|
||||
<div className="btn-box mt-4">
|
||||
<Link href="tel:647-722-3434" className="theme-btn btn-one-blue">
|
||||
<span>Make an Appointment</span>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
@ -1,164 +1,17 @@
|
||||
'use client';
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
export default function Team() {
|
||||
const teamMembers = [
|
||||
// { name: 'Musculoskeletal Physiotherapy', role: 'Medical Assistant', image: 'assets/images/team/team-1.jpg' },
|
||||
{ name: 'Musculoskeletal Physiotherapy', image: '/assets/images/why-us/img/musculo.webp' },
|
||||
{ name: 'Sports Physiotherapy', image: '/assets/images/why-us/img/sports.webp' },
|
||||
{ name: 'Clinical Pilates', image: '/assets/images/why-us/img/clinical-pilates.webp' },
|
||||
{ name: 'Workplace & Occupational', image: '/assets/images/why-us/img/workplace.webp' },
|
||||
{ name: 'Sports Rehabilitation', image: '/assets/images/why-us/img/sports-rehabilation.webp' },
|
||||
{ name: 'Women’s health', image: '/assets/images/why-us/img/women-health.webp' },
|
||||
{ name: 'Back & Neck Pain', image: '/assets/images/why-us/img/back-pain.webp' },
|
||||
{ name: 'Fitness & Exercise Programs', image: '/assets/images/why-us/img/fitness.webp' },
|
||||
{ name: 'Pregnancy and Post-natal', image: '/assets/images/why-us/img/pregnancy.webp' },
|
||||
{ name: 'Headaches & Dizziness', image: '/assets/images/why-us/img/headache.webp' },
|
||||
{ name: 'Injury Management', image: '/assets/images/why-us/img/injury.webp' },
|
||||
{ name: 'Pre/Post Surgical Management', image: '/assets/images/why-us/img/surgical.webp' },
|
||||
];
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Why Us" bannerImage="/assets/images/why-us/why-us-banner.webp">
|
||||
<section className="team-section pt_90 centred pb-0">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1" style={{ backgroundImage: 'url(/assets/images/shape/shape-13.webp)' }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-14.webp)' }}></div>
|
||||
</div>
|
||||
<div className="shape">
|
||||
<div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
|
||||
<div className="shape-2"></div>
|
||||
<div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-16.png)' }}></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Why Choose Us</span>
|
||||
<h2>We have licensed and experienced therapists with particular interests and expertise in</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
{teamMembers.map((member, index) => (
|
||||
<div key={index} className="col-lg-4 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay={`${index * 200}ms`} data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src={member.image} alt={`${member.name}`} /></figure>
|
||||
{/* <ul className="social-links clearfix">
|
||||
<li><Link href="/#"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/#"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/#"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/#"><i className="icon-7"></i></Link></li>
|
||||
</ul> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>{member.name}</h3>
|
||||
<span className="designation">{member.role}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
import AboutClient from "../about-us/AboutClient";
|
||||
import Team from "../why-rapha-physiotherapy-etobicoke/WhyusClient";
|
||||
|
||||
export const metadata = {
|
||||
title: "Why Choose Rapharehab – Trusted Rehab Professionals",
|
||||
description:
|
||||
"Discover why Rapharehab is the preferred choice for rehab care. Our expert team, personalized approach, and proven results set us apart.",
|
||||
};
|
||||
|
||||
<section className="testimonial-style-two pb_90 p_relative">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row align-items-center">
|
||||
{/* LEFT IMAGE / RIGHT CONTENT */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
|
||||
<div className="image_block_two pr_30">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/why-us/back-1.webp" alt="health care professionals" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/why-us/front-1.webp" alt="health care professionals" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/why-us/icon-1.webp" alt="health care professionals" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column order-1 order-lg-2">
|
||||
<div className="content_block_one pl_30">
|
||||
<div className="content-box">
|
||||
{/* <div className="sec-title mb_15">
|
||||
<span className="sub-title">About Us</span>
|
||||
<h2>Medical services & diagnostics</h2>
|
||||
</div> */}
|
||||
<div className="text-box mb_40">
|
||||
<ul className="list-style-one clearfix">
|
||||
<li>Team of health care professionals – We are a team of health care professionals working together to help get you better, faster. This helps us in rendering our best possible services to our clients</li>
|
||||
<li>Our health care team consists of Physiotherapists, Massage Therapists, acupuncture specialists & other health care professionals, each bringing you their distinctive skills and abilities to assist you in improving your health & providing you with the latest evidence-based treatments.</li>
|
||||
<li>Health insurance – If you have a health insurance, we treat you without asking for an upfront payment. Instead we bill your insurance company directly without creating a hassle for you.</li>
|
||||
<li>Wide range of services and treatments – We offer wide range of unique services such as physiotherapy, sports rehabilitation, acupuncture, manual therapy, motor vehicle accident rehabilitation, work related injury treatments, chronic injury management and other services so we can assist you in recovering to the best possible condition</li>
|
||||
<li>Flexible opening hours – Our clinic is conveniently located in etobicoke and scarborough and provide you the best services even in early mornings and late evenings</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="testimonial-style-two p_relative pt-0">
|
||||
{/* <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div> */}
|
||||
<div className="auto-container">
|
||||
<div className="row align-items-center flex-row-reverse">
|
||||
{/* RIGHT IMAGE / LEFT CONTENT */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
|
||||
<div className="image_block_two pl_30">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/why-us/back-2.webp" alt="Top-Notch Treatment " /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/why-us/front-2.webp" alt="Top-Notch Treatment " /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/why-us/icon-2.webp" alt="Top-Notch Treatment" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column order-1 order-lg-2">
|
||||
<div className="content_block_one pr_30">
|
||||
<div className="content-box">
|
||||
{/* <div className="sec-title mb_15">
|
||||
<span className="sub-title">About Us</span>
|
||||
<h2>Medical services & diagnostics</h2>
|
||||
</div> */}
|
||||
<div className="text-box mb_40">
|
||||
<ul className="list-style-one clearfix">
|
||||
<li>Top-Notch Treatment – Under our care, you will be placed in a supportive and comfortable environment helping you receive care in comfortable and supportive environment designed to address your issues</li>
|
||||
<li>Personalized Treatment Plan – We offer One-on-one care with a skilled therapist allows us to develop a plan specific to your particular needs results in a faster recovery.</li>
|
||||
<li>We listen & take time – We listen & take time to get to know you properly – Right from the start with your inquiry, we are here to listen and help find the root cause of your problem.</li>
|
||||
<li>Our treatment rooms – Our treatment rooms are fully equipped and private.</li>
|
||||
<li>Strong network of health professionals – We have a strong network of health professionals to refer to, making sure you get the right diagnosis and correct treatment for your condition.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="video-section p_relative">
|
||||
<div className="bg-layer parallax-bg" data-parallax='{"y": 100}' style={{ backgroundImage: 'url(/assets/images/why-us/bg.webp)' }}></div>
|
||||
<figure className="image-layer"><img src="/assets/images/why-us/img.webp" alt="Make an Appointment" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="inner-box">
|
||||
<div className="shape new-arrow" style={{ backgroundImage: 'url(/assets/images/shape/shape-17.png)' }}></div>
|
||||
{/* <div className="video-btn">
|
||||
<a onClick={() => setOpen(true)}><i className="fas fa-play"></i>
|
||||
<span className="border-animation border-1"></span>
|
||||
<span className="border-animation border-2"></span>
|
||||
<span className="border-animation border-3"></span>
|
||||
</a>
|
||||
</div> */}
|
||||
<p className="inner-box-new-color">Rapha rehab offers patients in etobicoke and scarborough exceptional care with a personalized treatment plan to suit your specific needs. If you are suffering from pain or have recently experienced an injury, our etobicoke and scarborough Physiotherapists will ensure you get back to the activities you enjoy and love. Call us at 647-722-3434 for an appointment today or email us at bloor@rapharehab.ca to book a consultation.</p>
|
||||
<div className="btn-box mt-4">
|
||||
<Link href="tel:647-722-3434" className="theme-btn btn-one-blue">
|
||||
<span>Make an Appointment</span>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</Layout>
|
||||
);
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<>
|
||||
<Team />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,228 +0,0 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import TestimonialSlider1 from '@/components/slider/TestimonialSlider1'
|
||||
import Link from "next/link"
|
||||
import React, { useState } from 'react';
|
||||
import ModalVideo from 'react-modal-video'
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1} breadcrumbTitle="How It Works">
|
||||
<div>
|
||||
<section className="process-section sec-pad bg-color-1">
|
||||
<div className="shape">
|
||||
<div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-20.png)' }}></div>
|
||||
<div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
|
||||
<div className="shape-3"></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Process</span>
|
||||
<h2>How it Helps You to <br />Keep Healthy</h2>
|
||||
</div>
|
||||
<div className="inner-container">
|
||||
<div className="arrow-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-18.webp)' }}></div>
|
||||
|
||||
{/* Processing Blocks */}
|
||||
{[1, 2, 3].map((count) => (
|
||||
<div key={count} className={`processing-block-one wow fadeInLeft animated`} data-wow-delay={`${(count - 1) * 300}ms`} data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">0{count}</span>
|
||||
<figure className="image-box"><img src={`assets/images/resource/process-${count}.jpg`} alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
{/* Replace with actual titles and descriptions */}
|
||||
<h3>Title {count}</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="testimonial-style-two bg-color-1">
|
||||
<div className="auto-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 thumb-column">
|
||||
<div className="thumb-box">
|
||||
<div className="thumb thumb-1"><img src="assets/images/resource/thumb-1.png" alt="" /></div>
|
||||
<div className="thumb thumb-2"><img src="assets/images/resource/thumb-2.png" alt="" /></div>
|
||||
<div className="thumb thumb-3"><img src="assets/images/resource/thumb-3.png" alt="" /></div>
|
||||
<div className="thumb thumb-4"><img src="assets/images/resource/thumb-4.png" alt="" /></div>
|
||||
<div className="thumb thumb-5"><img src="assets/images/resource/thumb-5.png" alt="" /></div>
|
||||
<div className="thumb thumb-6"><img src="assets/images/resource/thumb-6.png" alt="" /></div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">TESTIMONIALS</span>
|
||||
<h2>What Our Client Say About medimart</h2>
|
||||
</div>
|
||||
<div className="content-box">
|
||||
{/*Theme Carousel*/}
|
||||
<TestimonialSlider1 />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="video-section alternat-2 p_relative">
|
||||
<div className="bg-layer" style={{ backgroundImage: "url(assets/images/background/video-bg.jpg)" }}></div>
|
||||
<figure className="image-layer"><img src="assets/images/resource/video-2.png" alt="" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="inner-box">
|
||||
<div className="shape" style={{ backgroundImage: "url(assets/images/shape/shape-17.png)" }}></div>
|
||||
<div className="video-btn">
|
||||
<a onClick={() => setOpen(true)}><i className="fas fa-play"></i></a>
|
||||
</div>
|
||||
<h2>Online Consultations With <br />Qualified Doctors</h2>
|
||||
<div className="btn-box">
|
||||
<Link href="/" className="theme-btn btn-one"><span>Make an Appointment</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="team-section sec-pad centred">
|
||||
<div className="shape">
|
||||
<div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
|
||||
<div className="shape-2"></div>
|
||||
<div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-16.png)' }}></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Our Team</span>
|
||||
<h2>Meet our experienced doctors <br />for best treatment</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-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/team/team-1.jpg" alt="" /></figure>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Black Marvin</Link></h3>
|
||||
<span className="designation">Medical Assistant</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay="200ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/team/team-2.jpg" alt="" /></figure>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Eleanor Pena</Link></h3>
|
||||
<span className="designation">Doctor</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-block-one wow fadeInUp animated" data-wow-delay="400ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="assets/images/team/team-3.jpg" alt="" /></figure>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Arlene Maccy</Link></h3>
|
||||
<span className="designation">Nursing Assistant</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 team-block">
|
||||
<div className="team-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/team/team-4.jpg" alt="" /></figure>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">Jenny Wilson</Link></h3>
|
||||
<span className="designation">Senior Doctor</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div className="pagination-wrapper mt_20 centred">
|
||||
<ul className="pagination clearfix">
|
||||
<li><Link href="team" className="current">1</Link></li>
|
||||
<li><Link href="team">2</Link></li>
|
||||
<li><Link href="team">3</Link></li>
|
||||
<li><Link href="team"><i className="icon-36"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* 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>
|
||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,43 +1,398 @@
|
||||
"use client";
|
||||
import React from "react";
|
||||
import React, { useState } from "react";
|
||||
import ReCAPTCHA from "react-google-recaptcha";
|
||||
import axios from "axios";
|
||||
|
||||
export default function ContactFloat() {
|
||||
const [open, setOpen] = useState(false);
|
||||
const [showChat, setShowChat] = useState(false);
|
||||
const [showSocial, setShowSocial] = useState(false); // 👈 NEW: toggle social icons
|
||||
|
||||
/** Contact actions */
|
||||
const extraIcons = [
|
||||
{
|
||||
href: "mailto:bloor@rapharehab.ca",
|
||||
src: "/assets/images/icons/mail.png",
|
||||
label: "Mail",
|
||||
},
|
||||
{
|
||||
href: "tel:647-722-3434",
|
||||
src: "/assets/images/icons/call.png",
|
||||
label: "Call",
|
||||
},
|
||||
{
|
||||
action: () => setShowChat(true),
|
||||
src: "/assets/images/chat.png",
|
||||
label: "Chat",
|
||||
},
|
||||
{
|
||||
action: () => setShowSocial((prev) => !prev), // 👈 NEW: share toggle
|
||||
src: "/assets/images/share.png",
|
||||
label: "Share",
|
||||
},
|
||||
];
|
||||
|
||||
/** Social media list shown on Share click */
|
||||
const socialIcons = [
|
||||
|
||||
{
|
||||
href: "https://www.instagram.com/elrapharehab/",
|
||||
iconClass: "icon-4",
|
||||
label: "Instagram",
|
||||
},
|
||||
{
|
||||
href: "https://www.facebook.com/ELRaphaRehabCenter/",
|
||||
iconClass: "icon-7",
|
||||
label: "Facebook",
|
||||
},
|
||||
];
|
||||
|
||||
function ContactFloat() {
|
||||
return (
|
||||
<div style={styles.container}>
|
||||
<a href="tel:6477223434" style={styles.button} aria-label="Call Us">
|
||||
<img
|
||||
src="/assets/images/icons/call.png"
|
||||
alt="Call"
|
||||
style={styles.icon}
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<>
|
||||
{/* Floating Contact Buttons */}
|
||||
<div className="contact-icon-container">
|
||||
{open && (
|
||||
<div
|
||||
className="extra-icons-wrapper"
|
||||
style={{
|
||||
position: "absolute",
|
||||
bottom: "11px",
|
||||
background: "rgb(255, 255, 255)",
|
||||
borderRadius: "30px 30px 35px 35px",
|
||||
boxShadow: "0px 4px 12px rgba(0, 0, 0, 0.2)",
|
||||
padding: "10px",
|
||||
display: "flex",
|
||||
flexDirection: "column",
|
||||
gap: "15px",
|
||||
alignItems: "center",
|
||||
paddingBottom: "67px",
|
||||
left: "-5px",
|
||||
}}
|
||||
>
|
||||
{extraIcons.map((icon, i) =>
|
||||
icon.href ? (
|
||||
<a
|
||||
key={i}
|
||||
href={icon.href}
|
||||
aria-label={icon.label}
|
||||
style={{
|
||||
background: "#102548",
|
||||
borderRadius: "50%",
|
||||
padding: "8px",
|
||||
width: "45px",
|
||||
height: "45px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<img
|
||||
src={icon.src}
|
||||
alt={icon.label}
|
||||
style={{ width: "22px", height: "22px" }}
|
||||
/>
|
||||
</a>
|
||||
) : (
|
||||
<button
|
||||
key={i}
|
||||
onClick={icon.action}
|
||||
aria-label={icon.label}
|
||||
style={{
|
||||
background: "#102548",
|
||||
borderRadius: "50%",
|
||||
padding: "8px",
|
||||
width: "45px",
|
||||
height: "45px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
border: "none",
|
||||
}}
|
||||
>
|
||||
<img
|
||||
src={icon.src}
|
||||
alt={icon.label}
|
||||
style={{ width: "22px", height: "22px" }}
|
||||
/>
|
||||
</button>
|
||||
)
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
<button
|
||||
type="button"
|
||||
aria-label={open ? "Close" : "Contact Us"}
|
||||
className="contact-icon-outer toggle-btn"
|
||||
onClick={() => {
|
||||
setOpen((prev) => {
|
||||
const newState = !prev;
|
||||
if (!newState) {
|
||||
// 🔹 when closing the main button, also hide Chat & Social
|
||||
setShowChat(false);
|
||||
setShowSocial(false);
|
||||
}
|
||||
return newState;
|
||||
});
|
||||
}}
|
||||
style={{
|
||||
position: "fixed",
|
||||
bottom: "71px",
|
||||
right: "20px",
|
||||
left: "20px",
|
||||
background: "#102548",
|
||||
borderRadius: "50%",
|
||||
padding: "15px",
|
||||
border: "none",
|
||||
zIndex: 9999,
|
||||
}}
|
||||
>
|
||||
<img
|
||||
src={
|
||||
open
|
||||
? "/assets/images/cancel.png"
|
||||
: "/assets/images/icons/call.png"
|
||||
}
|
||||
alt="Contact"
|
||||
style={{ width: "28px", height: "28px" }}
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{/* 👉 Right side floating Social Icons (only when Share clicked) */}
|
||||
{showSocial && (
|
||||
<div
|
||||
style={{
|
||||
position: "fixed",
|
||||
bottom: "11%",
|
||||
left: "90px",
|
||||
transform: "translateY(-50%)",
|
||||
display: "flex",
|
||||
flexDirection: "row",
|
||||
gap: "15px",
|
||||
zIndex: 9999,
|
||||
background: "white", padding: "8px",
|
||||
borderRadius: "50px"
|
||||
}}
|
||||
>
|
||||
{socialIcons.map((icon, i) => (
|
||||
<a
|
||||
key={i}
|
||||
href={icon.href}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label={icon.label}
|
||||
style={{
|
||||
background: "#102548",
|
||||
borderRadius: "50%",
|
||||
width: "45px",
|
||||
height: "45px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
color: "#fff",
|
||||
fontSize: "22px",
|
||||
textDecoration: "none",
|
||||
}}
|
||||
>
|
||||
<i className={icon.iconClass}></i>
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Chat Form Sidebar */}
|
||||
{showChat && <ChatForm onClose={() => setShowChat(false)} />}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
const styles = {
|
||||
container: {
|
||||
position: "fixed",
|
||||
bottom: "24px",
|
||||
left: "24px",
|
||||
zIndex: 9999,
|
||||
},
|
||||
button: {
|
||||
backgroundColor: "#102548",
|
||||
padding: "16px",
|
||||
borderRadius: "50%",
|
||||
boxShadow: "0 4px 6px rgba(0,0,0,0.2)",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
textDecoration: "none",
|
||||
width: "56px",
|
||||
height: "56px",
|
||||
},
|
||||
icon: {
|
||||
width: "28px",
|
||||
height: "28px",
|
||||
},
|
||||
};
|
||||
/** Contact Form Sidebar */
|
||||
function ChatForm({ onClose }) {
|
||||
const [formData, setFormData] = useState({
|
||||
username: "",
|
||||
lname: "",
|
||||
email: "",
|
||||
phone: "",
|
||||
subject: "",
|
||||
message: "",
|
||||
});
|
||||
const [formErrors, setFormErrors] = useState({});
|
||||
const [captchaToken, setCaptchaToken] = useState(null);
|
||||
const [alert, setAlert] = useState({ show: false, type: "", message: "" });
|
||||
|
||||
export default ContactFloat;
|
||||
const handleChange = (e) => {
|
||||
const { name, value } = e.target;
|
||||
setFormData((prev) => ({ ...prev, [name]: value }));
|
||||
};
|
||||
|
||||
const handleCaptchaChange = (token) => {
|
||||
setCaptchaToken(token);
|
||||
};
|
||||
|
||||
const handleSubmit = async (e) => {
|
||||
e.preventDefault();
|
||||
|
||||
const errors = {};
|
||||
if (!formData.username.trim()) errors.username = "First Name is required.";
|
||||
if (!formData.lname.trim()) errors.lname = "Last Name is required.";
|
||||
if (!formData.email.trim()) errors.email = "Email is required.";
|
||||
if (!formData.phone.trim()) errors.phone = "Phone is required.";
|
||||
if (!formData.subject.trim()) errors.subject = "Subject is required.";
|
||||
if (!formData.message.trim()) errors.message = "Message is required.";
|
||||
if (!captchaToken) errors.captcha = "Please verify the CAPTCHA.";
|
||||
|
||||
setFormErrors(errors);
|
||||
if (Object.keys(errors).length > 0) return;
|
||||
|
||||
const emailData = {
|
||||
...formData,
|
||||
message: `Subject: ${formData.subject}<br /><br />Message: ${formData.message}`,
|
||||
to: "bloor@rapharehab.ca",
|
||||
senderName: "Rapha Rehab Chat Form",
|
||||
recaptchaToken: captchaToken,
|
||||
};
|
||||
|
||||
try {
|
||||
const res = await axios.post("https://mailserver.metatronnest.com/send", emailData, {
|
||||
headers: { "Content-Type": "application/json" },
|
||||
});
|
||||
|
||||
setAlert({
|
||||
show: true,
|
||||
type: "success",
|
||||
message: res?.data?.message || "Message sent successfully!",
|
||||
});
|
||||
|
||||
setFormData({
|
||||
username: "",
|
||||
lname: "",
|
||||
email: "",
|
||||
phone: "",
|
||||
subject: "",
|
||||
message: "",
|
||||
});
|
||||
setCaptchaToken(null);
|
||||
setFormErrors({});
|
||||
} catch (error) {
|
||||
setAlert({
|
||||
show: true,
|
||||
type: "danger",
|
||||
message: "Failed to send message. Please try again later.",
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div
|
||||
className="chat-form-wrapper"
|
||||
style={{
|
||||
position: "fixed",
|
||||
right: "10px",
|
||||
bottom: "90px",
|
||||
width: "350px",
|
||||
background: "#fff",
|
||||
borderRadius: "10px",
|
||||
boxShadow: "0 4px 12px rgba(0,0,0,0.3)",
|
||||
zIndex: 2000,
|
||||
maxHeight: "80vh",
|
||||
overflowY: "auto",
|
||||
}}
|
||||
>
|
||||
<div className="p-3 border-bottom d-flex justify-content-between align-items-center">
|
||||
<h5 style={{ margin: 0, color: "#bc0000" }}>Chat with Us</h5>
|
||||
<button onClick={onClose} className="btn-close"></button>
|
||||
</div>
|
||||
|
||||
<div className="p-3">
|
||||
{alert.show && (
|
||||
<div className={`alert alert-${alert.type}`}>{alert.message}</div>
|
||||
)}
|
||||
|
||||
<form onSubmit={handleSubmit} className="default-form">
|
||||
<input
|
||||
type="text"
|
||||
name="username"
|
||||
placeholder="First Name"
|
||||
value={formData.username}
|
||||
onChange={handleChange}
|
||||
className="form-control mb-2"
|
||||
/>
|
||||
{formErrors.username && <small className="text-danger">{formErrors.username}</small>}
|
||||
|
||||
<input
|
||||
type="text"
|
||||
name="lname"
|
||||
placeholder="Last Name"
|
||||
value={formData.lname}
|
||||
onChange={handleChange}
|
||||
className="form-control mb-2"
|
||||
/>
|
||||
{formErrors.lname && <small className="text-danger">{formErrors.lname}</small>}
|
||||
|
||||
<input
|
||||
type="email"
|
||||
name="email"
|
||||
placeholder="Your Email"
|
||||
value={formData.email}
|
||||
onChange={handleChange}
|
||||
className="form-control mb-2"
|
||||
/>
|
||||
{formErrors.email && <small className="text-danger">{formErrors.email}</small>}
|
||||
|
||||
<input
|
||||
type="text"
|
||||
name="phone"
|
||||
placeholder="Phone"
|
||||
value={formData.phone}
|
||||
onChange={handleChange}
|
||||
className="form-control mb-2"
|
||||
/>
|
||||
{formErrors.phone && <small className="text-danger">{formErrors.phone}</small>}
|
||||
|
||||
<input
|
||||
type="text"
|
||||
name="subject"
|
||||
placeholder="Subject"
|
||||
value={formData.subject}
|
||||
onChange={handleChange}
|
||||
className="form-control mb-2"
|
||||
/>
|
||||
{formErrors.subject && <small className="text-danger">{formErrors.subject}</small>}
|
||||
|
||||
<textarea
|
||||
name="message"
|
||||
placeholder="Message"
|
||||
value={formData.message}
|
||||
onChange={handleChange}
|
||||
className="form-control mb-2"
|
||||
></textarea>
|
||||
{formErrors.message && <small className="text-danger">{formErrors.message}</small>}
|
||||
|
||||
<div className="mb-2">
|
||||
<ReCAPTCHA
|
||||
sitekey="6LekfpwrAAAAAOTwuP1d2gg-Fv9UEsAjE2gjOQJl"
|
||||
onChange={handleCaptchaChange}
|
||||
/>
|
||||
{formErrors.captcha && <small className="text-danger">{formErrors.captcha}</small>}
|
||||
</div>
|
||||
|
||||
<button
|
||||
className="btn w-100"
|
||||
type="submit"
|
||||
style={{
|
||||
background: "#bc0000",
|
||||
color: "#fff",
|
||||
padding: "10px",
|
||||
fontSize: "16px",
|
||||
fontWeight: "bold",
|
||||
border: "none",
|
||||
}}
|
||||
>
|
||||
SUBMIT NOW
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
99
components/SocialFloat.js
Normal file
99
components/SocialFloat.js
Normal file
@ -0,0 +1,99 @@
|
||||
"use client";
|
||||
import React, { useState } from "react";
|
||||
|
||||
export default function SocialFloat() {
|
||||
const [open, setOpen] = useState(false);
|
||||
|
||||
/** Social icons */
|
||||
const socialIcons = [
|
||||
{
|
||||
href: "https://www.facebook.com/ELRaphaRehabCenter/",
|
||||
iconClass: "icon-4",
|
||||
label: "Facebook",
|
||||
offset: -40,
|
||||
},
|
||||
{
|
||||
href: "https://www.instagram.com/elrapharehab/",
|
||||
iconClass: "icon-7",
|
||||
label: "Instagram",
|
||||
offset: 40,
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<div>
|
||||
{/* Extra social icons */}
|
||||
{open && (
|
||||
<div
|
||||
style={{
|
||||
position: "fixed",
|
||||
top: "50%",
|
||||
right: "70px",
|
||||
transform: "translateY(-50%)",
|
||||
display: "flex",
|
||||
flexDirection: "column",
|
||||
gap: "15px",
|
||||
zIndex: 9999,
|
||||
}}
|
||||
>
|
||||
{socialIcons.map((icon, i) => (
|
||||
<a
|
||||
key={i}
|
||||
href={icon.href}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label={icon.label}
|
||||
style={{
|
||||
background: "#102548",
|
||||
borderRadius: "50%",
|
||||
width: "45px",
|
||||
height: "45px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
color: "#fff", // White icon color
|
||||
fontSize: "22px",
|
||||
textDecoration: "none",
|
||||
}}
|
||||
>
|
||||
<i className={icon.iconClass}></i>
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Main floating button */}
|
||||
<button
|
||||
type="button"
|
||||
aria-label={open ? "Close Socials" : "Open Socials"}
|
||||
onClick={() => setOpen((prev) => !prev)}
|
||||
style={{
|
||||
position: "fixed",
|
||||
top: "50%",
|
||||
right: "20px",
|
||||
transform: "translateY(-50%)",
|
||||
background: "#102548",
|
||||
borderRadius: "50%",
|
||||
padding: "15px",
|
||||
border: "none",
|
||||
zIndex: 9999,
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
cursor: "pointer",
|
||||
color: "#fff",
|
||||
}}
|
||||
>
|
||||
<img
|
||||
src={
|
||||
open
|
||||
? "/assets/images/cancel.png"
|
||||
: "/assets/images/share.png"
|
||||
}
|
||||
alt="Social"
|
||||
style={{ width: "28px", height: "28px" }}
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -17,6 +17,8 @@ import Header1 from "./header/Header1";
|
||||
import Header2 from './header/Header2';
|
||||
import Header3 from "./header/Header3";
|
||||
import Header4 from "./header/Header4";
|
||||
import ContactFloat from "../ContactFloat";
|
||||
import SocialFloat from "../SocialFloat";
|
||||
|
||||
export default function Layout({ headerStyle, footerStyle, headTitle, breadcrumbTitle, bannerImage, children, wrapperCls }) {
|
||||
const [scroll, setScroll] = useState(0);
|
||||
@ -66,6 +68,8 @@ export default function Layout({ headerStyle, footerStyle, headTitle, breadcrumb
|
||||
{(footerStyle === 1 || !footerStyle) && <Footer1 />}
|
||||
{footerStyle === 2 && <Footer2 />}
|
||||
</div>
|
||||
<ContactFloat />
|
||||
{/* <SocialFloat/> */}
|
||||
<BackToTop scroll={scroll} />
|
||||
</>
|
||||
);
|
||||
|
||||
@ -114,6 +114,8 @@ export default function Menu() {
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li><Link href="/blog">Blog</Link></li>
|
||||
|
||||
{/* Contact */}
|
||||
<li><Link href="/contact">Contact</Link></li>
|
||||
</ul>
|
||||
|
||||
@ -173,6 +173,7 @@ export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar
|
||||
|
||||
{/* Other Links */}
|
||||
<li><Link href="/contact" onClick={handleMobileMenu}>Contact</Link></li>
|
||||
<li><Link href="/blog" onClick={handleMobileMenu}>Blog</Link></li>
|
||||
<li><Link href="/why-rapha-physiotherapy-etobicoke" onClick={handleMobileMenu}>Why Us</Link></li>
|
||||
<li><Link href="/faq-physiotherapy-etobicoke" onClick={handleMobileMenu}>Faq</Link></li>
|
||||
<li><Link href="/what-to-expect" onClick={handleMobileMenu}>What To Expect</Link></li>
|
||||
|
||||
@ -7,13 +7,12 @@ import { servicesList } from "@/utils/Services.utils"
|
||||
export default function Footer2() {
|
||||
|
||||
const servicesCols = [
|
||||
servicesList.slice(0, 12),
|
||||
servicesList.slice(12, 24),
|
||||
servicesList.slice(24, 35),
|
||||
servicesList.slice(0, 13),
|
||||
servicesList.slice(13, 25),
|
||||
servicesList.slice(25, 36),
|
||||
];
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
<footer className="main-footer">
|
||||
@ -51,12 +50,6 @@ export default function Footer2() {
|
||||
<Link href="https://www.instagram.com/elrapharehab/" target="_blank"
|
||||
rel="noopener noreferrer"><i className="icon-4"></i></Link>
|
||||
</li>
|
||||
{/* <li>
|
||||
<Link href="/"><i className="icon-5"></i></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/"><i className="icon-6"></i></Link>
|
||||
</li> */}
|
||||
<li>
|
||||
<Link href="https://www.facebook.com/ELRaphaRehabCenter/" target="_blank"
|
||||
rel="noopener noreferrer"><i className="icon-7"></i></Link>
|
||||
@ -114,16 +107,18 @@ export default function Footer2() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget">
|
||||
<div className="widget-title">
|
||||
<h3>REHABILITATION</h3>
|
||||
<h3>ACCIDENT</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
{Rehabilitation.map((item) => (
|
||||
{Accident.map((item) => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/rehabilitation/${item.slug}`}>
|
||||
<Link href={`/accident/${item.slug}`}>
|
||||
{item.title}
|
||||
</Link>
|
||||
</li>
|
||||
@ -136,13 +131,13 @@ export default function Footer2() {
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget">
|
||||
<div className="widget-title">
|
||||
<h3>ACCIDENT</h3>
|
||||
<h3>REHABILITATION</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
{Accident.map((item) => (
|
||||
{Rehabilitation.map((item) => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/accident/${item.slug}`}>
|
||||
<Link href={`/rehabilitation/${item.slug}`}>
|
||||
{item.title}
|
||||
</Link>
|
||||
</li>
|
||||
@ -171,7 +166,7 @@ export default function Footer2() {
|
||||
</li>
|
||||
<li>
|
||||
<i className="icon-26"></i>
|
||||
<Link href="mailto:bloor@rapharehab.ca">
|
||||
<Link href="mailto:example@info.com">
|
||||
bloor@rapharehab.ca
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
@ -7,13 +7,12 @@ import { servicesList } from "@/utils/Services.utils"
|
||||
export default function Footer2() {
|
||||
|
||||
const servicesCols = [
|
||||
servicesList.slice(0, 12),
|
||||
servicesList.slice(12, 24),
|
||||
servicesList.slice(24, 35),
|
||||
servicesList.slice(0, 13),
|
||||
servicesList.slice(13, 25),
|
||||
servicesList.slice(25, 36),
|
||||
];
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
<footer className="main-footer">
|
||||
@ -51,12 +50,6 @@ export default function Footer2() {
|
||||
<Link href="https://www.instagram.com/elrapharehab/" target="_blank"
|
||||
rel="noopener noreferrer"><i className="icon-4"></i></Link>
|
||||
</li>
|
||||
{/* <li>
|
||||
<Link href="/"><i className="icon-5"></i></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/"><i className="icon-6"></i></Link>
|
||||
</li> */}
|
||||
<li>
|
||||
<Link href="https://www.facebook.com/ELRaphaRehabCenter/" target="_blank"
|
||||
rel="noopener noreferrer"><i className="icon-7"></i></Link>
|
||||
@ -114,7 +107,7 @@ export default function Footer2() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget">
|
||||
@ -135,7 +128,7 @@ export default function Footer2() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget">
|
||||
<div className="widget-title">
|
||||
<h3>REHABILITATION</h3>
|
||||
|
||||
@ -14,7 +14,7 @@ export default function AboutSection() {
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_one">
|
||||
<div className="image-box">
|
||||
<div className="shape float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.webp)' }}></div>
|
||||
{/* <div className="shape float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.webp)' }}></div> */}
|
||||
<div className="image-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-26.png)' }}></div>
|
||||
<figure className="image-2"><img src="/assets/images/home/welcome/home-welcome.webp" alt="Physiotherapy" /></figure>
|
||||
<div className="icon-one"><img src="/assets/images/home/welcome/top-icon.webp" alt="Physiotherapy icon" /></div>
|
||||
|
||||
@ -25,11 +25,11 @@ export default function AreaOfInjury() {
|
||||
{/* <div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-16.png)' }}></div> */}
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title-1 mb_50">
|
||||
<span className="sub-title-1">Start Your Treatment Today! <br /> Visit our healthcare team in Etobicoke.</span>
|
||||
<h3 className='h3-white' style={{ fontWeight: "bold" }}>
|
||||
<div className="sec-title-2 mb_50">
|
||||
<span className="sub-title-1 text-white">Start Your Treatment Today! <br /> Visit our healthcare team in Etobicoke.</span>
|
||||
<h2 className='h3-white' style={{ fontWeight: "bold" }}>
|
||||
Area Of Injury
|
||||
</h3>
|
||||
</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
{areaOfInjuryData.slice(0, 8).map((area, index) => (
|
||||
|
||||
@ -3,7 +3,7 @@ import CounterUp from "@/components/elements/CounterUp"
|
||||
export default function CounterSection() {
|
||||
return (
|
||||
<>
|
||||
<section className="funfact-section centred">
|
||||
<section className="funfact-section centred" style={{paddingTop:"30px"}}>
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
@ -35,7 +35,7 @@ export default function FaqSection() {
|
||||
<div className="image-shape">
|
||||
<div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.webp)' }}></div>
|
||||
<div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div>
|
||||
<div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.webp)' }}></div>
|
||||
{/* <div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.webp)' }}></div> */}
|
||||
<div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div>
|
||||
<div className="shape-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.webp)' }}></div>
|
||||
</div>
|
||||
|
||||
@ -5,14 +5,11 @@ import Link from "next/link"
|
||||
export default function MobileServices() {
|
||||
return (
|
||||
<>
|
||||
<section className="feature-section sec-pad bg-color-1" style={{
|
||||
backgroundImage: "url(/assets/images/home/our-services/our-services-bg.webp)",
|
||||
backgroundSize: "cover",
|
||||
backgroundPosition: "left",
|
||||
backgroundRepeat: "no-repeat",
|
||||
backgroundAttachment: "scroll",
|
||||
}}
|
||||
>
|
||||
<section className="team-section sec-pad centred bg-color-1">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1" style={{ backgroundImage: 'url(/assets/images/home/our-services/top-right.webp)' }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: 'url(/assets/images/home/our-services/bottom-left.webp)' }}></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title-1 new-color2">Our Services</span>
|
||||
@ -32,8 +29,8 @@ export default function MobileServices() {
|
||||
/>
|
||||
</div> <h3><Link href="/"> {service?.title}</Link></h3>
|
||||
<div className="btn-box">
|
||||
<Link
|
||||
href={`/etobicoke-treatment-service/${service.slug}`}
|
||||
<Link
|
||||
href={`/etobicoke-treatment-service/${service.slug}`}
|
||||
className="theme-btn-2 btn-one"
|
||||
>
|
||||
<span>View Service</span>
|
||||
|
||||
@ -4,11 +4,11 @@ export default function ProcessSection() {
|
||||
return (
|
||||
<section className="process-section sec-pad bg-color-1">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div>
|
||||
<div className="shape">
|
||||
{/* <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> */}
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Our Process</span>
|
||||
|
||||
@ -4,8 +4,11 @@ import React from 'react';
|
||||
|
||||
export default function ServicesSection() {
|
||||
return (
|
||||
<section className="service-section bg-layer sec-pad bg-color-1" style={{ backgroundImage: 'url(/assets/images/home/our-services/our-services-bg.webp)' }}>
|
||||
|
||||
<section className="team-section sec-pad centred bg-color-1">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1" style={{ backgroundImage: 'url(/assets/images/home/our-services/top-right.webp)' }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: 'url(/assets/images/home/our-services/bottom-left.webp)' }}></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title-1 mb_50 centred">
|
||||
<span className="sub-title-1">We Help You Move Better & Live Healthier</span>
|
||||
@ -24,15 +27,15 @@ export default function ServicesSection() {
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box"><img src={service?.icon} alt="" /></div>
|
||||
<h3>
|
||||
<h3 className='text-start'>
|
||||
<Link href={`/etobicoke-treatment-service/${service.slug}`}>
|
||||
{service?.title}
|
||||
{/* {service?.title?.length > 25
|
||||
{/* {service?.title?.length > 25
|
||||
? service.title.slice(0, 25) + "..."
|
||||
: service.title} */}
|
||||
</Link>
|
||||
</h3>
|
||||
<p>{service?.shortDescription}</p>
|
||||
<p className='text-start'>{service?.shortDescription}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -16,7 +16,7 @@ export default function WhyChooseUsSection() {
|
||||
<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-4 col-sm-4 chooseus-block">
|
||||
<div className="col-lg-6 col-md-6 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/home/why-choose/expert-team.webp" alt="Expert Team" /></div>
|
||||
@ -25,7 +25,7 @@ export default function WhyChooseUsSection() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-4 col-sm-4 chooseus-block">
|
||||
<div className="col-lg-6 col-md-6 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/home/why-choose/understand.webp" alt="Understand your Pain" /></div>
|
||||
@ -34,7 +34,7 @@ export default function WhyChooseUsSection() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-4 col-sm-4 chooseus-block">
|
||||
<div className="col-lg-6 col-md-6 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/home/why-choose/ready.webp" alt="Ready To Go" /></div>
|
||||
|
||||
@ -144,7 +144,7 @@ export default function Banner() {
|
||||
{activeIndex === index && (
|
||||
<motion.div
|
||||
key={`slide-${index}`}
|
||||
className="slide-item"
|
||||
className="slide-item banner-slide"
|
||||
variants={variants[slide.variant]}
|
||||
initial="initial"
|
||||
animate="animate"
|
||||
@ -152,8 +152,10 @@ export default function Banner() {
|
||||
transition={transition}
|
||||
>
|
||||
<div
|
||||
className="bg-layer"
|
||||
style={{ backgroundImage: `url(${slide.bgImage})` }}
|
||||
className={`bg-layer ${slide.id === 0 ? "bg-slide-0" : ""}`}
|
||||
style={{
|
||||
backgroundImage: `url(${slide.bgImage})`,
|
||||
}}
|
||||
></div>
|
||||
<div className="auto-container">
|
||||
<div
|
||||
|
||||
@ -14,7 +14,7 @@ const swiperOptions = {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 0,
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
delay: 10000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
loop: true,
|
||||
@ -53,7 +53,15 @@ export default function MobileBanner() {
|
||||
id: 0,
|
||||
variant: 'topToBottom',
|
||||
bgImage: '/assets/images/banner/mobile-banner/banner-1.webp',
|
||||
hideContent: true
|
||||
upperText: 'The Journey to Better Health Begins here',
|
||||
title: 'Your Path to',
|
||||
titleSpan: 'Recovery',
|
||||
titleEnd: 'Starts Today',
|
||||
subtitle: 'Expert Physiotherapy in Mississauga for You.',
|
||||
description: 'Our skilled team provides physiotherapy in Mississauga to help you regain mobility and live pain-free. Compassionate care designed around your needs.',
|
||||
buttonText: 'Book Your Appointment',
|
||||
buttonLink: 'tel:+647-722-3434',
|
||||
contentStyle: 'mobile-style'
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
@ -102,7 +110,10 @@ export default function MobileBanner() {
|
||||
if (!isMobile) return null;
|
||||
|
||||
return (
|
||||
<section className="banner-style-two p_relative">
|
||||
<section
|
||||
className="banner-style-two p_relative"
|
||||
style={{ minHeight: '100vh', position: 'relative' }}
|
||||
>
|
||||
<Swiper
|
||||
{...swiperOptions}
|
||||
className="banner-carousel"
|
||||
@ -116,57 +127,59 @@ export default function MobileBanner() {
|
||||
<motion.div
|
||||
key={`slide-${index}`}
|
||||
className="slide-item"
|
||||
style={{ minHeight: '100vh', position: 'relative' }}
|
||||
variants={variants[slide.variant]}
|
||||
initial="initial"
|
||||
animate="animate"
|
||||
exit="exit"
|
||||
transition={transition}
|
||||
>
|
||||
{/* full-height background */}
|
||||
<div
|
||||
className="bg-layer"
|
||||
style={{
|
||||
backgroundImage: `url(${slide.bgImage})`,
|
||||
backgroundSize: 'cover',
|
||||
backgroundPosition: 'center',
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
left: 0,
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
minHeight: '400px'
|
||||
backgroundImage: `url(${slide.bgImage})`,
|
||||
backgroundSize: 'cover',
|
||||
backgroundPosition: 'center'
|
||||
}}
|
||||
></div>
|
||||
/>
|
||||
|
||||
{/* centered content */}
|
||||
<div
|
||||
className="auto-container"
|
||||
style={{
|
||||
minHeight: '400px', // force same height for first slide
|
||||
position: 'relative',
|
||||
zIndex: 1,
|
||||
minHeight: '100vh',
|
||||
display: 'flex',
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center'
|
||||
alignItems: 'end',
|
||||
paddingBottom:"20px"
|
||||
}}
|
||||
>
|
||||
{!slide.hideContent && (
|
||||
<div
|
||||
className={`content-box custom-content-box ${slide.contentStyle || ''}`}
|
||||
style={slide.contentStyle === 'with-background' ? {
|
||||
backgroundColor: '#fff',
|
||||
opacity: 0.8,
|
||||
borderRadius: '20px',
|
||||
padding: '30px'
|
||||
} : {}}
|
||||
|
||||
>
|
||||
<span className="upper-text">{slide.upperText}</span>
|
||||
<h2>{slide.title} <span>{slide.titleSpan}</span> {slide.titleEnd}</h2>
|
||||
<h2>
|
||||
{slide.title} {slide.titleSpan} {slide.titleEnd}
|
||||
</h2>
|
||||
<p>{slide.subtitle}</p>
|
||||
<p>{slide.description}</p>
|
||||
<div className="btn-box mt-3">
|
||||
<Link href={slide.buttonLink} className="theme-btn btn-one">
|
||||
<Link href={slide.buttonLink} className="theme-btn btn-one-new">
|
||||
<span>{slide.buttonText}</span>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
</motion.div>
|
||||
)}
|
||||
</AnimatePresence>
|
||||
|
||||
@ -110,9 +110,9 @@
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.content_block_one .content-box p{
|
||||
/* .content_block_one .content-box p{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
} */
|
||||
|
||||
.about-section .pattern-layer .pattern-1{
|
||||
position: absolute;
|
||||
@ -575,6 +575,16 @@
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 426px) {
|
||||
|
||||
.image_block_three .image-box .image-1 img{
|
||||
width: 100%;
|
||||
border-radius: 20px;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1,19 +1,18 @@
|
||||
|
||||
/** banner-section **/
|
||||
|
||||
.banner-section{
|
||||
.banner-section {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
padding: 203px 0px 115px 0px;
|
||||
}
|
||||
|
||||
.banner-section .content-box{
|
||||
.banner-section .content-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.banner-section .content-box .upper-text{
|
||||
.banner-section .content-box .upper-text {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 24px;
|
||||
@ -24,7 +23,7 @@
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.banner-section .content-box h2{
|
||||
.banner-section .content-box h2 {
|
||||
display: block;
|
||||
font-size: 64px;
|
||||
line-height: 75px;
|
||||
@ -33,14 +32,14 @@
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.banner-section .content-box h2 span{
|
||||
.banner-section .content-box h2 span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-weight: 400;
|
||||
color: var(--secondary-color);
|
||||
}
|
||||
|
||||
.banner-section .content-box h2 span:before{
|
||||
.banner-section .content-box h2 span:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: var(--secondary-color);
|
||||
@ -51,23 +50,23 @@
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.banner-section .content-box p{
|
||||
.banner-section .content-box p {
|
||||
display: block;
|
||||
color: #fff;
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
|
||||
.banner-section .image-box{
|
||||
.banner-section .image-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: -25px;
|
||||
}
|
||||
|
||||
.banner-section .image-box img{
|
||||
.banner-section .image-box img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.banner-section .pattern-layer{
|
||||
.banner-section .pattern-layer {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
@ -78,7 +77,7 @@
|
||||
background-position: bottom center;
|
||||
}
|
||||
|
||||
.banner-section .shape .shape-1{
|
||||
.banner-section .shape .shape-1 {
|
||||
position: absolute;
|
||||
left: 180px;
|
||||
top: 285px;
|
||||
@ -89,7 +88,7 @@
|
||||
animation: zoom-fade 4s infinite linear;
|
||||
}
|
||||
|
||||
.banner-section .shape .shape-2{
|
||||
.banner-section .shape .shape-2 {
|
||||
position: absolute;
|
||||
left: 115px;
|
||||
bottom: 210px;
|
||||
@ -99,7 +98,7 @@
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.banner-section .shape .shape-3{
|
||||
.banner-section .shape .shape-3 {
|
||||
position: absolute;
|
||||
top: 190px;
|
||||
right: 205px;
|
||||
@ -110,7 +109,7 @@
|
||||
animation: zoom-fade 6s infinite linear;
|
||||
}
|
||||
|
||||
.banner-section .shape .shape-4{
|
||||
.banner-section .shape .shape-4 {
|
||||
position: absolute;
|
||||
right: 200px;
|
||||
bottom: 200px;
|
||||
@ -124,12 +123,24 @@
|
||||
|
||||
/** banner-style-two **/
|
||||
|
||||
.banner-carousel .swiper-slide{
|
||||
.banner-carousel .swiper-slide {
|
||||
position: relative;
|
||||
padding: 150px 0px 150px 0px;
|
||||
/* padding: 150px 0px 150px 0px; */
|
||||
}
|
||||
|
||||
.banner-carousel .swiper-slide:before{
|
||||
.banner-slide {
|
||||
padding: 150px 0px;
|
||||
}
|
||||
|
||||
@media (max-width:500px) {
|
||||
.banner-carousel .swiper-slide {
|
||||
padding: 0px;
|
||||
height: 100%;
|
||||
/* margin-top: 100px; */
|
||||
}
|
||||
}
|
||||
|
||||
.banner-carousel .swiper-slide:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
/* background: #f9d6d6; */
|
||||
@ -140,19 +151,19 @@
|
||||
opacity: 0.8;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.banner-carousel .swiper-slide .bg-layer{
|
||||
|
||||
.banner-carousel .swiper-slide .bg-layer {
|
||||
position: absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
-webkit-transform:scale(1);
|
||||
-ms-transform:scale(1);
|
||||
transform:scale(1);
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
transition: none !important;
|
||||
/* -webkit-transition: all 8000ms linear;
|
||||
-moz-transition: all 8000ms linear;
|
||||
@ -166,21 +177,21 @@
|
||||
height: 70%;
|
||||
}
|
||||
} */
|
||||
|
||||
.banner-carousel .swiper-slide-active .bg-layer{
|
||||
-webkit-transform:scale(1.25);
|
||||
-ms-transform:scale(1.25);
|
||||
transform:scale(1.25);
|
||||
|
||||
.banner-carousel .swiper-slide-active .bg-layer {
|
||||
-webkit-transform: scale(1.25);
|
||||
-ms-transform: scale(1.25);
|
||||
transform: scale(1.25);
|
||||
}
|
||||
|
||||
.banner-carousel .content-box{
|
||||
|
||||
.banner-carousel .content-box {
|
||||
position: relative;
|
||||
max-width: 770px;
|
||||
width: 100%;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.banner-carousel .content-box .upper-text{
|
||||
.banner-carousel .content-box .upper-text {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 24px;
|
||||
@ -201,14 +212,23 @@
|
||||
transition: all 1000ms ease;
|
||||
}
|
||||
|
||||
@media (max-width: 425px) {
|
||||
@media (max-width: 500px) {
|
||||
.banner-carousel .content-box .upper-text {
|
||||
font-size: 18px;
|
||||
line-height: 28px;
|
||||
color: #fff !important;
|
||||
font-size: 18px !important;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.banner-carousel .swiper-slide-active .content-box .upper-text{
|
||||
@media (max-width: 500px) {
|
||||
.banner-carousel .content-box h2 {
|
||||
color: #fff !important;
|
||||
font-size: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.banner-carousel .swiper-slide-active .content-box .upper-text {
|
||||
opacity: 1;
|
||||
-webkit-transition-delay: 700ms;
|
||||
-moz-transition-delay: 700ms;
|
||||
@ -222,7 +242,7 @@
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.banner-carousel .content-box h2{
|
||||
.banner-carousel .content-box h2 {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 64px;
|
||||
@ -242,7 +262,7 @@
|
||||
transition: all 1000ms ease;
|
||||
}
|
||||
|
||||
.banner-carousel .swiper-slide-active .content-box h2{
|
||||
.banner-carousel .swiper-slide-active .content-box h2 {
|
||||
opacity: 1;
|
||||
-webkit-transition-delay: 700ms;
|
||||
-moz-transition-delay: 700ms;
|
||||
@ -256,17 +276,17 @@
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.banner-carousel .content-box h2 span{
|
||||
.banner-carousel .content-box h2 span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-weight: 400;
|
||||
color: var(--secondary-color);
|
||||
color: #bc0000;
|
||||
}
|
||||
|
||||
.banner-carousel .content-box h2 span:before{
|
||||
.banner-carousel .content-box h2 span:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: var(--secondary-color);
|
||||
background: #bc0000;
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
left: 0px;
|
||||
@ -274,7 +294,7 @@
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.banner-carousel .content-box p{
|
||||
.banner-carousel .content-box p {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
@ -297,7 +317,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.banner-carousel .swiper-slide-active .content-box p{
|
||||
.banner-carousel .swiper-slide-active .content-box p {
|
||||
opacity: 1;
|
||||
-webkit-transition-delay: 900ms;
|
||||
-moz-transition-delay: 900ms;
|
||||
@ -311,7 +331,7 @@
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.banner-carousel .content-box .btn-box{
|
||||
.banner-carousel .content-box .btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
opacity: 1;
|
||||
@ -327,7 +347,7 @@
|
||||
transition: all 1000ms ease;
|
||||
}
|
||||
|
||||
.banner-carousel .swiper-slide-active .content-box .btn-box{
|
||||
.banner-carousel .swiper-slide-active .content-box .btn-box {
|
||||
opacity: 1;
|
||||
-webkit-transition-delay: 1100ms;
|
||||
-moz-transition-delay: 1100ms;
|
||||
@ -341,7 +361,7 @@
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.banner-carousel .image-layer{
|
||||
.banner-carousel .image-layer {
|
||||
position: absolute;
|
||||
right: 180px;
|
||||
bottom: 0px;
|
||||
@ -359,7 +379,7 @@
|
||||
transition: all 1000ms ease;
|
||||
}
|
||||
|
||||
.banner-carousel .swiper-slide-active .image-layer{
|
||||
.banner-carousel .swiper-slide-active .image-layer {
|
||||
opacity: 1;
|
||||
-webkit-transition-delay: 1100ms;
|
||||
-moz-transition-delay: 1100ms;
|
||||
@ -376,17 +396,17 @@
|
||||
|
||||
/** banner-style-three **/
|
||||
|
||||
.banner-style-three{
|
||||
.banner-style-three {
|
||||
position: relative;
|
||||
padding: 118px 0px 91px 0px;
|
||||
}
|
||||
|
||||
.banner-style-three .content-box{
|
||||
.banner-style-three .content-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.banner-style-three .content-box .upper-text{
|
||||
.banner-style-three .content-box .upper-text {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 24px;
|
||||
@ -397,7 +417,7 @@
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.banner-style-three .content-box h2{
|
||||
.banner-style-three .content-box h2 {
|
||||
display: block;
|
||||
font-size: 64px;
|
||||
line-height: 75px;
|
||||
@ -405,14 +425,14 @@
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.banner-style-three .content-box h2 span{
|
||||
.banner-style-three .content-box h2 span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-weight: 400;
|
||||
color: var(--secondary-color);
|
||||
}
|
||||
|
||||
.banner-style-three .content-box h2 span:before{
|
||||
.banner-style-three .content-box h2 span:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: var(--secondary-color);
|
||||
@ -423,19 +443,19 @@
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.banner-style-three .content-box p{
|
||||
.banner-style-three .content-box p {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.banner-style-three .content-box .btn-box{
|
||||
.banner-style-three .content-box .btn-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.banner-style-three .content-box .btn-box .video-btn{
|
||||
.banner-style-three .content-box .btn-box .video-btn {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 70px;
|
||||
@ -448,7 +468,7 @@
|
||||
border: 2px solid var(--theme-color);
|
||||
}
|
||||
|
||||
.banner-style-three .content-box .shape{
|
||||
.banner-style-three .content-box .shape {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
@ -457,21 +477,21 @@
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.banner-style-three .image-box{
|
||||
.banner-style-three .image-box {
|
||||
position: relative;
|
||||
padding: 0px 60px 0px 73px;
|
||||
}
|
||||
|
||||
.banner-style-three .image-box .image{
|
||||
.banner-style-three .image-box .image {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.banner-style-three .image-box .image img{
|
||||
.banner-style-three .image-box .image img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.banner-style-three .image-box .image-shape .shape-1{
|
||||
.banner-style-three .image-box .image-shape .shape-1 {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
bottom: -70px;
|
||||
@ -480,7 +500,7 @@
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.banner-style-three .image-box .image-shape .shape-2{
|
||||
.banner-style-three .image-box .image-shape .shape-2 {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 70px;
|
||||
@ -489,7 +509,7 @@
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.banner-style-three .image-box .image-shape .shape-3{
|
||||
.banner-style-three .image-box .image-shape .shape-3 {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
@ -498,7 +518,7 @@
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.banner-style-three .image-box .image-shape .shape-4{
|
||||
.banner-style-three .image-box .image-shape .shape-4 {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 0px;
|
||||
@ -507,7 +527,7 @@
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.banner-style-three .pattern-layer{
|
||||
.banner-style-three .pattern-layer {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
@ -517,7 +537,7 @@
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.banner-style-three .image-box .text-box{
|
||||
.banner-style-three .image-box .text-box {
|
||||
position: absolute;
|
||||
right: -160px;
|
||||
bottom: 130px;
|
||||
@ -529,14 +549,14 @@
|
||||
padding: 31px 30px;
|
||||
}
|
||||
|
||||
.banner-style-three .image-box .text-box h3{
|
||||
.banner-style-three .image-box .text-box h3 {
|
||||
display: block;
|
||||
font-size: 22px;
|
||||
line-height: 31px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.banner-style-three .image-box .text-box .designation{
|
||||
.banner-style-three .image-box .text-box .designation {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
@ -551,21 +571,21 @@
|
||||
|
||||
/** RTL-CSS **/
|
||||
|
||||
.rtl .banner-carousel .content-box{
|
||||
.rtl .banner-carousel .content-box {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.rtl .banner-style-three .content-box .btn-box .theme-btn{
|
||||
.rtl .banner-style-three .content-box .btn-box .theme-btn {
|
||||
margin-right: 0px;
|
||||
margin-left: 60px;
|
||||
}
|
||||
|
||||
.rtl .banner-style-three .content-box .shape{
|
||||
.rtl .banner-style-three .content-box .shape {
|
||||
right: inherit;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.rtl .banner-style-three .image-box .text-box{
|
||||
.rtl .banner-style-three .image-box .text-box {
|
||||
right: inherit;
|
||||
left: -160px;
|
||||
}
|
||||
@ -574,104 +594,104 @@
|
||||
|
||||
/** RESPONSIVE-CSS **/
|
||||
|
||||
@media only screen and (max-width: 1599px){
|
||||
.banner-style-three .image-box .text-box{
|
||||
@media only screen and (max-width: 1599px) {
|
||||
.banner-style-three .image-box .text-box {
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
.rtl .banner-style-three .image-box .text-box{
|
||||
.rtl .banner-style-three .image-box .text-box {
|
||||
left: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 1200px){
|
||||
@media only screen and (max-width: 1200px) {
|
||||
|
||||
.banner-carousel .image-layer{
|
||||
.banner-carousel .image-layer {
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 991px){
|
||||
@media only screen and (max-width: 991px) {
|
||||
|
||||
.banner-section .shape{
|
||||
.banner-section .shape {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.banner-section .content-box{
|
||||
.banner-section .content-box {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.banner-section .image-box{
|
||||
.banner-section .image-box {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.banner-carousel .image-layer{
|
||||
.banner-carousel .image-layer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.banner-style-three{
|
||||
.banner-style-three {
|
||||
padding-top: 180px;
|
||||
}
|
||||
|
||||
.banner-style-three .content-box{
|
||||
.banner-style-three .content-box {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px){
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
.banner-section .content-box h2,
|
||||
.banner-style-three .content-box h2{
|
||||
.banner-style-three .content-box h2 {
|
||||
font-size: 50px;
|
||||
line-height: 60px;
|
||||
}
|
||||
|
||||
.banner-carousel .content-box h2{
|
||||
.banner-carousel .content-box h2 {
|
||||
font-size: 28px;
|
||||
line-height: 38px;
|
||||
}
|
||||
|
||||
.banner-style-three .content-box .shape{
|
||||
.banner-style-three .content-box .shape {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.banner-style-three .image-box .image-shape{
|
||||
.banner-style-three .image-box .image-shape {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.banner-style-three{
|
||||
.banner-style-three {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 599px){
|
||||
@media only screen and (max-width: 599px) {
|
||||
|
||||
.banner-style-three .image-box{
|
||||
.banner-style-three .image-box {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 499px){
|
||||
@media only screen and (max-width: 499px) {
|
||||
|
||||
.banner-style-three .content-box .btn-box{
|
||||
.banner-style-three .content-box .btn-box {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.rtl .banner-style-three .content-box .btn-box .theme-btn{
|
||||
.rtl .banner-style-three .content-box .btn-box .theme-btn {
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.banner-style-three .content-box .btn-box .theme-btn{
|
||||
.banner-style-three .content-box .btn-box .theme-btn {
|
||||
margin-right: 0px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.banner-style-three .image-box .text-box{
|
||||
.banner-style-three .image-box .text-box {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
bottom: 0px;
|
||||
@ -680,46 +700,70 @@
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width:426px) {
|
||||
|
||||
.banner-carousel .content-box h2 span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.banner-carousel .content-box h2 span:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: #bc0000;
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 1440px) {
|
||||
.bg-layer.bg-slide-0 {
|
||||
background-position: left -350px center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.bg-layer.bg-slide-0 {
|
||||
background-position: left -550px center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.bg-layer.bg-slide-0 {
|
||||
background-position: left -720px center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.bg-layer.bg-slide-0 {
|
||||
background-position: left -780px center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) and (min-width: 500px) {
|
||||
.bg-layer.bg-slide-0 {
|
||||
background-position: left -500px center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 500px) and (max-width: 768px) {
|
||||
.banner-slide:nth-child(1) .custom-content-box.mobile-style, .custom-content-box.with-background, h2 {
|
||||
font-size: 50px !important;
|
||||
line-height: 1 !important;
|
||||
}
|
||||
|
||||
.banner-slide:nth-child(1) .custom-content-box.mobile-style .upper-text, .custom-content-box.with-background .upper-text {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.banner-slide:nth-child(1) .custom-content-box.mobile-style .theme-btn span, .custom-content-box.with-background .theme-btn span {
|
||||
font-size: 16px;
|
||||
padding: 15px 20px !important;
|
||||
}
|
||||
}
|
||||
@ -15,7 +15,7 @@
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.funfact-block-one .inner-box {
|
||||
padding: 38px;
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -137,7 +137,7 @@
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px){
|
||||
@media only screen and (max-width: 768px){
|
||||
|
||||
.process-section .inner-container{
|
||||
display: block;
|
||||
|
||||
@ -83,6 +83,13 @@
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .lower-content .icon-box img {
|
||||
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
|
||||
}
|
||||
|
||||
.service-block-one .inner-box:hover .lower-content .icon-box {
|
||||
bottom: 183px;
|
||||
}
|
||||
@ -258,6 +265,12 @@
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) and (min-width: 768px) {
|
||||
.service-block-one .inner-box .lower-content {
|
||||
min-height: 315px;
|
||||
padding:40px 31px 40px 105px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1,11 +1,16 @@
|
||||
|
||||
/** sidebar **/
|
||||
|
||||
.default-sidebar{
|
||||
.default-sidebar {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.default-sidebar .sidebar-widget{
|
||||
@media (max-width: 991px) {
|
||||
.default-sidebar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.default-sidebar .sidebar-widget {
|
||||
position: relative;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);
|
||||
@ -13,40 +18,40 @@
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.default-sidebar .sidebar-widget:last-child{
|
||||
.default-sidebar .sidebar-widget:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.default-sidebar .widget-title{
|
||||
.default-sidebar .widget-title {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 40px 40px 19px 40px;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.default-sidebar .widget-title h3{
|
||||
.default-sidebar .widget-title h3 {
|
||||
display: block;
|
||||
font-size: 36px;
|
||||
line-height: 46px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.default-sidebar .widget-content{
|
||||
.default-sidebar .widget-content {
|
||||
position: relative;
|
||||
padding: 30px 30px 40px 45px;
|
||||
}
|
||||
|
||||
.default-sidebar .category-widget .category-list li{
|
||||
.default-sidebar .category-widget .category-list li {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.default-sidebar .category-widget .category-list li:last-child{
|
||||
.default-sidebar .category-widget .category-list li:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.default-sidebar .category-widget .category-list li a{
|
||||
.default-sidebar .category-widget .category-list li a {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
@ -57,11 +62,11 @@
|
||||
}
|
||||
|
||||
.default-sidebar .category-widget .category-list li a:hover,
|
||||
.default-sidebar .category-widget .category-list li a.current{
|
||||
.default-sidebar .category-widget .category-list li a.current {
|
||||
color: #bc0000;
|
||||
}
|
||||
|
||||
.default-sidebar .category-widget .category-list li a:before{
|
||||
.default-sidebar .category-widget .category-list li a:before {
|
||||
position: absolute;
|
||||
content: '\e924';
|
||||
font-family: 'icomoon';
|
||||
@ -73,16 +78,16 @@
|
||||
}
|
||||
|
||||
.default-sidebar .category-widget .category-list li a:hover:before,
|
||||
.default-sidebar .category-widget .category-list li a.current:before{
|
||||
.default-sidebar .category-widget .category-list li a.current:before {
|
||||
color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
.blog-sidebar .search-widget .search-form .form-group{
|
||||
.blog-sidebar .search-widget .search-form .form-group {
|
||||
position: relative;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.blog-sidebar .search-widget .search-form .form-group input[type='search']{
|
||||
.blog-sidebar .search-widget .search-form .form-group input[type='search'] {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
@ -96,7 +101,7 @@
|
||||
padding: 10px 60px 10px 40px;
|
||||
}
|
||||
|
||||
.blog-sidebar .search-widget .search-form .form-group button[type='submit']{
|
||||
.blog-sidebar .search-widget .search-form .form-group button[type='submit'] {
|
||||
position: absolute;
|
||||
top: 28px;
|
||||
right: 25px;
|
||||
@ -106,24 +111,24 @@
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.blog-sidebar .search-widget .search-form .form-group input:focus + button,
|
||||
.blog-sidebar .search-widget .search-form .form-group button:hover{
|
||||
.blog-sidebar .search-widget .search-form .form-group input:focus+button,
|
||||
.blog-sidebar .search-widget .search-form .form-group button:hover {
|
||||
color: var(--secondary-color);
|
||||
}
|
||||
|
||||
.blog-sidebar .tags-widget .tags-list{
|
||||
.blog-sidebar .tags-widget .tags-list {
|
||||
position: relative;
|
||||
margin: 0px -7.5px;
|
||||
}
|
||||
|
||||
.blog-sidebar .tags-widget .tags-list li{
|
||||
.blog-sidebar .tags-widget .tags-list li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
margin: 0px 7.5px 15px 7.5px;
|
||||
}
|
||||
|
||||
.blog-sidebar .tags-widget .tags-list li a{
|
||||
.blog-sidebar .tags-widget .tags-list li a {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
@ -135,16 +140,16 @@
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.blog-sidebar .tags-widget .tags-list li a:hover{
|
||||
.blog-sidebar .tags-widget .tags-list li a:hover {
|
||||
color: #fff;
|
||||
background: var(--theme-color);
|
||||
}
|
||||
|
||||
.blog-sidebar .tags-widget .widget-content{
|
||||
.blog-sidebar .tags-widget .widget-content {
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
|
||||
.blog-sidebar .post-widget .post{
|
||||
.blog-sidebar .post-widget .post {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 1px 0px 1px 95px;
|
||||
@ -152,7 +157,7 @@
|
||||
min-height: 80px;
|
||||
}
|
||||
|
||||
.blog-sidebar .post-widget .post .post-thumb{
|
||||
.blog-sidebar .post-widget .post .post-thumb {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
@ -161,12 +166,12 @@
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.blog-sidebar .post-widget .post .post-thumb img{
|
||||
.blog-sidebar .post-widget .post .post-thumb img {
|
||||
width: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.blog-sidebar .post-widget .post h6{
|
||||
.blog-sidebar .post-widget .post h6 {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
@ -174,20 +179,20 @@
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.blog-sidebar .post-widget .post h6 a{
|
||||
.blog-sidebar .post-widget .post h6 a {
|
||||
display: inline-block;
|
||||
color: var(--title-color);
|
||||
}
|
||||
|
||||
.blog-sidebar .post-widget .post h6 a:hover{
|
||||
.blog-sidebar .post-widget .post h6 a:hover {
|
||||
color: var(--theme-color);
|
||||
}
|
||||
|
||||
.blog-sidebar .post-widget .post:last-child{
|
||||
.blog-sidebar .post-widget .post:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.blog-sidebar .post-widget .post .post-info li{
|
||||
.blog-sidebar .post-widget .post .post-info li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
@ -197,20 +202,20 @@
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
.blog-sidebar .post-widget .post .post-info li:last-child{
|
||||
.blog-sidebar .post-widget .post .post-info li:last-child {
|
||||
margin: 0px !important;
|
||||
}
|
||||
|
||||
.blog-sidebar .post-widget .post .post-info li a{
|
||||
.blog-sidebar .post-widget .post .post-info li a {
|
||||
display: inline-block;
|
||||
color: #676767;
|
||||
}
|
||||
|
||||
.blog-sidebar .post-widget .post .post-info li a:hover{
|
||||
.blog-sidebar .post-widget .post .post-info li a:hover {
|
||||
color: var(--secondary-color);
|
||||
}
|
||||
|
||||
.blog-sidebar .post-widget .post .post-info li:before{
|
||||
.blog-sidebar .post-widget .post .post-info li:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: rgba(103, 103, 103, 1);
|
||||
@ -220,27 +225,27 @@
|
||||
right: -20px;
|
||||
}
|
||||
|
||||
.blog-sidebar .post-widget .post .post-info li:last-child:before{
|
||||
.blog-sidebar .post-widget .post .post-info li:last-child:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.blog-sidebar .gallery-widget .image-list{
|
||||
.blog-sidebar .gallery-widget .image-list {
|
||||
position: relative;
|
||||
margin: 0px -5px;
|
||||
}
|
||||
|
||||
.blog-sidebar .gallery-widget .image-list li{
|
||||
.blog-sidebar .gallery-widget .image-list li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
margin: 0px 5px 10px 5px;
|
||||
}
|
||||
|
||||
.blog-sidebar .gallery-widget .widget-content{
|
||||
.blog-sidebar .gallery-widget .widget-content {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.blog-sidebar .gallery-widget .image-list li .image{
|
||||
.blog-sidebar .gallery-widget .image-list li .image {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
@ -248,7 +253,7 @@
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.blog-sidebar .gallery-widget .image-list li .image img{
|
||||
.blog-sidebar .gallery-widget .image-list li .image img {
|
||||
width: 100%;
|
||||
border-radius: 5px;
|
||||
}
|
||||
@ -259,32 +264,32 @@
|
||||
|
||||
/** RTL-CSS **/
|
||||
|
||||
.rtl .default-sidebar{
|
||||
.rtl .default-sidebar {
|
||||
margin-right: 0px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.rtl .blog-sidebar .tags-widget .tags-list li{
|
||||
.rtl .blog-sidebar .tags-widget .tags-list li {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.rtl .blog-sidebar .post-widget .post{
|
||||
.rtl .blog-sidebar .post-widget .post {
|
||||
padding-left: 0px;
|
||||
padding-right: 95px;
|
||||
}
|
||||
|
||||
.rtl .blog-sidebar .post-widget .post .post-thumb{
|
||||
.rtl .blog-sidebar .post-widget .post .post-thumb {
|
||||
left: inherit;
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
.rtl .blog-sidebar .post-widget .post .post-info li{
|
||||
.rtl .blog-sidebar .post-widget .post .post-info li {
|
||||
float: right;
|
||||
margin-right: 0px;
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.rtl .blog-sidebar .post-widget .post .post-info li:before{
|
||||
.rtl .blog-sidebar .post-widget .post .post-info li:before {
|
||||
right: inherit;
|
||||
left: -20px;
|
||||
}
|
||||
@ -293,97 +298,51 @@
|
||||
|
||||
/** RESPONSIVE-CSS **/
|
||||
|
||||
@media only screen and (max-width: 1599px){
|
||||
|
||||
}
|
||||
@media only screen and (max-width: 1599px) {}
|
||||
|
||||
|
||||
@media only screen and (max-width: 1200px){
|
||||
@media only screen and (max-width: 1200px) {}
|
||||
|
||||
|
||||
@media only screen and (max-width: 991px) {
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 991px){
|
||||
|
||||
.blog-sidebar{
|
||||
.blog-sidebar {
|
||||
margin-bottom: 40px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px){
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
.service-details{
|
||||
.service-details {
|
||||
padding: 70px 0px 70px 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 599px){
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.service-details {
|
||||
padding: 30px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 499px){
|
||||
|
||||
.blog-sidebar .post-widget .post{
|
||||
|
||||
@media only screen and (max-width: 599px) {}
|
||||
|
||||
@media only screen and (max-width: 499px) {
|
||||
|
||||
.blog-sidebar .post-widget .post {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.blog-sidebar .post-widget .post .post-thumb{
|
||||
.blog-sidebar .post-widget .post .post-thumb {
|
||||
position: relative;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.rtl .blog-sidebar .post-widget .post{
|
||||
.rtl .blog-sidebar .post-widget .post {
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -73,6 +73,23 @@
|
||||
background: var(--theme-color);
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.image_block_two .image-box .icon-box {
|
||||
left: 222px;
|
||||
top: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 425px) {
|
||||
.image_block_two .image-box .icon-box {
|
||||
top: 250px;
|
||||
left: 214px;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -109,6 +126,13 @@
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.solutions-section {
|
||||
padding: 30px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 599px){
|
||||
.image_block_two .image-box{
|
||||
padding: 0px;
|
||||
|
||||
@ -259,7 +259,19 @@
|
||||
/** RESPONSIVE-CSS **/
|
||||
|
||||
|
||||
@media only screen and (max-width: 1200px){
|
||||
/* @media only screen and (max-width: 1200px){
|
||||
|
||||
.testimonial-section .bg-layer{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.testimonial-section .content-box{
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
} */
|
||||
|
||||
@media only screen and (max-width: 1024px){
|
||||
|
||||
.testimonial-section .bg-layer{
|
||||
display: none;
|
||||
|
||||
@ -1,13 +1,12 @@
|
||||
|
||||
/** video-section **/
|
||||
|
||||
.video-section{
|
||||
.video-section {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding: 145px 0px;
|
||||
}
|
||||
|
||||
.video-section .bg-layer:before{
|
||||
.video-section .bg-layer:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
/* background: #bc0000; */
|
||||
@ -18,20 +17,20 @@
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.video-section .inner-box{
|
||||
.video-section .inner-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
max-width: 1090px;
|
||||
}
|
||||
|
||||
.video-section .inner-box .video-btn{
|
||||
.video-section .inner-box .video-btn {
|
||||
position: absolute;
|
||||
top: 85px;
|
||||
right: 0px;
|
||||
cursor:pointer
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.video-section .inner-box .video-btn a{
|
||||
.video-section .inner-box .video-btn a {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
@ -45,7 +44,7 @@
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.video-section .inner-box h2{
|
||||
.video-section .inner-box h2 {
|
||||
display: block;
|
||||
font-size: 64px;
|
||||
line-height: 75px;
|
||||
@ -54,7 +53,7 @@
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.video-section .inner-box .shape{
|
||||
.video-section .inner-box .shape {
|
||||
position: absolute;
|
||||
right: 573px;
|
||||
top: 242px;
|
||||
@ -64,27 +63,27 @@
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.inner-box-new-color{
|
||||
.inner-box-new-color {
|
||||
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
line-height: 36px;
|
||||
/* font-weight: 600; */
|
||||
margin-bottom: 5px;
|
||||
font-size: 18px;
|
||||
line-height: 36px;
|
||||
/* font-weight: 600; */
|
||||
margin-bottom: 5px;
|
||||
|
||||
}
|
||||
|
||||
.video-section .image-layer{
|
||||
.video-section .image-layer {
|
||||
position: absolute;
|
||||
right: 60px;
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
.video-section.alternat-2{
|
||||
.video-section.alternat-2 {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.video-section.alternat-2 .bg-layer{
|
||||
.video-section.alternat-2 .bg-layer {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
@ -101,7 +100,7 @@ font-size: 18px;
|
||||
|
||||
/** RTL-CSS **/
|
||||
|
||||
.rtl .video-section .inner-box .video-btn{
|
||||
.rtl .video-section .inner-box .video-btn {
|
||||
right: inherit;
|
||||
left: 0px;
|
||||
}
|
||||
@ -111,24 +110,24 @@ font-size: 18px;
|
||||
/** RESPONSIVE-CSS **/
|
||||
|
||||
|
||||
@media only screen and (max-width: 1200px){
|
||||
@media only screen and (max-width: 1200px) {
|
||||
|
||||
.video-section .image-layer{
|
||||
.video-section .image-layer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1440px){
|
||||
@media only screen and (max-width: 1440px) {
|
||||
|
||||
.video-section .image-layer{
|
||||
.video-section .image-layer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.video-section .inner-box .shape{
|
||||
.video-section .inner-box .shape {
|
||||
position: absolute;
|
||||
right: 566px;
|
||||
top: 174px;
|
||||
@ -139,9 +138,9 @@ font-size: 18px;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 1440px){
|
||||
@media only screen and (max-width: 1440px) {
|
||||
|
||||
.video-section .inner-box .shape{
|
||||
.video-section .inner-box .shape {
|
||||
|
||||
position: absolute;
|
||||
right: 587px;
|
||||
@ -155,9 +154,9 @@ font-size: 18px;
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1024px){
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
||||
.video-section .inner-box .shape{
|
||||
.video-section .inner-box .shape {
|
||||
|
||||
position: absolute;
|
||||
right: 470px;
|
||||
@ -171,9 +170,9 @@ font-size: 18px;
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px){
|
||||
@media only screen and (max-width: 768px) {
|
||||
|
||||
.video-section .inner-box .shape{
|
||||
.video-section .inner-box .shape {
|
||||
|
||||
position: absolute;
|
||||
right: 226px;
|
||||
@ -187,87 +186,57 @@ font-size: 18px;
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 991px){
|
||||
@media only screen and (max-width: 991px) {
|
||||
|
||||
.video-section .inner-box .video-btn{
|
||||
.video-section .inner-box .video-btn {
|
||||
position: relative;
|
||||
top: 0px;
|
||||
margin-bottom: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.video-section .inner-box h2 br{
|
||||
.video-section .inner-box h2 br {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px){
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
.video-section .inner-box h2{
|
||||
.video-section .inner-box h2 {
|
||||
font-size: 26px;
|
||||
line-height: 46px;
|
||||
}
|
||||
|
||||
.video-section .inner-box .shape{
|
||||
.video-section .inner-box .shape {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.video-section{
|
||||
.video-section {
|
||||
padding: 90px 0px 70px 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 599px){
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 499px){
|
||||
|
||||
|
||||
@media (max-width: 435px) {
|
||||
.video-section {
|
||||
padding: 30px 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 599px) {}
|
||||
|
||||
@media only screen and (max-width: 499px) {}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.video-section h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.video-section .btn-box {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -691,12 +691,12 @@
|
||||
.scroll-to-top {
|
||||
position: fixed;
|
||||
right: 20px;
|
||||
bottom: 60px;
|
||||
bottom: 71px;
|
||||
transform: rotate(0deg);
|
||||
z-index: 99;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: var(--theme-color);
|
||||
background: #102548;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: 50px;
|
||||
@ -814,6 +814,18 @@
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
|
||||
.sec-title-2 .sub-title-1 {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 24px;
|
||||
line-height: 34px;
|
||||
font-family: var(--soleil);
|
||||
color: #fff !important;
|
||||
letter-spacing: 0.8px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.sec-title .sub-title {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
@ -825,13 +837,21 @@
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
@media (max-width: 425px) {
|
||||
.sec-title .sub-title {
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.new-color {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.new-color2 {
|
||||
color: #fff !important;
|
||||
font-size: 24px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.sec-title h2 {
|
||||
@ -863,9 +883,7 @@
|
||||
}
|
||||
|
||||
.h3-white {
|
||||
|
||||
color: #fff !important;
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1024px) {
|
||||
@ -890,6 +908,32 @@
|
||||
color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
||||
.sec-title-1 h2 {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 38px;
|
||||
line-height: 65px;
|
||||
font-weight: 700;
|
||||
margin: 0px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
||||
.sec-title-2 h2 {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 38px !important;
|
||||
font-weight: 700;
|
||||
margin: 0px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1072,25 +1116,26 @@
|
||||
} */
|
||||
|
||||
.mobile-menu .nav-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between; /* even spacing */
|
||||
padding: 10px 15px;
|
||||
}
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
/* even spacing */
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
.mobile-menu .nav-social ul {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
.mobile-menu .nav-social ul {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.mobile-menu .nav-social ul li a {
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
}
|
||||
.mobile-menu .nav-social ul li a {
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1112,9 +1157,9 @@
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.header-top .top-inner .social-links li {
|
||||
/* .header-top .top-inner .social-links li {
|
||||
display: none !important;
|
||||
}
|
||||
} */
|
||||
|
||||
.header-top .top-inner {
|
||||
|
||||
@ -1388,6 +1433,12 @@
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.main-menu .navigation>li>a {
|
||||
font-size: 17px;
|
||||
}
|
||||
}
|
||||
|
||||
.main-menu .navigation>li:last-child>a {
|
||||
margin-right: 25px;
|
||||
}
|
||||
@ -1752,7 +1803,7 @@
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
overflow-y: auto;
|
||||
background-color: #102548;
|
||||
background-color: #bc0000;
|
||||
padding: 0px 0px;
|
||||
z-index: 5;
|
||||
opacity: 0;
|
||||
@ -2257,6 +2308,29 @@
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
/* Footer social icons only */
|
||||
.main-footer .social-links li a {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
background: #fff !important;
|
||||
/* white background */
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.main-footer .social-links li a i,
|
||||
.main-footer .social-links li a i::before {
|
||||
color: #e60000 !important;
|
||||
/* red icon */
|
||||
font-size: 18px;
|
||||
line-height: 1;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
||||
.main-footer .logo-widget p {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
@ -2278,7 +2352,7 @@
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 426px) {
|
||||
@media only screen and (max-width: 500px) {
|
||||
.main-footer .widget-title h3 {
|
||||
|
||||
text-align: start;
|
||||
@ -2649,6 +2723,13 @@
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
@media (max-width: 1440px) {
|
||||
.header-style-two .header-lower .outer-container {
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
.header-style-two .header-lower .outer-container {
|
||||
padding-left: 20px;
|
||||
@ -2855,6 +2936,27 @@
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
|
||||
/* .main-menu,
|
||||
.sticky-header,
|
||||
.main-header.style-one .outer-container:before {
|
||||
display: none !important;
|
||||
} */
|
||||
|
||||
/* .menu-area .mobile-nav-toggler {
|
||||
display: block;
|
||||
padding: 10px;
|
||||
} */
|
||||
|
||||
.megamenu ul li:first-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
|
||||
.main-menu,
|
||||
.sticky-header,
|
||||
.main-header.style-one .outer-container:before {
|
||||
@ -2866,14 +2968,37 @@
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.megamenu ul li:first-child {
|
||||
display: none;
|
||||
.header-top .social-links {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) and (min-width: 1025px) {
|
||||
.header-style-two .header-lower .outer-container {
|
||||
padding: 0px 20px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 1024px) and (min-width: 769px) {
|
||||
.header-style-two .header-lower .outer-container {
|
||||
padding: 0px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.main-menu .navigation>li {
|
||||
margin: 0 15px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.main-menu .navigation>li>a {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
@ -2946,7 +3071,7 @@
|
||||
|
||||
|
||||
.sec-title h2 {
|
||||
font-size: 26px;
|
||||
font-size: 22px;
|
||||
line-height: 34px;
|
||||
}
|
||||
|
||||
@ -2961,31 +3086,40 @@
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width : 426px){
|
||||
|
||||
@media only screen and (max-width: 499px) {
|
||||
|
||||
.sec-title-1 h2 {
|
||||
font-size: 26px;
|
||||
line-height: 34px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width : 426px) {
|
||||
|
||||
.default-form .form-group input[type='text'],
|
||||
.default-form .form-group input[type='email'],
|
||||
.default-form .form-group textarea {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 55px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
border-radius: 10px;
|
||||
padding: 10px 30px;
|
||||
font-size: 18px;
|
||||
color: #676767;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
.default-form .form-group input[type='email'],
|
||||
.default-form .form-group textarea {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 55px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
border-radius: 10px;
|
||||
padding: 10px 30px;
|
||||
font-size: 18px;
|
||||
color: #676767;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.default-form .form-group textarea {
|
||||
height: 80px;
|
||||
resize: none;
|
||||
}
|
||||
.default-form .form-group textarea {
|
||||
height: 80px;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.contact-style-three .default-form .form-group{
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.contact-style-three .default-form .form-group {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -3162,15 +3296,181 @@
|
||||
padding: 50px;
|
||||
}
|
||||
|
||||
@media (max-width: 425px) {
|
||||
@media (max-width: 500px) {
|
||||
.custom-content-box {
|
||||
padding: 35px;
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 425px) {
|
||||
|
||||
.custom-content-box.mobile-style {
|
||||
background: none;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 1024px) {
|
||||
.custom-content-box.mobile-style {
|
||||
top: 190px;
|
||||
background: white;
|
||||
border-radius: 15%;
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.custom-content-box.with-background {
|
||||
top: 170px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 425px) {
|
||||
.custom-content-box.mobile-style {
|
||||
/* background: white; */
|
||||
border-radius: 15%;
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
.contact-icon-container {
|
||||
position: fixed;
|
||||
bottom: 60px;
|
||||
left: 20px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
/* Common style for all icons */
|
||||
.contact-icon-outer {
|
||||
background-color: #102548;
|
||||
padding: 16px;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-decoration: none;
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
/* so all align vertically */
|
||||
transition: transform 0.3s ease, opacity 0.3s ease;
|
||||
}
|
||||
|
||||
.contact-icon {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
/* Extra icons start hidden */
|
||||
.extra-icon {
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
/* slight downward offset */
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* When menu is open */
|
||||
.extra-icon.show {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
/* Delay each icon for “one-by-one” effect */
|
||||
.extra-icon.show:nth-child(1) {
|
||||
transition-delay: 0.05s;
|
||||
}
|
||||
|
||||
.extra-icon.show:nth-child(2) {
|
||||
transition-delay: 0.1s;
|
||||
}
|
||||
|
||||
.extra-icon.show:nth-child(3) {
|
||||
transition-delay: 0.15s;
|
||||
}
|
||||
|
||||
.sec-title-2 h2 {
|
||||
font-size: 50px;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@media (max-width: 425px) {
|
||||
.sec-title-2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.sec-title-2 h2 {
|
||||
order: -1;
|
||||
font-weight: normal;
|
||||
font-size: 18px !important;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.sec-title-2 span {
|
||||
order: 1;
|
||||
font-weight: bold;
|
||||
font-size: 22px !important;
|
||||
color: #fff;
|
||||
display: block;
|
||||
margin-top: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) and (min-width: 769px) {
|
||||
.info-block-one {
|
||||
padding: 30px 7px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.blog-details-content .news-block-one .inner-box .lower-content h2 {
|
||||
font-size: 38px !important;
|
||||
line-height: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 425px) {
|
||||
.blog-details-content .news-block-one .inner-box .lower-content h2 {
|
||||
font-size: 22px !important;
|
||||
line-height: 23px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.service-details-content h2 {
|
||||
font-size: 38px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 425px) {
|
||||
.service-details-content h2 {
|
||||
font-size: 22px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 425px) {
|
||||
.pb_90 {
|
||||
padding-top: 30px !important;
|
||||
padding-bottom: 30px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 425px) {
|
||||
.pt_90 {
|
||||
padding-top: 30px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 425px) {
|
||||
.sec-pad {
|
||||
padding-top: 30px !important;
|
||||
padding-bottom: 30px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 425px) {
|
||||
.chooseus-section {
|
||||
padding-top: 30px !important;
|
||||
padding-bottom: 30px !important;
|
||||
}
|
||||
}
|
||||
BIN
public/assets/images/banner-2.jpeg
Normal file
BIN
public/assets/images/banner-2.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 9.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 9.7 KiB |
BIN
public/assets/images/cancel.png
Normal file
BIN
public/assets/images/cancel.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 550 B |
BIN
public/assets/images/chat.png
Normal file
BIN
public/assets/images/chat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
public/assets/images/home/our-services/bottom-left.webp
Normal file
BIN
public/assets/images/home/our-services/bottom-left.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
BIN
public/assets/images/home/our-services/top-right.webp
Normal file
BIN
public/assets/images/home/our-services/top-right.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
BIN
public/assets/images/icon.png
Normal file
BIN
public/assets/images/icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/assets/images/services/icons/shockwave.webp
Normal file
BIN
public/assets/images/services/icons/shockwave.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
public/assets/images/services/shockwave/1.webp
Normal file
BIN
public/assets/images/services/shockwave/1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
public/assets/images/services/shockwave/2.webp
Normal file
BIN
public/assets/images/services/shockwave/2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/assets/images/services/shockwave/big-img.webp
Normal file
BIN
public/assets/images/services/shockwave/big-img.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
public/assets/images/services/shockwave/left.webp
Normal file
BIN
public/assets/images/services/shockwave/left.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
public/assets/images/services/shockwave/shockwave-banner.webp
Normal file
BIN
public/assets/images/services/shockwave/shockwave-banner.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
public/assets/images/share.png
Normal file
BIN
public/assets/images/share.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 690 B |
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user