Compare commits
22 Commits
73199b0b52
...
febcc7b8ad
| Author | SHA1 | Date | |
|---|---|---|---|
|
febcc7b8ad | ||
|
|
8b254a8867 | ||
|
|
de8227a351 | ||
|
|
0157ab5b9d | ||
|
|
95c5868295 | ||
|
|
16f59adc17 | ||
|
|
f8afc9d22b | ||
|
|
d748cd15f6 | ||
|
|
5a5e57113b | ||
|
|
98da0616df | ||
|
|
71117fbe1a | ||
|
|
887ff8a0a8 | ||
|
|
d0f28acc89 | ||
|
|
a72120d458 | ||
|
|
d9a59cdbd6 | ||
|
|
cf1f6538ec | ||
|
|
31b3aaa88c | ||
| 3ef71fde00 | |||
|
|
6b285a3ba4 | ||
|
|
6a6d064754 | ||
|
|
48bc106e24 | ||
|
|
cb4170010d |
@ -4,7 +4,7 @@ import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import { teamMembers } from "@/utils/constant.utils";
|
||||
import CounterUp from "@/components/elements/CounterUp";
|
||||
|
||||
import Image from "next/image";
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import 'swiper/css';
|
||||
@ -69,168 +69,208 @@ export default function Home() {
|
||||
|
||||
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>
|
||||
{/* 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">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-33.png"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
<figure className="image image-1-ho"><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 new-ho"><img src="/assets/images/about-us/section1/about-icon.webp" alt="About us" /></div>
|
||||
|
||||
{/* <div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div> */}
|
||||
<div className="shape-4">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-34.png"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="shape-5">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-11.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<figure className="image image-1-ho hide-img"><img src="/assets/images/about-us/section1/about-right.webp" alt="Physiotherapy at Rapharehab" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/about-us/section1/about-left.webp" alt="Physiotherapy at Rapharehab" /></figure>
|
||||
<div className="icon-box new-ho"><img src="/assets/images/about-us/section1/about-icon.webp" alt="Physiotherapy at Rapharehab" /></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 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>
|
||||
</section>
|
||||
{/* about-section end */}
|
||||
</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>
|
||||
{/* process */}
|
||||
<section className="process-section sec-pad pt-0">
|
||||
<div className="pattern-layer">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-19.png"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</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 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="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Caring Excellence</span>
|
||||
<h2>Mission Vision & Values</h2>
|
||||
<div className="inner-container">
|
||||
<div className="arrow-shape">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-18.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</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 ? "..." : "");
|
||||
{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>
|
||||
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>
|
||||
</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-new "><img src="/assets/images/about-us/section3/top.webp" className="new-image-about" alt="Why choose us" /></figure>
|
||||
<figure className="image image-2-new"><img src="/assets/images/about-us/section3/bottom.webp" alt="Why choose us" /></figure>
|
||||
<div className="icon-box my-icon"><img src="/assets/images/about-us/section3/icon.webp" className="new-image-about2" alt="Why choose us" /></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 pb_30">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1-new "><img src="/assets/images/about-us/section3/top.webp" className="new-image-about" alt="Physiotherapy at Rapharehab" /></figure>
|
||||
<figure className="image image-2-new hide-img"><img src="/assets/images/about-us/section3/bottom.webp" alt="Physiotherapy at Rapharehab" /></figure>
|
||||
<div className="icon-box my-icon"><img src="/assets/images/about-us/section3/icon.webp" className="new-image-about2" alt="Physiotherapy at Rapharehab" /></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 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>
|
||||
</section>
|
||||
{/* process end */}
|
||||
</div>
|
||||
</section>
|
||||
{/* process end */}
|
||||
|
||||
|
||||
{/* team-section-style-two */}
|
||||
<section className="team-section sec-pad centred">
|
||||
{/* <div className="shape"> */}
|
||||
{/* <div
|
||||
{/* 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
|
||||
{/* <div className="shape-2"></div> */}
|
||||
{/* <div
|
||||
className="shape-3 float-bob-x"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-16.png)" }}
|
||||
></div> */}
|
||||
{/* </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="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 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
|
||||
key={member.id}
|
||||
className="col-lg-3 col-md-6 col-sm-12 team-block"
|
||||
className="team-block-one wow fadeInUp animated"
|
||||
data-wow-delay={`${index * 200}ms`}
|
||||
data-wow-duration="1500ms"
|
||||
>
|
||||
<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">
|
||||
<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}>
|
||||
@ -239,64 +279,82 @@ export default function Home() {
|
||||
</li>
|
||||
))}
|
||||
</ul> */}
|
||||
</div>
|
||||
</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 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.webp)' }}></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>
|
||||
</section>
|
||||
<section className="chooseus-section">
|
||||
<div className="bg-layer">
|
||||
<Image
|
||||
src="/assets/images/about-us/section4/why-choose-right.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="pattern-layer">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-12.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</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="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 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 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 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 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>
|
||||
{/* <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>
|
||||
@ -305,97 +363,97 @@ export default function Home() {
|
||||
</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>
|
||||
</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>
|
||||
</section>
|
||||
|
||||
<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>
|
||||
<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>
|
||||
</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 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="Physiotherapy at Rapharehab"
|
||||
className="w-full h-full object-cover rounded-lg"
|
||||
/>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
254
app/appointment-booking-form/ContactClient.js
Normal file
254
app/appointment-booking-form/ContactClient.js
Normal file
@ -0,0 +1,254 @@
|
||||
"use client";
|
||||
|
||||
import { useState, useEffect } from "react";
|
||||
import ReCAPTCHA from "react-google-recaptcha";
|
||||
import axios from "axios";
|
||||
import Link from "next/link";
|
||||
import { servicesList } from "@/utils/Services.utils";
|
||||
|
||||
export default function ContactClient() {
|
||||
const [formData, setFormData] = useState({
|
||||
username: "",
|
||||
email: "",
|
||||
phone: "",
|
||||
service: "",
|
||||
message: "",
|
||||
});
|
||||
|
||||
const [formErrors, setFormErrors] = useState({});
|
||||
const [captchaToken, setCaptchaToken] = useState(null);
|
||||
const [alert, setAlert] = useState({ show: false, type: "", message: "" });
|
||||
|
||||
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 = "Name is required.";
|
||||
if (!formData.email.trim()) errors.email = "Email is required.";
|
||||
if (!formData.phone.trim()) errors.phone = "Phone is required.";
|
||||
if (!formData.service.trim()) errors.service = "Please select a service.";
|
||||
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 = {
|
||||
name: formData.username,
|
||||
phone: formData.phone,
|
||||
email: formData.email,
|
||||
subject: formData.service,
|
||||
message: `Service: ${formData.service}<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: "", email: "", phone: "", service: "", message: "" });
|
||||
setCaptchaToken(null);
|
||||
setFormErrors({});
|
||||
} catch (error) {
|
||||
setAlert({
|
||||
show: true,
|
||||
type: "danger",
|
||||
message: "Failed to send message. Please try again later.",
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
useEffect(() => {
|
||||
if (alert.show) {
|
||||
const timer = setTimeout(() => {
|
||||
setAlert((prev) => ({ ...prev, show: false }));
|
||||
}, 5000);
|
||||
return () => clearTimeout(timer);
|
||||
}
|
||||
}, [alert.show]);
|
||||
|
||||
return (
|
||||
<div>
|
||||
{/* <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>5 – 4335 Bloor Street West <br />Etobicoke, M9C 2A5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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="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="phone"
|
||||
placeholder="Phone"
|
||||
value={formData.phone}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.phone && <small className="text-danger">{formErrors.phone}</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">
|
||||
<select
|
||||
name="service"
|
||||
value={formData.service}
|
||||
onChange={handleChange}
|
||||
className="form-control"
|
||||
>
|
||||
<option value="">Select Service</option>
|
||||
{servicesList.map((service) => (
|
||||
<option key={service.slug} value={service.shortTitle}>
|
||||
{service.shortTitle}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
{formErrors.service && <small className="text-danger">{formErrors.service}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-6 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="6Lckq9MrAAAAABjBD9rQYm19BMGFFWiwb9mPiw2K"
|
||||
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 re-desprict">
|
||||
<figure className="image-box">
|
||||
<img src="/assets/images/contact/appointment.webp" alt="Physiotherapy at Rapharehab" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* <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>
|
||||
);
|
||||
}
|
||||
29
app/appointment-booking-form/page.js
Normal file
29
app/appointment-booking-form/page.js
Normal file
@ -0,0 +1,29 @@
|
||||
import Head from "next/head";
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import ContactClient from "../appointment-booking-form/ContactClient";
|
||||
|
||||
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.",
|
||||
robots: {
|
||||
index: false,
|
||||
follow: false,
|
||||
},
|
||||
};
|
||||
|
||||
|
||||
export default function Appointment() {
|
||||
return (
|
||||
// <Layout
|
||||
// headerStyle={1}
|
||||
// footerStyle={1}
|
||||
// breadcrumbTitle="Appointment Booking"
|
||||
// bannerImage="/assets/images/contact/appointment-banner.webp"
|
||||
// >
|
||||
<>
|
||||
<ContactClient />
|
||||
</>
|
||||
// </Layout>
|
||||
);
|
||||
}
|
||||
@ -2,6 +2,7 @@ import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import Blogs from "@/utils/Blog.utils";
|
||||
import { notFound } from "next/navigation";
|
||||
import FaqSection from "@/components/FaqSection";
|
||||
|
||||
export async function generateStaticParams() {
|
||||
return Blogs.map((item) => ({
|
||||
@ -32,7 +33,7 @@ export default function BlogDetails({ params }) {
|
||||
);
|
||||
|
||||
const relatedBlogs = sameCategoryBlogs.length > 0 ? [sameCategoryBlogs[0]] : [];
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<Layout
|
||||
@ -122,6 +123,7 @@ export default function BlogDetails({ params }) {
|
||||
<div className="lower-content">
|
||||
<h2>{blog.title}</h2>
|
||||
<div dangerouslySetInnerHTML={{ __html: blog.content }} />
|
||||
{blog.faq && <FaqSection faqData={blog.faq} />}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2,6 +2,8 @@
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { useState } from 'react';
|
||||
import Image from "next/image";
|
||||
import { teamMembers } from "@/utils/constant.utils";
|
||||
|
||||
export default function Home() {
|
||||
|
||||
@ -26,7 +28,16 @@ export default function Home() {
|
||||
<>
|
||||
<Layout headerStyle={1} 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="shape hide-element">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-6.png"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">Caregivers</span>
|
||||
@ -65,7 +76,7 @@ export default function Home() {
|
||||
</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="pattern-layer hide-element" 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">
|
||||
@ -84,7 +95,7 @@ export default function Home() {
|
||||
<figure>
|
||||
<img
|
||||
src="/assets/images/caregivers/left.webp"
|
||||
alt="A professional and friendly care provider"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
className="img-fluid"
|
||||
/>
|
||||
</figure>
|
||||
@ -111,103 +122,47 @@ export default function Home() {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="service-section pb_90 pt_90 bg-color-1" id="service">
|
||||
<section className="team-section pb_90 pt_90 bg-color-1">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block d-flex">
|
||||
<div className="service-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box d-flex flex-column flex-grow-1">
|
||||
<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 mt-auto">
|
||||
<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 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}
|
||||
style={{ width: "410px", height: "444px", objectFit: "cover" }}
|
||||
/>
|
||||
</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 className="col-lg-4 col-md-6 col-sm-12 service-block d-flex">
|
||||
<div className="service-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box d-flex flex-column flex-grow-1">
|
||||
<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 mt-auto">
|
||||
<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 d-flex">
|
||||
<div className="service-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box d-flex flex-column flex-grow-1">
|
||||
<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 mt-auto">
|
||||
<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 d-flex">
|
||||
<div className="service-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box d-flex flex-column flex-grow-1">
|
||||
<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 mt-auto">
|
||||
<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 d-flex">
|
||||
<div className="service-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box d-flex flex-column flex-grow-1">
|
||||
<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 mt-auto">
|
||||
<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 d-flex">
|
||||
<div className="service-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box d-flex flex-column flex-grow-1">
|
||||
<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 mt-auto">
|
||||
<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>
|
||||
@ -229,7 +184,7 @@ export default function Home() {
|
||||
<figure>
|
||||
<img
|
||||
src="/assets/images/caregivers/nanocare.webp"
|
||||
alt="o You Have Any Nano Care Questions"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
className="img-fluid"
|
||||
/>
|
||||
</figure>
|
||||
|
||||
@ -21,18 +21,15 @@ export default function ContactClient() {
|
||||
|
||||
const handleChange = (e) => {
|
||||
const { name, value } = e.target;
|
||||
// console.log("Input Changed:", name, value);
|
||||
setFormData((prev) => ({ ...prev, [name]: value }));
|
||||
};
|
||||
|
||||
const handleCaptchaChange = (token) => {
|
||||
// console.log("Captcha Token:", token);
|
||||
setCaptchaToken(token);
|
||||
};
|
||||
|
||||
const handleSubmit = async (e) => {
|
||||
e.preventDefault();
|
||||
// console.log("Form Submitted:", formData);
|
||||
|
||||
const errors = {};
|
||||
if (!formData.username.trim()) errors.username = "Name is required.";
|
||||
@ -43,11 +40,13 @@ export default function ContactClient() {
|
||||
if (!captchaToken) errors.captcha = "Please verify the CAPTCHA.";
|
||||
|
||||
setFormErrors(errors);
|
||||
// console.log("Form Errors:", errors);
|
||||
if (Object.keys(errors).length > 0) return;
|
||||
|
||||
const emailData = {
|
||||
...formData,
|
||||
name: formData.username,
|
||||
phone: formData.phone,
|
||||
email: formData.email,
|
||||
subject: formData.service,
|
||||
message: `Service: ${formData.service}<br /><br />Message: ${formData.message}`,
|
||||
to: "bloor@rapharehab.ca",
|
||||
senderName: "Rapha Rehab Contact Page",
|
||||
@ -55,11 +54,11 @@ export default function ContactClient() {
|
||||
};
|
||||
|
||||
try {
|
||||
// console.log("Sending email:", emailData);
|
||||
const res = await axios.post("/api/sendMail", emailData, {
|
||||
headers: { "Content-Type": "application/json" },
|
||||
});
|
||||
// console.log("Email Response:", res.data);
|
||||
const res = await axios.post(
|
||||
"https://mailserver.metatronnest.com/send",
|
||||
emailData,
|
||||
{ headers: { "Content-Type": "application/json" } }
|
||||
);
|
||||
|
||||
setAlert({
|
||||
show: true,
|
||||
@ -67,17 +66,10 @@ export default function ContactClient() {
|
||||
message: res?.data?.message || "Message sent successfully!",
|
||||
});
|
||||
|
||||
setFormData({
|
||||
username: "",
|
||||
email: "",
|
||||
phone: "",
|
||||
service: "",
|
||||
message: "",
|
||||
});
|
||||
setFormData({ username: "", email: "", phone: "", service: "", message: "" });
|
||||
setCaptchaToken(null);
|
||||
setFormErrors({});
|
||||
} catch (error) {
|
||||
// console.error("❌ Error sending email:", error);
|
||||
setAlert({
|
||||
show: true,
|
||||
type: "danger",
|
||||
@ -238,7 +230,7 @@ export default function ContactClient() {
|
||||
|
||||
<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" />
|
||||
<img src="/assets/images/contact/img.webp" alt="Physiotherapy at Rapharehab" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -45,7 +45,7 @@ export default function Home() {
|
||||
{/* Top Intro */}
|
||||
<div className="sec-title mb_50 text-center">
|
||||
<h2 className="mb-3">COVID 19 UPDATES</h2>
|
||||
<p>
|
||||
<p className="section-para">
|
||||
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.
|
||||
|
||||
@ -1,80 +0,0 @@
|
||||
'use client'
|
||||
|
||||
import Link from "next/link";
|
||||
import { useState } from "react";
|
||||
|
||||
export default function ServiceDetailClient({ slug, service, servicesList }) {
|
||||
const [isActive, setIsActive] = useState({ status: false, key: 1 });
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({ status: false });
|
||||
} else {
|
||||
setIsActive({ status: true, key });
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<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>Services</h3></div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
{servicesList.map((item) => (
|
||||
<li key={item.slug}>
|
||||
<Link
|
||||
href={`/etobicoke-treatment-service/${item.slug}`}
|
||||
className={slug === item.slug ? "current" : ""}
|
||||
>
|
||||
{item.shortTitle}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-block-one">
|
||||
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image">
|
||||
<img src={service.sidebarImg} alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img
|
||||
src={service.icon}
|
||||
alt={`${service.title} Icon`}
|
||||
/>
|
||||
</div>
|
||||
<h3>{service.shortTitle}</h3>
|
||||
<p>{service.shortDescription}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Content */}
|
||||
<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={service.bigImg} alt="" /></figure>
|
||||
|
||||
<div dangerouslySetInnerHTML={{ __html: service.description } || "No description available."} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -1,23 +1,7 @@
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import { notFound } from "next/navigation";
|
||||
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.metaDiscription || service.shortDesc || "Explore this service in detail",
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
export async function generateStaticParams() {
|
||||
return servicesList.map((item) => ({
|
||||
@ -25,19 +9,98 @@ export async function generateStaticParams() {
|
||||
}));
|
||||
}
|
||||
|
||||
export default function ServiceDetailPage({ params }) {
|
||||
const { slug } = params;
|
||||
const service = servicesList.find((item) => item.slug === slug);
|
||||
export async function generateMetadata({ params }) {
|
||||
const service = servicesList.find((item) => item.slug === params.slug);
|
||||
|
||||
if (!service) {
|
||||
return <div>Service not found</div>;
|
||||
return {
|
||||
title: "Service Not Found – MySite",
|
||||
description: "The requested service could not be found.",
|
||||
};
|
||||
}
|
||||
|
||||
return {
|
||||
title: `${service.metaTitle || service.shortTitle || service.title} – MySite`,
|
||||
description: service.metaDiscription || service.shortDesc || "Explore our services in detail.",
|
||||
};
|
||||
}
|
||||
|
||||
export default function ServiceDetailPage({ params }) {
|
||||
const service = servicesList.find((item) => item.slug === params.slug);
|
||||
|
||||
if (!service) return notFound();
|
||||
|
||||
const altText = service.title ? service.title.toUpperCase() : "SERVICE";
|
||||
|
||||
return (
|
||||
<Layout headerStyle={1} footerStyle={1}
|
||||
breadcrumbTitle={service.shortTitle}
|
||||
bannerImage={service.bannerImage}>
|
||||
<ServiceDetailClient slug={slug} service={service} servicesList={servicesList} />
|
||||
<Layout
|
||||
headerStyle={1}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle={service.shortTitle}
|
||||
bannerImage={service.bannerImage}
|
||||
>
|
||||
<section className="service-details pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
{/* Sidebar */}
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
|
||||
<div className="default-sidebar service-sidebar mr_15">
|
||||
{/* Categories */}
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Services</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="category-list clearfix">
|
||||
{servicesList.map((item) => (
|
||||
<li key={item.slug}>
|
||||
<Link
|
||||
href={`/etobicoke-treatment-service/${item.slug}`}
|
||||
className={item.slug === service.slug ? "current" : ""}
|
||||
>
|
||||
{item.shortTitle}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="service-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image">
|
||||
<img src={service.sidebarImg} alt={altText} />
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img src={service.icon} alt={`${service.title} Icon`} />
|
||||
</div>
|
||||
<h3>{service.shortTitle}</h3>
|
||||
<p>{service.shortDescription}</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={service.bigImg} alt={altText} />
|
||||
</figure>
|
||||
<div
|
||||
className="service-details-description"
|
||||
dangerouslySetInnerHTML={{ __html: service.description }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
@ -28,7 +28,7 @@ export default function ServicesPage() {
|
||||
</div>
|
||||
<div className="lower-content-new">
|
||||
<div className="icon-box-new">
|
||||
<img src={item?.icon} alt="" />
|
||||
<img src={item?.icon} alt={item.alt} />
|
||||
</div>
|
||||
<h3 className='text-start'>
|
||||
<Link href={`/etobicoke-treatment-service/${item.slug}`}>
|
||||
|
||||
@ -1,11 +1,4 @@
|
||||
import { poppins } from "@/lib/font";
|
||||
// import dynamic from "next/dynamic";
|
||||
|
||||
// // Lazy load heavy components
|
||||
// const ContactFloat = dynamic(() => import("@/components/ContactFloat"), { ssr: false });
|
||||
// const AutoPopup = dynamic(() => import("@/components/AutoPopup"), { ssr: false });
|
||||
|
||||
// Import only necessary CSS for global layout
|
||||
import "@/node_modules/react-modal-video/css/modal-video.css";
|
||||
import "../public/assets/css/bootstrap.css";
|
||||
import "../public/assets/css/color.css";
|
||||
@ -13,7 +6,7 @@ import "../public/assets/css/style.css";
|
||||
import "swiper/css";
|
||||
import "swiper/css/pagination";
|
||||
import "swiper/css/free-mode";
|
||||
import Head from "next/head";
|
||||
import Script from "next/script";
|
||||
|
||||
export const metadata = {
|
||||
title: "Best Pain Relief & Physiotherapy - Repharehab Clinic",
|
||||
@ -23,46 +16,47 @@ export const metadata = {
|
||||
export default function RootLayout({ children }) {
|
||||
return (
|
||||
<html lang="en" className={`${poppins.variable}`}>
|
||||
<Head>
|
||||
{/* Lazy load non-critical CSS */}
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="/assets/css/style.css"
|
||||
media="print"
|
||||
onLoad="this.media='all'"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="/assets/css/swiper.css"
|
||||
media="print"
|
||||
onLoad="this.media='all'"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="/assets/css/swiper-pagination.css"
|
||||
media="print"
|
||||
onLoad="this.media='all'"
|
||||
/>
|
||||
<head>
|
||||
{/* Microsoft Clarity */}
|
||||
<Script id="clarity-script" strategy="afterInteractive">
|
||||
{`
|
||||
(function(c,l,a,r,i,t,y){
|
||||
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
|
||||
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/th7p0lr1ca";
|
||||
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
|
||||
})(window, document, "clarity", "script", "th7p0lr1ca");
|
||||
`}
|
||||
</Script>
|
||||
|
||||
{/* Google Tag Manager */}
|
||||
<Script id="gtm-init" strategy="afterInteractive">
|
||||
{`
|
||||
(function(w,d,s,l,i){
|
||||
w[l]=w[l]||[];
|
||||
w[l].push({'gtm.start': new Date().getTime(), event:'gtm.js'});
|
||||
var f=d.getElementsByTagName(s)[0],
|
||||
j=d.createElement(s),
|
||||
dl=l!='dataLayer'?'&l='+l:'';
|
||||
j.async=true;
|
||||
j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
|
||||
f.parentNode.insertBefore(j,f);
|
||||
})(window,document,'script','dataLayer','G-KM1KJW539N');
|
||||
`}
|
||||
</Script>
|
||||
</head>
|
||||
|
||||
{/* Microsoft Clarity Tracking */}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
(function(c,l,a,r,i,t,y){
|
||||
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
|
||||
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/th7p0lr1ca";
|
||||
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
|
||||
})(window, document, "clarity", "script", "th7p0lr1ca");
|
||||
`,
|
||||
}}
|
||||
/>
|
||||
</Head>
|
||||
<body>
|
||||
{children}
|
||||
{/* GTM noscript fallback */}
|
||||
<noscript>
|
||||
<iframe
|
||||
src="https://www.googletagmanager.com/ns.html?id=G-KM1KJW539N"
|
||||
height="0"
|
||||
width="0"
|
||||
style={{ display: "none", visibility: "hidden" }}
|
||||
></iframe>
|
||||
</noscript>
|
||||
|
||||
{/* Lazy loaded components */}
|
||||
{/* <ContactFloat /> */}
|
||||
{/* <AutoPopup /> */}
|
||||
{children}
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Image from "next/image";
|
||||
|
||||
export const metadata = {
|
||||
title: "Our Healing Approach – Rapharehab’s Proven Methods",
|
||||
@ -15,9 +16,17 @@ export default function About() {
|
||||
<section className="about-style-two pt_90 pb_90">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: "url(/assets/images/shape/shape-8.webp)" }}></div>
|
||||
<div className="pattern-2 rotate-me" style={{ backgroundImage: "url(/assets/images/shape/shape-9.webp)" }}></div>
|
||||
<div className="pattern-2 rotate-me absolute w-[140px] h-[140px]">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-9.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
sizes="140px"
|
||||
style={{ objectFit: "contain" }}
|
||||
/>
|
||||
</div>
|
||||
<div className="pattern-3" style={{ backgroundImage: "url(/assets/images/shape/shape-11.webp)" }}></div>
|
||||
<div className="pattern-4" style={{ backgroundImage: "url(/assets/images/shape/shape-35.webp)" }}></div>
|
||||
{/* <div className="pattern-4" style={{ backgroundImage: "url(/assets/images/shape/shape-35.webp)" }}></div> */}
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
@ -25,15 +34,55 @@ export default function About() {
|
||||
<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 className="shape-1 rotate-me">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-8.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="shape-2">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-33.png"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* <div className="shape-3">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-7.png"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div> */}
|
||||
|
||||
<div className="shape-4">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-34.png"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="shape-5">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-11.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<figure className="image image-1-ho"><img src="/assets/images/our-approach/right.webp" alt="Our Approach" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/our-approach/left.webp" alt="Our Approach" /></figure>
|
||||
<div className="icon-box new-ho"><img src="/assets/images/our-approach/icon.webp" alt="Our Approach" /></div>
|
||||
<figure className="image image-1-ho hide-img"><img src="/assets/images/our-approach/right.webp" alt="Physiotherapy at Rapharehab" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/our-approach/left.webp" alt="Physiotherapy at Rapharehab" /></figure>
|
||||
<div className="icon-box new-ho"><img src="/assets/images/our-approach/icon.webp" alt="Physiotherapy at Rapharehab" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -43,7 +43,7 @@ export default function RefugeeIFHP() {
|
||||
</div>
|
||||
|
||||
<div className="mb_30">
|
||||
<p>
|
||||
<p className="mb-3">
|
||||
At Rapha Rehab, we make it easy for refugees and refugee
|
||||
claimants to access physiotherapy using Canada’s Interim
|
||||
Federal Health Program (IFHP). We handle the paperwork, explain
|
||||
@ -95,7 +95,7 @@ export default function RefugeeIFHP() {
|
||||
schedule set out in the grid
|
||||
</li>
|
||||
</ul>
|
||||
<p className="mt-3">
|
||||
<p className="mt-3 mb-3">
|
||||
We arrange any prior approval the grid requires before
|
||||
treatment begins.
|
||||
</p>
|
||||
@ -412,7 +412,7 @@ export default function RefugeeIFHP() {
|
||||
<div className="mb_30 mt-5">
|
||||
<h3 className="mb-2">How Billing & Payments Work</h3>
|
||||
<div className="table-responsive billing-table">
|
||||
<table className="table table-bordered mt-3">
|
||||
<table className="table table-bordered mt-3 billing-responsive-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Step</th>
|
||||
@ -422,50 +422,45 @@ export default function RefugeeIFHP() {
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1. Check Coverage</td>
|
||||
<td>
|
||||
Bring your insurance card or policy details. We’ll confirm
|
||||
your coverage.
|
||||
<td data-label="Step">1. Check Coverage</td>
|
||||
<td data-label="For General Patients">
|
||||
Bring your insurance card or policy details. We’ll confirm your coverage.
|
||||
</td>
|
||||
<td>
|
||||
Bring your IFHP eligibility document (with UCI number) and a
|
||||
doctor’s referral.
|
||||
<td data-label="For Refugee Patients">
|
||||
Bring your IFHP eligibility document (with UCI number) and a doctor’s referral.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2. Verification</td>
|
||||
<td>
|
||||
We confirm benefits with your private insurer, WSIB, or auto
|
||||
insurance.
|
||||
<td data-label="Step">2. Verification</td>
|
||||
<td data-label="For General Patients">
|
||||
We confirm benefits with your private insurer, WSIB, or auto insurance.
|
||||
</td>
|
||||
<td>
|
||||
We verify IFHP eligibility and confirm coverage with Medavie
|
||||
Blue Cross.
|
||||
<td data-label="For Refugee Patients">
|
||||
We verify IFHP eligibility and confirm coverage with Medavie Blue Cross.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3. Direct Billing</td>
|
||||
<td>
|
||||
<td data-label="Step">3. Direct Billing</td>
|
||||
<td data-label="For General Patients">
|
||||
We directly bill many insurers, WSIB, and auto insurers.
|
||||
</td>
|
||||
<td>
|
||||
<td data-label="For Refugee Patients">
|
||||
We bill Medavie Blue Cross directly for covered services.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4. Out-of-Pocket Costs</td>
|
||||
<td>
|
||||
If your plan doesn’t fully cover a service, we’ll explain
|
||||
the cost upfront.
|
||||
<td data-label="Step">4. Out-of-Pocket Costs</td>
|
||||
<td data-label="For General Patients">
|
||||
If your plan doesn’t fully cover a service, we’ll explain the cost upfront.
|
||||
</td>
|
||||
<td>
|
||||
If a service isn’t covered, we’ll let you know in advance so
|
||||
there are no surprises.
|
||||
<td data-label="For Refugee Patients">
|
||||
If a service isn’t covered, we’ll let you know in advance so there are no surprises.
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="mb_30 mt-4">
|
||||
@ -525,7 +520,7 @@ export default function RefugeeIFHP() {
|
||||
Our team will review your insurance or IFHP eligibility and guide
|
||||
you through every step of the process.
|
||||
</p>
|
||||
<div className="btn-box mt-4 mb-4">
|
||||
<div className="btn-box mt-3 mb-4">
|
||||
<Link href="/contact" className="theme-btn btn-one"><span>Contact Us to Check Your Coverage</span></Link>
|
||||
</div>
|
||||
|
||||
|
||||
@ -1,82 +0,0 @@
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
|
||||
export const metadata = {
|
||||
title: "Refugee Physiotherapy 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 Refugee() {
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1} breadcrumbTitle="Refugee Physiotherapy" bannerImage="/assets/images/payment-insurance/payment-banner.webp">
|
||||
{/* chooseus-section */}
|
||||
<section className="solutions-section">
|
||||
<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_15">
|
||||
{/* <span className="sub-title">Better Solutions</span> */}
|
||||
<h2>Refugee Physiotherapy</h2>
|
||||
</div>
|
||||
<div className="progress-inner mb_50">
|
||||
<p>At rapharehab Etobicoke Physiotherapy clinic, your treatments are partially or fully covered by health insurance plans and Workplace Safety and Insurance Board (WSIB). If you have medical health care coverage, we believe your treatment costs will be covered by health care plans. The treatments such as physiotherapy, massage therapy, chiropractic care, acupuncture, orthotics etc., all can be covered by health care insurance.</p>
|
||||
<ul className="list-style-one clearfix mt-4">
|
||||
<li>In case if you are injured in a motor vehicle accident (MVA), the auto insurance covers the cost of the treatment.</li>
|
||||
<li>Please get in touch with rapharehab Physiotherapy clinic etobicoke for assistance to know about your coverage.</li>
|
||||
<li>We Accept Cash/Cheque/Visa/Direct Payment.</li>
|
||||
</ul>
|
||||
</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-new"><img src="/assets/images/payment-insurance/back.webp" alt="Payment and Insurance" /></figure>
|
||||
<figure className="image image-2-new"><img src="/assets/images/payment-insurance/front.webp" alt="Payment and Insurance" /></figure>
|
||||
<div className="icon-box cart-icon"><img src="/assets/images/payment-insurance/icon.webp" alt="Payment and Insurance" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* chooseus-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 */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -2,9 +2,11 @@
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { motion } from "framer-motion"
|
||||
import TestimonialSlider1 from "@/components/slider/ShortcodeTestimonial"
|
||||
import TestimonialSlider1 from '@/components/slider/TestimonialSlider1'
|
||||
import PortfolioFilter1 from "@/components/elements/Shortcodes"
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
import Image from "next/image"
|
||||
import { teamMembers } from "@/utils/constant.utils";
|
||||
|
||||
export default function Home() {
|
||||
|
||||
@ -74,7 +76,7 @@ export default function Home() {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="solutions-section pt-0">
|
||||
{/* <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">
|
||||
@ -120,6 +122,54 @@ export default function Home() {
|
||||
</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">
|
||||
<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 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<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 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<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">
|
||||
@ -297,7 +347,14 @@ export default function Home() {
|
||||
</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="pattern-layer">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-19.png"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</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>
|
||||
@ -305,7 +362,14 @@ export default function Home() {
|
||||
</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="arrow-shape">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-18.webp"
|
||||
alt=" Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</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>
|
||||
@ -319,7 +383,7 @@ export default function Home() {
|
||||
<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>
|
||||
<figure className="image-box"><img src="/assets/images/shortcodes/step/step-2.webp" alt="Physiotherapy at Rapharehab" /></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>
|
||||
@ -329,7 +393,7 @@ export default function Home() {
|
||||
<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>
|
||||
<figure className="image-box"><img src="/assets/images/shortcodes/step/step-3.webp" alt="Physiotherapy at Rapharehab" /></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>
|
||||
@ -346,10 +410,10 @@ export default function Home() {
|
||||
<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_block_two pl_30 pb_30">
|
||||
<div className="image-box raw-image">
|
||||
<figure className="image image-1-ho raw "><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>
|
||||
<figure className="image image-1-ho-new raw "><img src="/assets/images/shortcodes/back.webp" alt="Why choose nanocare" /></figure>
|
||||
<figure className="image image-2-new "><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>
|
||||
@ -420,27 +484,64 @@ export default function Home() {
|
||||
</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="bg-layer">
|
||||
<Image
|
||||
src="/assets/images/shortcodes/testimonials-carousel.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="pattern-layer">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-21.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</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>
|
||||
<span className="sub-title-1 mb-1">Google Reviews</span>
|
||||
|
||||
{/* Exact same stars as testimonial */}
|
||||
<ul className="rating clearfix mb_15 d-flex gap-2">
|
||||
<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="fas fa-star-half-alt"></i></li>
|
||||
</ul>
|
||||
|
||||
|
||||
<h2>What Our Clients Say About Rapha Rehab</h2>
|
||||
</div>
|
||||
<div className="content-box">
|
||||
{/*Theme Carousel*/}
|
||||
<TestimonialSlider1 />
|
||||
</div>
|
||||
<div className="btn-box mt-3 mb-5">
|
||||
<Link
|
||||
href="https://g.page/r/CYOR2OnruwHpEAE/review"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="theme-btn btn-one-new-raw"
|
||||
>
|
||||
<span>Review us on Google</span>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="funfact-section centred">
|
||||
<section className="funfact-section centred mt-3">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
@ -493,57 +594,47 @@ export default function Home() {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="service-section sec-pad " id="service">
|
||||
<section className="team-section pt_90 pb_90 centred">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<h2>Team Member</h2>
|
||||
<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">
|
||||
<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 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}
|
||||
style={{ width: "410px", height: "444px", objectFit: "cover" }}
|
||||
/>
|
||||
</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 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>
|
||||
|
||||
@ -1,10 +1,11 @@
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Image from "next/image";
|
||||
|
||||
export const metadata = {
|
||||
title: "What to expect at Physiotherapy Etobicoke - Rapha Physiotherapy etobicoke",
|
||||
description:
|
||||
"Discover what to expect at Rapha Physiotherapy: from a comprehensive first-day assessment to your initial treatment and long-term plan for lasting recovery.",
|
||||
title: "What to expect at Physiotherapy Etobicoke - Rapha Physiotherapy etobicoke",
|
||||
description:
|
||||
"Discover what to expect at Rapha Physiotherapy: from a comprehensive first-day assessment to your initial treatment and long-term plan for lasting recovery.",
|
||||
};
|
||||
|
||||
|
||||
@ -17,19 +18,59 @@ export default function About() {
|
||||
<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 mb-3">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column mb-5">
|
||||
<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 className="shape-1 rotate-me">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-8.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="shape-2">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-33.png"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* <div className="shape-3">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-7.png"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div> */}
|
||||
|
||||
<div className="shape-4">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-34.png"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="shape-5">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-11.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<figure className="image image-1"><img src="/assets/images/what-we-expect/right.webp" alt="What to Expect – Physiotherapy Etobicoke" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/what-we-expect/left.webp" alt="What to Expect – Physiotherapy Etobicoke" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/what-we-expect/icon.webp" alt="What to Expect – Physiotherapy Etobicoke" /></div>
|
||||
<figure className="image image-1 hide-img"><img src="/assets/images/what-we-expect/right.webp" alt="Physiotherapy at Rapharehab" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/what-we-expect/left.webp" alt="Physiotherapy at Rapharehab" /></figure>
|
||||
<div className="icon-box new-ho"><img src="/assets/images/what-we-expect/icon.webp" alt="Physiotherapy at Rapharehab" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
'use client';
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
export default function Team() {
|
||||
const teamMembers = [
|
||||
// { name: 'Musculoskeletal Physiotherapy', role: 'Medical Assistant', image: 'assets/images/team/team-1.jpg' },
|
||||
@ -21,8 +22,25 @@ export default function Team() {
|
||||
<Layout headerStyle={1} 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 className="pattern-1">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-13.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="pattern-2">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-14.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
{/* <div className="shape">
|
||||
<div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
|
||||
@ -62,20 +80,27 @@ export default function Team() {
|
||||
|
||||
|
||||
<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="pattern-layer">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-19.png"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</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_block_two">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1-ho"><img src="/assets/images/why-us/back-1.webp" alt="health care professionals" /></figure>
|
||||
<figure className="image image-1-ho renderd-area"><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="col-lg-6 col-md-12 col-sm-12 content-column order-1 order-lg-2 pr_30">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box">
|
||||
{/* <div className="sec-title mb_15">
|
||||
@ -104,9 +129,9 @@ export default function Team() {
|
||||
<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_block_two">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1-ho"><img src="/assets/images/why-us/back-2.webp" alt="Top-Notch Treatment " /></figure>
|
||||
<figure className="image image-1-ho renderd-area"><img src="/assets/images/why-us/back-2.webp" alt="Top-Notch Treatment " /></figure>
|
||||
<figure className="image image-2 rowImage"><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>
|
||||
@ -136,11 +161,27 @@ export default function Team() {
|
||||
</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="bg-layer parallax-bg" data-parallax='{"y": 100}'>
|
||||
<Image
|
||||
src="/assets/images/why-us/bg.webp"
|
||||
alt=" Physiotherapy at Rapharehab "
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<figure className="image-layer"><img src="/assets/images/why-us/img.webp" alt="Physiotherapy at Rapharehab" /></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="shape new-arrow">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-17.png"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* <div className="video-btn">
|
||||
<a onClick={() => setOpen(true)}><i className="fas fa-play"></i>
|
||||
<span className="border-animation border-1"></span>
|
||||
|
||||
@ -251,7 +251,7 @@ function ChatForm({ onClose }) {
|
||||
if (!formData.phone.trim()) errors.phone = "Phone is required.";
|
||||
if (!formData.service.trim()) errors.service = "Please select a service.";
|
||||
if (!formData.message.trim()) errors.message = "Message is required.";
|
||||
if (!captchaToken) errors.captcha = "Please verify the CAPTCHA.";
|
||||
// if (!captchaToken) errors.captcha = "Please verify the CAPTCHA.";
|
||||
|
||||
setFormErrors(errors);
|
||||
if (Object.keys(errors).length > 0) {
|
||||
@ -260,19 +260,22 @@ function ChatForm({ onClose }) {
|
||||
}
|
||||
|
||||
const emailData = {
|
||||
...formData,
|
||||
name: formData.username,
|
||||
phone: formData.phone,
|
||||
email: formData.email,
|
||||
subject: formData.service,
|
||||
message: `Service: ${formData.service}<br /><br />Message: ${formData.message}`,
|
||||
to: "bloor@rapharehab.ca",
|
||||
senderName: "Rapha Rehab Chat Form",
|
||||
senderName: "Rapha Rehab Contact Page",
|
||||
recaptchaToken: captchaToken,
|
||||
};
|
||||
|
||||
try {
|
||||
const res = await axios.post("https://mailserver.metatronnest.com/send", emailData, {
|
||||
headers: { "Content-Type": "application/json" },
|
||||
});
|
||||
|
||||
// console.log("Server response:", res.data);
|
||||
const res = await axios.post(
|
||||
"https://mailserver.metatronnest.com/send",
|
||||
emailData,
|
||||
{ headers: { "Content-Type": "application/json" } }
|
||||
);
|
||||
|
||||
setAlert({
|
||||
show: true,
|
||||
@ -280,18 +283,10 @@ function ChatForm({ onClose }) {
|
||||
message: res?.data?.message || "Message sent successfully!",
|
||||
});
|
||||
|
||||
setFormData({
|
||||
username: "",
|
||||
// lname: "",
|
||||
email: "",
|
||||
phone: "",
|
||||
service: "",
|
||||
message: "",
|
||||
});
|
||||
setFormData({ username: "", email: "", phone: "", service: "", message: "" });
|
||||
setCaptchaToken(null);
|
||||
setFormErrors({});
|
||||
} catch (error) {
|
||||
// console.error("Error sending message:", error);
|
||||
setAlert({
|
||||
show: true,
|
||||
type: "danger",
|
||||
@ -314,10 +309,11 @@ function ChatForm({ onClose }) {
|
||||
zIndex: 2000,
|
||||
maxHeight: "80vh",
|
||||
overflowY: "auto",
|
||||
padding: "20px"
|
||||
}}
|
||||
>
|
||||
<div className="p-3 border-bottom d-flex justify-content-between align-items-center">
|
||||
<h5 style={{ margin: 0, color: "#bc0000" }}>Chat with Us</h5>
|
||||
<h5 className="mb-3" style={{ margin: 0, color: "#bc0000" }}>Chat with Us</h5>
|
||||
<button onClick={onClose} className="btn-close"></button>
|
||||
</div>
|
||||
|
||||
|
||||
40
components/FaqSection.js
Normal file
40
components/FaqSection.js
Normal file
@ -0,0 +1,40 @@
|
||||
'use client';
|
||||
import { useState } from "react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function FaqSection({ faqData }) {
|
||||
const [isActive, setIsActive] = useState(null);
|
||||
|
||||
const handleToggle = (index) => setIsActive(isActive === index ? null : index);
|
||||
|
||||
if (!faqData || faqData.length === 0) return null;
|
||||
|
||||
return (
|
||||
<section className="faq-section pt-5">
|
||||
|
||||
<div className="sec-title centred mb_40">
|
||||
<h2>Frequently Asked Questions</h2>
|
||||
</div>
|
||||
<div className="content-box">
|
||||
<ul className="accordion-box">
|
||||
{faqData.map((item, index) => (
|
||||
<li key={index} className="accordion block">
|
||||
<div
|
||||
className={isActive === index ? "acc-btn active" : "acc-btn"}
|
||||
onClick={() => handleToggle(index)}
|
||||
>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>{item.question}</h5>
|
||||
</div>
|
||||
<div className={isActive === index ? "acc-content current" : "acc-content"}>
|
||||
<div className="content">
|
||||
<div className="text"><p>{item.answer}</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
@ -1,199 +0,0 @@
|
||||
|
||||
'use client'
|
||||
import Isotope from "isotope-layout"
|
||||
import Link from "next/link"
|
||||
import { useCallback, useEffect, useRef, useState } from "react"
|
||||
|
||||
export default function PortfolioFilter3() {
|
||||
// Isotope
|
||||
const isotope = useRef()
|
||||
const [filterKey, setFilterKey] = useState("*")
|
||||
useEffect(() => {
|
||||
setTimeout(() => {
|
||||
isotope.current = new Isotope(".items-container", {
|
||||
itemSelector: ".masonry-item",
|
||||
// layoutMode: "fitRows",
|
||||
percentPosition: true,
|
||||
masonry: {
|
||||
columnWidth: ".masonry-item",
|
||||
},
|
||||
animationOptions: {
|
||||
duration: 750,
|
||||
easing: "linear",
|
||||
queue: false,
|
||||
},
|
||||
})
|
||||
}, 1000)
|
||||
}, [])
|
||||
useEffect(() => {
|
||||
if (isotope.current) {
|
||||
filterKey === "*"
|
||||
? isotope.current.arrange({ filter: `*` })
|
||||
: isotope.current.arrange({ filter: `.${filterKey}` })
|
||||
}
|
||||
}, [filterKey])
|
||||
const handleFilterKeyChange = useCallback((key) => () => {
|
||||
setFilterKey(key)
|
||||
},
|
||||
[]
|
||||
)
|
||||
|
||||
const activeBtn = (value) => (value === filterKey ? "filter active" : "filter")
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="filters clearfix">
|
||||
<ul className="filter-tabs filter-btns clearfix">
|
||||
<li className={activeBtn("*")} onClick={handleFilterKeyChange("*")}>All Topics <span className="count">0</span></li>
|
||||
<li className={activeBtn("cat-1")} onClick={handleFilterKeyChange("cat-1")}>Business <span className="count">0</span></li>
|
||||
<li className={activeBtn("cat-2")} onClick={handleFilterKeyChange("cat-2")}>Coaching <span className="count">0</span></li>
|
||||
<li className={activeBtn("cat-3")} onClick={handleFilterKeyChange("cat-3")}>Financial <span className="count">0</span></li>
|
||||
<li className={activeBtn("cat-4")} onClick={handleFilterKeyChange("cat-4")}>Marketing <span className="count">0</span></li>
|
||||
<li className={activeBtn("cat-5")} onClick={handleFilterKeyChange("cat-5")}>Technical <span className="count">0</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="items-container row clearfix">
|
||||
{/* Project Block */}
|
||||
<div className="project-block-five masonry-item all cat-1 col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<img src="/assets/images/gallery/gallery-1.jpg" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
<div className="content">
|
||||
<h5>Marketing</h5>
|
||||
<h4>Business Leadership</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Project Block */}
|
||||
<div className="project-block-five masonry-item all cat-2 col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<img src="/assets/images/gallery/gallery-2.jpg" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
<div className="content">
|
||||
<h5>Technical</h5>
|
||||
<h4>Market Expansion</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Project Block */}
|
||||
<div className="project-block-five masonry-item all cat-1 cat-2 cat-4 col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<img src="/assets/images/gallery/gallery-3.jpg" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
<div className="content">
|
||||
<h5>Coaching</h5>
|
||||
<h4>Money Savings</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Project Block */}
|
||||
<div className="project-block-five masonry-item all cat-5 cat-2 col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<img src="/assets/images/gallery/gallery-4.jpg" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
<div className="content">
|
||||
<h5>Business</h5>
|
||||
<h4>Helthy Solutions</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Project Block */}
|
||||
<div className="project-block-five masonry-item all cat-2 cat-1 col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<img src="/assets/images/gallery/gallery-5.jpg" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
<div className="content">
|
||||
<h5>Marketing</h5>
|
||||
<h4>Startup Business</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Project Block */}
|
||||
<div className="project-block-five masonry-item all cat-3 cat-5 col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<img src="/assets/images/gallery/gallery-4-1.jpg" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
<div className="content">
|
||||
<h5>Technical</h5>
|
||||
<h4>Market Expansion</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Project Block */}
|
||||
<div className="project-block-five masonry-item all cat-1 cat-3 col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<img src="/assets/images/gallery/gallery-4-2.jpg" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
<div className="content">
|
||||
<h5>Marketing</h5>
|
||||
<h4>Business Leadership</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Project Block */}
|
||||
<div className="project-block-five masonry-item all cat-1 col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<img src="/assets/images/gallery/gallery-4-3.jpg" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
<div className="content">
|
||||
<h5>Financial</h5>
|
||||
<h4>Capital Management</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Project Block */}
|
||||
<div className="project-block-five masonry-item all cat-4 cat-5 col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<img src="/assets/images/gallery/gallery-4-4.jpg" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
<div className="content">
|
||||
<h5>Financial</h5>
|
||||
<h4>Capital Management</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,173 +0,0 @@
|
||||
|
||||
'use client'
|
||||
import Isotope from "isotope-layout"
|
||||
import Link from "next/link"
|
||||
import { useCallback, useEffect, useRef, useState } from "react"
|
||||
|
||||
export default function PortfolioFilter4() {
|
||||
// Isotope
|
||||
const isotope = useRef()
|
||||
const [filterKey, setFilterKey] = useState("*")
|
||||
useEffect(() => {
|
||||
setTimeout(() => {
|
||||
isotope.current = new Isotope(".isotope-block", {
|
||||
itemSelector: ".project-block-six",
|
||||
// layoutMode: "fitRows",
|
||||
percentPosition: true,
|
||||
masonry: {
|
||||
columnWidth: ".project-block-six",
|
||||
},
|
||||
animationOptions: {
|
||||
duration: 750,
|
||||
easing: "linear",
|
||||
queue: false,
|
||||
},
|
||||
})
|
||||
}, 1000)
|
||||
}, [])
|
||||
useEffect(() => {
|
||||
if (isotope.current) {
|
||||
filterKey === "*"
|
||||
? isotope.current.arrange({ filter: `*` })
|
||||
: isotope.current.arrange({ filter: `.${filterKey}` })
|
||||
}
|
||||
}, [filterKey])
|
||||
const handleFilterKeyChange = useCallback((key) => () => {
|
||||
setFilterKey(key)
|
||||
},
|
||||
[]
|
||||
)
|
||||
|
||||
const activeBtn = (value) => (value === filterKey ? "filter active" : "filter")
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="row isotope-block">
|
||||
<div className="col-lg-3 col-md-6 project-block-six">
|
||||
<div className="inner-box">
|
||||
<div className="image"><img src="/assets/images/gallery/gallery-6-1.jpg" alt="" /></div>
|
||||
<div className="content-box">
|
||||
<h5>Marketing</h5>
|
||||
<h4>Leadership</h4>
|
||||
</div>
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 project-block-six">
|
||||
<div className="inner-box">
|
||||
<div className="image"><img src="/assets/images/gallery/gallery-6-2.jpg" alt="" /></div>
|
||||
<div className="content-box">
|
||||
<h5>Financial</h5>
|
||||
<h4>Responsibility</h4>
|
||||
</div>
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 project-block-six">
|
||||
<div className="inner-box">
|
||||
<div className="image"><img src="/assets/images/gallery/gallery-6-3.jpg" alt="" /></div>
|
||||
<div className="content-box">
|
||||
<h5>Technical</h5>
|
||||
<h4>Engineering</h4>
|
||||
</div>
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 project-block-six">
|
||||
<div className="inner-box">
|
||||
<div className="image"><img src="/assets/images/gallery/gallery-6-4.jpg" alt="" /></div>
|
||||
<div className="content-box">
|
||||
<h5>Coaching</h5>
|
||||
<h4>Manufacturer</h4>
|
||||
</div>
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 project-block-six">
|
||||
<div className="inner-box">
|
||||
<div className="image"><img src="/assets/images/gallery/gallery-6-5.jpg" alt="" /></div>
|
||||
<div className="content-box">
|
||||
<h5>Business</h5>
|
||||
<h4>Management</h4>
|
||||
</div>
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 project-block-six">
|
||||
<div className="inner-box">
|
||||
<div className="image"><img src="/assets/images/gallery/gallery-6-6.jpg" alt="" /></div>
|
||||
<div className="content-box">
|
||||
<h5>Marketing</h5>
|
||||
<h4>Data Analytics</h4>
|
||||
</div>
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 project-block-six">
|
||||
<div className="inner-box">
|
||||
<div className="image"><img src="/assets/images/gallery/gallery-6-7.jpg" alt="" /></div>
|
||||
<div className="content-box">
|
||||
<h5>Technical</h5>
|
||||
<h4>Reservations</h4>
|
||||
</div>
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 project-block-six">
|
||||
<div className="inner-box">
|
||||
<div className="image"><img src="/assets/images/gallery/gallery-6-8.jpg" alt="" /></div>
|
||||
<div className="content-box">
|
||||
<h5>Marketing</h5>
|
||||
<h4>Inventory</h4>
|
||||
</div>
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 project-block-six">
|
||||
<div className="inner-box">
|
||||
<div className="image"><img src="/assets/images/gallery/gallery-6-9.jpg" alt="" /></div>
|
||||
<div className="content-box">
|
||||
<h5>Financial</h5>
|
||||
<h4>Innovative</h4>
|
||||
</div>
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 project-block-six">
|
||||
<div className="inner-box">
|
||||
<div className="image"><img src="/assets/images/gallery/gallery-6-10.jpg" alt="" /></div>
|
||||
<div className="content-box">
|
||||
<h5>Technical</h5>
|
||||
<h4>Supply Chain</h4>
|
||||
</div>
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 project-block-six">
|
||||
<div className="inner-box">
|
||||
<div className="image"><img src="/assets/images/gallery/gallery-6-11.jpg" alt="" /></div>
|
||||
<div className="content-box">
|
||||
<h5>Marketing</h5>
|
||||
<h4>Expansion</h4>
|
||||
</div>
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 project-block-six">
|
||||
<div className="inner-box">
|
||||
<div className="image"><img src="/assets/images/gallery/gallery-6-12.jpg" alt="" /></div>
|
||||
<div className="content-box">
|
||||
<h5>Financial</h5>
|
||||
<h4>Remote Support</h4>
|
||||
</div>
|
||||
<div className="link-btn"><Link href="#"><i className="flaticon-right-arrow" /></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,120 +0,0 @@
|
||||
|
||||
'use client'
|
||||
import Isotope from "isotope-layout"
|
||||
import Link from "next/link"
|
||||
import { useCallback, useEffect, useRef, useState } from "react"
|
||||
|
||||
export default function PortfolioFilter5() {
|
||||
// Isotope
|
||||
const isotope = useRef()
|
||||
const [filterKey, setFilterKey] = useState("*")
|
||||
useEffect(() => {
|
||||
setTimeout(() => {
|
||||
isotope.current = new Isotope(".isotope-block", {
|
||||
itemSelector: ".project-block-three",
|
||||
// layoutMode: "fitRows",
|
||||
percentPosition: true,
|
||||
masonry: {
|
||||
columnWidth: ".project-block-three",
|
||||
},
|
||||
animationOptions: {
|
||||
duration: 750,
|
||||
easing: "linear",
|
||||
queue: false,
|
||||
},
|
||||
})
|
||||
}, 1000)
|
||||
}, [])
|
||||
useEffect(() => {
|
||||
if (isotope.current) {
|
||||
filterKey === "*"
|
||||
? isotope.current.arrange({ filter: `*` })
|
||||
: isotope.current.arrange({ filter: `.${filterKey}` })
|
||||
}
|
||||
}, [filterKey])
|
||||
const handleFilterKeyChange = useCallback((key) => () => {
|
||||
setFilterKey(key)
|
||||
},
|
||||
[]
|
||||
)
|
||||
|
||||
const activeBtn = (value) => (value === filterKey ? "filter active" : "filter")
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="row isotope-block">
|
||||
<div className="project-block-three col-lg-3 col-md-6">
|
||||
<div className="inner-box">
|
||||
<div className="image"><img src="/assets/images/gallery/gallery-3-1.jpg" alt="" /></div>
|
||||
<div className="overlay-content">
|
||||
<div className="content">
|
||||
<div className="category">Technical</div>
|
||||
<div className="text">Market Expansion</div>
|
||||
</div>
|
||||
<div className="link-btn"><Link href="#" className="theme-btn"><span className="flaticon-right-arrow" /></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="project-block-three col-lg-3 col-md-6">
|
||||
<div className="inner-box">
|
||||
<div className="image"><img src="/assets/images/gallery/gallery-3-2.jpg" alt="" /></div>
|
||||
<div className="overlay-content">
|
||||
<div className="content">
|
||||
<div className="category">Technical</div>
|
||||
<div className="text">Market Expansion</div>
|
||||
</div>
|
||||
<div className="link-btn"><Link href="#" className="theme-btn"><span className="flaticon-right-arrow" /></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="project-block-three col-lg-3 col-md-6">
|
||||
<div className="inner-box">
|
||||
<div className="image"><img src="/assets/images/gallery/gallery-3-3.jpg" alt="" /></div>
|
||||
<div className="overlay-content">
|
||||
<div className="content">
|
||||
<div className="category">Technical</div>
|
||||
<div className="text">Market Expansion</div>
|
||||
</div>
|
||||
<div className="link-btn"><Link href="#" className="theme-btn"><span className="flaticon-right-arrow" /></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="project-block-three col-lg-3 col-md-6">
|
||||
<div className="inner-box">
|
||||
<div className="image"><img src="/assets/images/gallery/gallery-3-4.jpg" alt="" /></div>
|
||||
<div className="overlay-content">
|
||||
<div className="content">
|
||||
<div className="category">Technical</div>
|
||||
<div className="text">Market Expansion</div>
|
||||
</div>
|
||||
<div className="link-btn"><Link href="#" className="theme-btn"><span className="flaticon-right-arrow" /></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="project-block-three col-lg-3 col-md-6">
|
||||
<div className="inner-box">
|
||||
<div className="image"><img src="/assets/images/gallery/gallery-3-5.jpg" alt="" /></div>
|
||||
<div className="overlay-content">
|
||||
<div className="content">
|
||||
<div className="category">Technical</div>
|
||||
<div className="text">Market Expansion</div>
|
||||
</div>
|
||||
<div className="link-btn"><Link href="#" className="theme-btn"><span className="flaticon-right-arrow" /></Link></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="project-block-seven project-block-three col-lg-3 col-md-6">
|
||||
<div className="inner-box">
|
||||
<h2>1.6k </h2>
|
||||
<h4>projects Completed</h4>
|
||||
<Link href="#" className="read-more-link">View All Projects <i className="fa fa-caret-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,31 +0,0 @@
|
||||
import { useState } from 'react'
|
||||
export default function QuantityInput() {
|
||||
const [value, setValue] = useState(1)
|
||||
|
||||
const handleUpClick = () => {
|
||||
setValue(value + 1)
|
||||
}
|
||||
|
||||
const handleDownClick = () => {
|
||||
setValue(value - 1)
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="quantity">
|
||||
<div className="input-group bootstrap-touchspin">
|
||||
<span className="input-group-addon bootstrap-touchspin-prefix" />
|
||||
<input className="quantity-spinner form-control" type="text" value={value} onChange={(e) => setValue(e.target.value)} />
|
||||
<span className="input-group-addon bootstrap-touchspin-postfix" />
|
||||
<span className="input-group-btn-vertical">
|
||||
<button className="btn btn-default bootstrap-touchspin-up" type="button" onClick={handleUpClick}>
|
||||
<i className="glyphicon glyphicon-chevron-up" /></button>
|
||||
<button className="btn btn-default bootstrap-touchspin-down" type="button" onClick={handleDownClick}>
|
||||
<i className="glyphicon glyphicon-chevron-down" />
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,27 +0,0 @@
|
||||
import { useEffect, useState } from "react"
|
||||
|
||||
export default function ThemeSwitch() {
|
||||
const [togglETHeme, setTogglETHeme] = useState(
|
||||
() => JSON.parse(localStorage.getItem("togglETHeme")) || "light-theme"
|
||||
)
|
||||
useEffect(() => {
|
||||
localStorage.setItem("togglETHeme", JSON.stringify(togglETHeme))
|
||||
document.body.classList.add(togglETHeme)
|
||||
return () => {
|
||||
document.body.classList.remove(togglETHeme)
|
||||
}
|
||||
}, [togglETHeme])
|
||||
|
||||
return (
|
||||
<>
|
||||
<nav className="switcher__tab"
|
||||
onClick={() => togglETHeme === "light-theme" ? setTogglETHeme("dark-theme") : setTogglETHeme("light-theme")
|
||||
}
|
||||
>
|
||||
<span className="switcher__btn light-mode"><i className="flaticon-sun" /></span>
|
||||
<span className="switcher__mode" />
|
||||
<span className="switcher__btn dark-mode"><i className="flaticon-moon" /></span>
|
||||
</nav>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -43,7 +43,6 @@ export default function Header2({
|
||||
<li><Link href="/faq-physiotherapy-etobicoke">FAQ’s</Link></li>
|
||||
<li><Link href="/what-to-expect">What To Expect</Link></li>
|
||||
<li><Link href="/payment-insurance">Payment And Insurance</Link></li>
|
||||
{/* <li><Link href="/refugee-physiotherapy">Refugee Physiotherapy</Link></li> */}
|
||||
<li>
|
||||
<Link href="https://www.instagram.com/elrapharehab/" target="_blank" rel="noopener noreferrer">
|
||||
<i className="icon-4"></i>
|
||||
|
||||
@ -10,7 +10,7 @@ export default function AboutSection() {
|
||||
<div className="pattern-1 rotate-me absolute w-[120px] h-[120px]">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-8.webp"
|
||||
alt="Decorative shape"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
sizes="120px"
|
||||
style={{ objectFit: "contain" }}
|
||||
@ -21,7 +21,7 @@ export default function AboutSection() {
|
||||
<div className="pattern-2 rotate-me absolute w-[140px] h-[140px]">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-9.webp"
|
||||
alt="Decorative shape"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
sizes="140px"
|
||||
style={{ objectFit: "contain" }}
|
||||
@ -31,7 +31,7 @@ export default function AboutSection() {
|
||||
<div className="pattern-3 absolute w-[150px] h-[150px]">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-11.webp"
|
||||
alt="Decorative shape"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
sizes="150px"
|
||||
style={{ objectFit: "contain" }}
|
||||
@ -79,7 +79,7 @@ export default function AboutSection() {
|
||||
<div className="icon-one absolute top-0 left-0 w-[40px] h-[40px]">
|
||||
<Image
|
||||
src="/assets/images/home/welcome/top-icon.webp"
|
||||
alt="Top decorative icon"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
sizes="40px"
|
||||
style={{ objectFit: "contain" }}
|
||||
@ -91,7 +91,7 @@ export default function AboutSection() {
|
||||
<div className="icon-two absolute bottom-0 right-0 w-[40px] h-[40px]">
|
||||
<Image
|
||||
src="/assets/images/home/welcome/bottom-icon.webp"
|
||||
alt="Bottom decorative icon"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
sizes="40px"
|
||||
style={{ objectFit: "contain" }}
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
import React from 'react';
|
||||
import Link from "next/link";
|
||||
import Image from 'next/image';
|
||||
import { areaOfInjuryData } from '@/utils/AreaOfInjery.utils';
|
||||
|
||||
export default function AreaOfInjury() {
|
||||
@ -17,8 +18,25 @@ export default function AreaOfInjury() {
|
||||
return (
|
||||
<section className="team-section sec-pad centred bg-color-1">
|
||||
<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 className="pattern-1">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-13.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="pattern-2">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-14.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div className="shape">
|
||||
{/* <div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div> */}
|
||||
@ -35,7 +53,7 @@ export default function AreaOfInjury() {
|
||||
<div className="row clearfix">
|
||||
{areaOfInjuryData.slice(0, 8).map((area, index) => (
|
||||
<div key={index} className="col-lg-3 col-md-6 col-6 team-block d-flex">
|
||||
<div className="team-block-one wow fadeInUp animated d-flex flex-column flex-grow-1"
|
||||
<div className="team-block-one wow fadeInUp animated d-flex flex-column flex-grow-1"
|
||||
// data-wow-delay={`${index * 50}ms`} data-wow-duration="500ms"
|
||||
>
|
||||
<div className="inner-box d-flex flex-column flex-grow-1">
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import Image from "next/image"
|
||||
import { useState } from 'react'
|
||||
export default function FaqSection() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
@ -29,19 +30,59 @@ export default function FaqSection() {
|
||||
<h2>Why Patients Trust Us</h2>
|
||||
</div>
|
||||
<div className="row clearfix d-flex align-items-center">
|
||||
<div className="col-xl-6 col-lg-12 col-sm-12 image-column">
|
||||
<div className="col-xl-6 col-lg-12 col-sm-12 image-column">
|
||||
<div className="image_block_three">
|
||||
<div className="image-box new-icon-box-faq">
|
||||
<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-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 className="shape-1 rotate-me">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-8.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="shape-2">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-33.png"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* <div className="shape-3">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-7.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div> */}
|
||||
|
||||
<div className="shape-4">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-34.png"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="shape-5">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-11.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<figure className="image image-1 image-new-align"><img src="/assets/images/home/why-trust-us/trust-right.webp" alt="Laser Theraphy | Rapharehab" /></figure>
|
||||
<figure className="image image-2 imge-new-element"><img src="/assets/images/home/why-trust-us/trust-left.webp" alt="exercise-programming" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/home/why-trust-us/icon.webp" alt="Laser Theraphy | Rapharehab" /></div>
|
||||
<figure className="image image-1 image-new-align"><img src="/assets/images/home/why-trust-us/trust-right.webp" alt="Physiotherapy at Rapharehab" /></figure>
|
||||
<figure className="image image-2 imge-new-element"><img src="/assets/images/home/why-trust-us/trust-left.webp" alt="Physiotherapy at Rapharehab" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/home/why-trust-us/icon.webp" alt="Physiotherapy at Rapharehab" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -106,7 +147,7 @@ export default function FaqSection() {
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{/* <div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_four">
|
||||
<div className="image-box ml_30">
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
import { servicesList } from "@/utils/Services.utils"
|
||||
import Link from "next/link"
|
||||
import Image from "next/image"
|
||||
|
||||
|
||||
export default function MobileServices() {
|
||||
@ -7,8 +8,25 @@ export default function MobileServices() {
|
||||
<>
|
||||
<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 className="pattern-1 ">
|
||||
<Image
|
||||
src="/assets/images/home/our-services/top-right.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="pattern-2 ">
|
||||
<Image
|
||||
src="/assets/images/home/our-services/bottom-left.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
|
||||
@ -1,9 +1,17 @@
|
||||
import React from 'react';
|
||||
import Image from 'next/image';
|
||||
|
||||
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="pattern-layer">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-19.png"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</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>
|
||||
@ -15,7 +23,14 @@ export default function ProcessSection() {
|
||||
<h2>How Physiotherapy Helps You Heal <br />and Stay Strong</h2>
|
||||
</div>
|
||||
<div className="inner-container">
|
||||
<div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.webp)' }}></div>
|
||||
<div className="arrow-shape">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-18.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
{/* Step 01 */}
|
||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
|
||||
@ -1,13 +1,30 @@
|
||||
import { servicesList } from '@/utils/Services.utils';
|
||||
import Link from 'next/link';
|
||||
import React from 'react';
|
||||
import Image from 'next/image';
|
||||
|
||||
export default function ServicesSection() {
|
||||
return (
|
||||
<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 className="pattern-1 ">
|
||||
<Image
|
||||
src="/assets/images/home/our-services/top-right.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="pattern-2 ">
|
||||
<Image
|
||||
src="/assets/images/home/our-services/bottom-left.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title-1 mb_50 centred">
|
||||
@ -28,15 +45,15 @@ export default function ServicesSection() {
|
||||
</div>
|
||||
<div className="lower-content-new">
|
||||
<div className="icon-box-new">
|
||||
<img src={service?.icon} alt="" />
|
||||
<img src={service?.icon} alt={service.alt} />
|
||||
</div>
|
||||
<h3 className='text-start'>
|
||||
<Link href={`/etobicoke-treatment-service/${service.slug}`}>
|
||||
{service?.shortTitle}
|
||||
</Link>
|
||||
</h3>
|
||||
<p
|
||||
className='text-start'
|
||||
<p
|
||||
className='text-start'
|
||||
style={{
|
||||
overflow: 'hidden',
|
||||
textOverflow: 'ellipsis',
|
||||
|
||||
@ -1,11 +1,30 @@
|
||||
import Link from 'next/link';
|
||||
import React from 'react';
|
||||
import Image from 'next/image';
|
||||
|
||||
export default function WhyChooseUsSection() {
|
||||
return (
|
||||
<section className="chooseus-section">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/why-choose/why-choose-right.webp)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-12.webp)' }}></div>
|
||||
<div className="bg-layer">
|
||||
<Image
|
||||
src="/assets/images/home/why-choose/why-choose-right.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="pattern-layer">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-12.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 content-column">
|
||||
|
||||
@ -1,58 +0,0 @@
|
||||
import Link from 'next/link';
|
||||
import React from 'react';
|
||||
|
||||
export default function about() {
|
||||
return (
|
||||
<section className="about-section pt_90 pb_90 bg-color-1">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
|
||||
<div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
|
||||
<div className="pattern-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.webp)' }}></div>
|
||||
<div className="pattern-4" style={{ backgroundImage: 'url(assets/images/shape/shape-10.png)' }}></div>
|
||||
<div className="pattern-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></div>
|
||||
</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_one">
|
||||
<div className="image-box">
|
||||
<div className="shape float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-7.png)' }}></div>
|
||||
<figure className="image"><img src="assets/images/resource/about-1.jpg" alt="" /></figure>
|
||||
<div className="icon-one"><i className="icon-13"></i></div>
|
||||
<div className="icon-two"><i className="icon-14"></i></div>
|
||||
<div className="text-box">
|
||||
<h3>Wade Warren</h3>
|
||||
<span>Medical Assistant</span>
|
||||
</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 ml_30">
|
||||
<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">
|
||||
<h6>Committed To Delivering High Quality Medical & Diagnostics Services!</h6>
|
||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.</p>
|
||||
<ul className="list-style-one clearfix">
|
||||
<li>Ambulance Services</li>
|
||||
<li>Oxizen on Wheel</li>
|
||||
<li>Pharmacy on Clinic</li>
|
||||
<li>On duty Doctors</li>
|
||||
<li>24/7 Medical Emergency</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/#" className="theme-btn btn-one"><span>Discover More</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
@ -1,35 +0,0 @@
|
||||
import React from 'react';
|
||||
import Link from "next/link"
|
||||
export default function Banner() {
|
||||
return (
|
||||
<section className="banner-section p_relative">
|
||||
<div className="pattern-layer wow slideInDown animated" data-wow-delay="00ms" data-wow-duration="1500ms" style={{ backgroundImage: 'url(assets/images/shape/shape-1.png)' }}></div>
|
||||
<div className="shape">
|
||||
<div className="shape-1" style={{ backgroundImage: 'url(assets/images/shape/shape-2.png)' }}></div>
|
||||
<div className="shape-2 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-3.png)' }}></div>
|
||||
<div className="shape-3" style={{ backgroundImage: 'url(assets/images/shape/shape-4.png)' }}></div>
|
||||
<div className="shape-4" style={{ backgroundImage: 'url(assets/images/shape/shape-5.png)' }}></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<span className="upper-text">Highest level of service you can find</span>
|
||||
<h2>Take <span>Care of Your</span> Health Now.</h2>
|
||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.</p>
|
||||
<div className="btn-box">
|
||||
<Link href="/#" className="theme-btn btn-two"><span>Explore Our Service</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image-box">
|
||||
<figure className="image float-bob-y"><img src="assets/images/banner/banner-img-1.png" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,50 +0,0 @@
|
||||
import Link from 'next/link';
|
||||
import React from 'react';
|
||||
|
||||
export default function feature() {
|
||||
return (
|
||||
<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="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-9"></i></div>
|
||||
<h3><Link href="/">Qualified Doctor</Link></h3>
|
||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-10"></i></div>
|
||||
<h3><Link href="/">Emergency Help</Link></h3>
|
||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-11"></i></div>
|
||||
<h3><Link href="/">Modern Equipment</Link></h3>
|
||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-12"></i></div>
|
||||
<h3><Link href="/">Family Medicine</Link></h3>
|
||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
@ -1,61 +0,0 @@
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
|
||||
|
||||
export default function Funfacts() {
|
||||
return (
|
||||
<>
|
||||
<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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,92 +0,0 @@
|
||||
import React from 'react';
|
||||
import Link from "next/link"
|
||||
export default function Pricing() {
|
||||
return (
|
||||
<section className="pricing-section sec-pad">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Our Pricing</span>
|
||||
<h2>Affordable care options for <br />all patients</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-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>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,54 +0,0 @@
|
||||
import React from 'react';
|
||||
|
||||
export default function Process() {
|
||||
return (
|
||||
<section className="process-section sec-pad">
|
||||
<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">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>
|
||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">01</span>
|
||||
<figure className="image-box"><img src="assets/images/resource/process-1.jpg" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Get Appointment</h3>
|
||||
<p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">02</span>
|
||||
<figure className="image-box"><img src="assets/images/resource/process-2.jpg" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Start Check-Up</h3>
|
||||
<p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">03</span>
|
||||
<figure className="image-box"><img src="assets/images/resource/process-3.jpg" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Enjoy Healthy Life</h3>
|
||||
<p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,59 +0,0 @@
|
||||
import Link from 'next/link';
|
||||
import React from 'react';
|
||||
|
||||
export default function service() {
|
||||
return (
|
||||
<section className="service-section sec-pad">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Our Services</span>
|
||||
<h2>We Offer For You Medical & <br />Saving Lives</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"><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>
|
||||
<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>
|
||||
<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"><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">Experienced Doctors</Link></h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
@ -1,35 +0,0 @@
|
||||
import React from 'react';
|
||||
import Link from "next/link"
|
||||
export default function subscribe() {
|
||||
return (
|
||||
<section className="subscribe-section 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">
|
||||
<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,54 +0,0 @@
|
||||
import React from 'react';
|
||||
import Link from "next/link"
|
||||
export default function Team() {
|
||||
const teamMembers = [
|
||||
{ name: 'Black Marvin', role: 'Medical Assistant', image: 'assets/images/team/team-1.jpg' },
|
||||
{ name: 'Eleanor Pena', role: 'Doctor', image: 'assets/images/team/team-2.jpg' },
|
||||
{ name: 'Arlene Maccy', role: 'Nursing Assistant', image: 'assets/images/team/team-3.jpg' },
|
||||
{ name: 'Jenny Wilson', role: 'Senior Doctor', image: 'assets/images/team/team-4.jpg' },
|
||||
];
|
||||
|
||||
return (
|
||||
<section className="team-section sec-pad centred">
|
||||
<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">Our Team</span>
|
||||
<h2>Meet our experienced doctors <br />for the best treatment</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
{teamMembers.map((member, index) => (
|
||||
<div key={index} 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}'s photo`} /></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">{member.name}</Link></h3>
|
||||
<span className="designation">{member.role}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,12 +1,29 @@
|
||||
import TestimonialSlider1 from '@/components/slider/TestimonialSlider1'
|
||||
import Link from "next/link";
|
||||
import Image from 'next/image';
|
||||
|
||||
export default function Testimonial() {
|
||||
return (
|
||||
<>
|
||||
<section className="testimonial-section sec-pad bg-color-1">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/testimonial-left.webp)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-21.webp)' }}></div>
|
||||
<div className="bg-layer">
|
||||
<Image
|
||||
src="/assets/images/home/testimonial-left.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="pattern-layer">
|
||||
<Image
|
||||
src="/assets/images/shape/shape-21.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</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">
|
||||
|
||||
@ -1,13 +1,23 @@
|
||||
'use client'
|
||||
import React, { useState } from 'react';
|
||||
import Link from "next/link";
|
||||
import Image from 'next/image';
|
||||
import ModalVideo from 'react-modal-video'
|
||||
export default function Video() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
return (
|
||||
<>
|
||||
<section className="video-section p_relative">
|
||||
<div className="bg-layer parallax-bg" data-parallax='{"y": 100}' style={{ backgroundImage: 'url(/assets/images/home/make-an-appointment/make-an-appopintment-bg.webp)' }}></div>
|
||||
<div className="bg-layer parallax-bg" data-parallax='{"y": 100}'>
|
||||
<Image
|
||||
src="/assets/images/home/make-an-appointment/make-an-appopintment-bg.webp"
|
||||
alt="Physiotherapy at Rapharehab"
|
||||
fill
|
||||
style={{ objectFit: "cover" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
<figure className="image-layer"><img src="/assets/images/home/make-an-appointment/make-an-appopintment-right.webp" alt="Schedule Your Consultation" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="inner-box">
|
||||
|
||||
@ -1,61 +0,0 @@
|
||||
import Link from 'next/link';
|
||||
import React from 'react';
|
||||
|
||||
export default function chooseus() {
|
||||
return (
|
||||
<section className="chooseus-section">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/chooseus-bg.jpg)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-12.webp)' }}></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>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>
|
||||
);
|
||||
};
|
||||
@ -1,60 +0,0 @@
|
||||
import React from 'react';
|
||||
|
||||
export default function About() {
|
||||
return (
|
||||
<section className="about-style-two pt_90 pb_90">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
|
||||
<div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.webp)' }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></div>
|
||||
</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_one">
|
||||
<div className="image-box">
|
||||
<div className="shape float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-7.png)' }}></div>
|
||||
<div className="image-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-26.webp)' }}></div>
|
||||
<figure className="image-2"><img src="assets/images/resource/about-1.png" alt="" /></figure>
|
||||
<div className="icon-one"><i className="icon-13"></i></div>
|
||||
<div className="icon-two"><i className="icon-14"></i></div>
|
||||
<div className="text-box">
|
||||
<h3>Wade Warren</h3>
|
||||
<span>Medical Assistant</span>
|
||||
</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 ml_30">
|
||||
<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">
|
||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.</p>
|
||||
<ul className="list-style-one clearfix">
|
||||
<li>Refresing to get such a personal touch.</li>
|
||||
<li>Duis aute irure dolor in reprehenrit in voluptate.</li>
|
||||
<li>Velit esse cillum dolore eu fugiat nua pariatur.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-box">
|
||||
<div className="experience-box">
|
||||
<div className="icon-box"><i className="icon-29"></i></div>
|
||||
<h3>32 Years</h3>
|
||||
<span className="designation">Of Medical Experience</span>
|
||||
</div>
|
||||
<figure className="author-thumb"><img src="assets/images/resource/author-1.jpg" alt="" /></figure>
|
||||
<div className="signature"><img src="assets/images/icons/signature-1.png" alt="" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
@ -56,6 +56,7 @@ export default function Banner() {
|
||||
{
|
||||
id: 0,
|
||||
bg: "/assets/images/banner/desktopBanner/banner-4.webp",
|
||||
alt: "Physiotherapy at Rapharehab Clinic.",
|
||||
upper: "Begin your",
|
||||
title: "Recovery",
|
||||
desc: "• Rehab • Strength Training • Personalized Care",
|
||||
@ -65,6 +66,7 @@ export default function Banner() {
|
||||
{
|
||||
id: 1,
|
||||
bg: "/assets/images/banner/desktopBanner/banner-1.webp",
|
||||
alt: "Pain relief and rehab therapy.",
|
||||
upper: "Build Your Strength &",
|
||||
title: "Endurance",
|
||||
desc: "• Physiotherapy • Sports Therapy • Injury Prevention",
|
||||
@ -74,6 +76,7 @@ export default function Banner() {
|
||||
{
|
||||
id: 2,
|
||||
bg: "/assets/images/banner/desktopBanner/banner-3.webp",
|
||||
alt: "Rapharehab physiotherapy session.",
|
||||
upper: "Regain Your Strength",
|
||||
title: "Heal",
|
||||
desc: "• Pain Relief • Mobility • Wellness",
|
||||
@ -83,6 +86,7 @@ export default function Banner() {
|
||||
{
|
||||
id: 3,
|
||||
bg: "/assets/images/banner/desktopBanner/banner-2.webp",
|
||||
alt: "Rehab and recovery care.",
|
||||
upper: "Build your Core",
|
||||
title: "Performance",
|
||||
desc: "• Pain Relief • Active Care • Long-Term Result",
|
||||
@ -102,6 +106,7 @@ export default function Banner() {
|
||||
<div
|
||||
key={s.id}
|
||||
className="keen-slider__slide"
|
||||
alt={s.alt}
|
||||
style={{
|
||||
minHeight: "600px",
|
||||
width: "100%",
|
||||
|
||||
@ -1,61 +0,0 @@
|
||||
import Link from 'next/link';
|
||||
import React from 'react';
|
||||
|
||||
export default function Chooseus() {
|
||||
return (
|
||||
<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.webp)" }}></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>
|
||||
);
|
||||
};
|
||||
@ -1,18 +0,0 @@
|
||||
|
||||
import ClientSlider1 from '@/components/slider/ClientSlider1'
|
||||
|
||||
import React from 'react';
|
||||
|
||||
export default function client() {
|
||||
return (
|
||||
<section className="clients-section pt_70 pb_70">
|
||||
<div className="pattern-layer" style={{ backgroundImage: "url(assets/images/shape/shape-23.png)" }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="content-box">
|
||||
{/*Theme Carousel*/}
|
||||
<ClientSlider1 />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
@ -1,45 +0,0 @@
|
||||
import React from 'react';
|
||||
|
||||
export default function Contact() {
|
||||
return (
|
||||
<section className="contact-section pt_90 pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 map-column">
|
||||
<div className="map-inner mr_35">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2886.848070642326!2d-79.57826378450145!3d43.6308386791466!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b3811bd400001%3A0x87ffabfe7d6aeeca!2s5%20-%204335%20Bloor%20St%20W%2C%20Etobicoke%2C%20ON%20M9C%202A5!5e0!3m2!1sen!2sca!4v1693224000000!5m2!1sen!2scaF" height={570} style={{ border: 0, width: "100%" }} allowFullScreen loading="lazy" referrerPolicy="no-referrer-when-downgrade" />
|
||||
</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">Contact</span>
|
||||
<h2>Don't Hesitate to Contact Us</h2>
|
||||
</div>
|
||||
<div className="form-inner">
|
||||
<form action="index-2" method="post" className="default-form">
|
||||
<div className="form-group">
|
||||
<input type="text" name="fname" placeholder="First Name" required />
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<input type="text" name="lname" placeholder="Last Name" required />
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<input type="email" name="email" placeholder="Email" readOnly />
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<textarea name="message" placeholder="Message"></textarea>
|
||||
</div>
|
||||
<div className="form-group message-btn">
|
||||
<button type="submit" className="theme-btn btn-one"><span>Send Message</span></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,29 +0,0 @@
|
||||
import React from 'react';
|
||||
import Link from "next/link"
|
||||
|
||||
export default function Cta() {
|
||||
return (
|
||||
<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="CTA" />
|
||||
</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>
|
||||
)
|
||||
};
|
||||
|
||||
@ -1,100 +0,0 @@
|
||||
'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 sec-pad">
|
||||
<figure className="image-layer"><img src="assets/images/resource/faq-1.png" alt="" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">Faq's</span>
|
||||
<h2>Do You Have Any Medical <br />Questions?</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-xl-7 col-lg-12 col-md-12 offset-xl-5 content-column">
|
||||
<div className="content-box">
|
||||
|
||||
<ul className="accordion-box">
|
||||
<li className="accordion block active-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>Is it possible to get my results by mail or over the phone?</h5>
|
||||
</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>
|
||||
<li className="accordion block active-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>Can I call directly to make an appointment?</h5>
|
||||
</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>
|
||||
<li className="accordion block active-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 give phone advice?</h5>
|
||||
</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>
|
||||
<li className="accordion block active-block">
|
||||
<div className={isActive.key == 4 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(4)}>
|
||||
<div className="icon-box"><i className="icon-34"></i></div>
|
||||
<h5>Can I make appointments by phone?</h5>
|
||||
</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 image-column">
|
||||
<div className="image_block_four">
|
||||
<div className="image-box ml_30">
|
||||
<div className="image-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-22.png)' }}></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,61 +0,0 @@
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
|
||||
|
||||
export default function Funfacts() {
|
||||
return (
|
||||
<>
|
||||
<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>
|
||||
<h4>Expert Doctors</h4>
|
||||
</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>
|
||||
<h4>Happy Patients</h4>
|
||||
</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>
|
||||
<h4>Modern Rooms</h4>
|
||||
</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>
|
||||
<h4>Awards Win</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -98,6 +98,7 @@ export default function MobileBanner() {
|
||||
{slides.map((slide) => (
|
||||
<div
|
||||
key={slide.id}
|
||||
alt={slide.title}
|
||||
className="keen-slider__slide"
|
||||
style={{
|
||||
minHeight: "100vh",
|
||||
|
||||
@ -1,129 +0,0 @@
|
||||
'use client'
|
||||
import Link from "next/link"
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
||||
import { Swiper, SwiperSlide } from "swiper/react"
|
||||
|
||||
const swiperOptions = {
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
slidesPerView: 3,
|
||||
// spaceBetween: 30,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
loop: true,
|
||||
|
||||
// Navigation
|
||||
navigation: {
|
||||
nextEl: '.h1n',
|
||||
prevEl: '.h1p',
|
||||
},
|
||||
|
||||
// Pagination
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
breakpoints: {
|
||||
320: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
575: {
|
||||
slidesPerView: 2,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
767: {
|
||||
slidesPerView: 2,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
991: {
|
||||
slidesPerView: 2,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
1199: {
|
||||
slidesPerView: 3,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
1350: {
|
||||
slidesPerView: 3,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
export default function News() {
|
||||
return (
|
||||
<>
|
||||
<section className="news-section sec-pad bg-color-1">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Our Blog</span>
|
||||
<h2>Take a look at our most <br />recent articles</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
|
||||
<div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-1.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>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
|
||||
<div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-2.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>0 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>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
|
||||
<div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-3.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>02 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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,42 +0,0 @@
|
||||
import React from 'react';
|
||||
|
||||
export default function order() {
|
||||
return (
|
||||
<section className="order-service">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-17.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="text-box">
|
||||
<h2>Order service online</h2>
|
||||
<p>
|
||||
<span className="shape"></span> Enter your information to check availability
|
||||
</p>
|
||||
</div>
|
||||
<div className="form-inner">
|
||||
<form method="post" action="index-2">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="address" placeholder="Enter Address" required />
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 form-group">
|
||||
<div className="select-box">
|
||||
<select className="selectmenu" id="ui-id-1">
|
||||
<option value={1}>Service type</option>
|
||||
<option value={2}>Garbage pickup</option>
|
||||
<option value={3}>Dumpster rental</option>
|
||||
<option value={4}>Waste collection</option>
|
||||
<option value={5}>Recycling service</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-12 col-sm-12 form-group message-btn">
|
||||
<button type="submit" className="theme-btn btn-one">
|
||||
<span>Search Now</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
@ -1,63 +0,0 @@
|
||||
import Link from 'next/link';
|
||||
import React from 'react';
|
||||
|
||||
export default function Service() {
|
||||
return (
|
||||
<section className="service-style-two sec-pad">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1" style={{ backgroundImage: "url(assets/images/shape/shape-27.png)" }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: "url(assets/images/shape/shape-28.png)" }}></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 light centred">
|
||||
<span className="sub-title">Our Services</span>
|
||||
<h2>We Offer For You Medical & <br />Saving Lives</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"><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>
|
||||
<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>
|
||||
<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"><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">Experienced Doctors</Link></h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
@ -1,37 +0,0 @@
|
||||
// Components/SubscribeSection.js
|
||||
|
||||
import React from 'react';
|
||||
import Link from "next/link"
|
||||
export default function Subscribe() {
|
||||
return (
|
||||
<section className="subscribe-section 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">
|
||||
<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,86 +0,0 @@
|
||||
import React from 'react';
|
||||
import Link from "next/link"
|
||||
const TeamMember = ({ name, designation, imageSrc, socialLinks }) => (
|
||||
<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">
|
||||
<figure className="image-box">
|
||||
<img src={imageSrc} alt={name} />
|
||||
</figure>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">{name}</Link></h3>
|
||||
<span className="designation">{designation}</span>
|
||||
<ul className="social-links clearfix">
|
||||
{socialLinks.map((link, index) => (
|
||||
<li key={index}><Link href={link.url}><i className={link.iconClass}></i></Link></li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
export default function TeamTwo() {
|
||||
<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">
|
||||
<TeamMember
|
||||
name="Black Marvin"
|
||||
designation="Medical Assistant"
|
||||
imageSrc="assets/images/team/team-5.jpg"
|
||||
socialLinks={[
|
||||
{ url: '/', iconClass: 'icon-7' },
|
||||
{ url: '/', iconClass: 'icon-4' },
|
||||
{ url: '/', iconClass: 'icon-5' },
|
||||
{ url: '/', iconClass: 'icon-6' },
|
||||
]}
|
||||
/>
|
||||
<TeamMember
|
||||
name="Eleanor Pena"
|
||||
designation="Doctor"
|
||||
imageSrc="assets/images/team/team-6.jpg"
|
||||
socialLinks={[
|
||||
{ url: '/', iconClass: 'icon-7' },
|
||||
{ url: '/', iconClass: 'icon-4' },
|
||||
{ url: '/', iconClass: 'icon-5' },
|
||||
{ url: '/', iconClass: 'icon-6' },
|
||||
]}
|
||||
/>
|
||||
<TeamMember
|
||||
name="Arlene Maccy"
|
||||
designation="Nursing Assistant"
|
||||
imageSrc="assets/images/team/team-7.jpg"
|
||||
socialLinks={[
|
||||
{ url: '/', iconClass: 'icon-7' },
|
||||
{ url: '/', iconClass: 'icon-4' },
|
||||
{ url: '/', iconClass: 'icon-5' },
|
||||
{ url: '/', iconClass: 'icon-6' },
|
||||
]}
|
||||
/>
|
||||
<TeamMember
|
||||
name="Jenny Wilson"
|
||||
designation="Senior Doctor"
|
||||
imageSrc="assets/images/team/team-8.jpg"
|
||||
socialLinks={[
|
||||
{ url: '/', iconClass: 'icon-7' },
|
||||
{ url: '/', iconClass: 'icon-4' },
|
||||
{ url: '/', iconClass: 'icon-5' },
|
||||
{ url: '/', iconClass: 'icon-6' },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{/* ... (Other existing code remains unchanged) */}
|
||||
</section>
|
||||
};
|
||||
|
||||
@ -1,36 +0,0 @@
|
||||
import React from 'react';
|
||||
import TestimonialSlider1 from '@/components/slider/TestimonialSlider1'
|
||||
export default function Testimonial() {
|
||||
return (
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,33 +0,0 @@
|
||||
'use client'
|
||||
import React, { useState } from 'react';
|
||||
import Link from "next/link"
|
||||
import ModalVideo from 'react-modal-video'
|
||||
export default function Video() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
return (
|
||||
<>
|
||||
<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>
|
||||
<span className="border-animation border-1"></span>
|
||||
<span className="border-animation border-2"></span>
|
||||
<span className="border-animation border-3"></span>
|
||||
</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>
|
||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,60 +0,0 @@
|
||||
import React from 'react';
|
||||
|
||||
export default function working() {
|
||||
return (
|
||||
<section className="working-section centred">
|
||||
<div className="pattern-layer" style={{ backgroundImage: "url(assets/images/shape/shape-21.webp)" }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_60">
|
||||
<span className="sub-title">Service Industry</span>
|
||||
<h2>A wide range of waste <br />disposal services</h2>
|
||||
</div>
|
||||
<div className="content-inner">
|
||||
<div className="working-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="arrow-shape" style={{ backgroundImage: "url(assets/images/shape/shape-20.png)" }}></div>
|
||||
<div className="icon-box">
|
||||
<div className="icon"><i className="icon-29"></i></div>
|
||||
<span className="count-text">01</span>
|
||||
</div>
|
||||
<h3>Waste pickup</h3>
|
||||
<p>Amet minim mollit no duis deserunt ulamco.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="working-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="arrow-shape" style={{ backgroundImage: "url(assets/images/shape/shape-20.png)" }}></div>
|
||||
<div className="icon-box">
|
||||
<div className="icon"><i className="icon-30"></i></div>
|
||||
<span className="count-text">02</span>
|
||||
</div>
|
||||
<h3>Waste collection</h3>
|
||||
<p>Amet minim mollit no duis deserunt ulamco.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="working-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="arrow-shape" style={{ backgroundImage: "url(assets/images/shape/shape-20.png)" }}></div>
|
||||
<div className="icon-box">
|
||||
<div className="icon"><i className="icon-31"></i></div>
|
||||
<span className="count-text">03</span>
|
||||
</div>
|
||||
<h3>Proccessing</h3>
|
||||
<p>Amet minim mollit no duis deserunt ulamco.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="working-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box">
|
||||
<div className="icon"><i className="icon-32"></i></div>
|
||||
<span className="count-text">04</span>
|
||||
</div>
|
||||
<h3>Recycling</h3>
|
||||
<p>Amet minim mollit no duis deserunt ulamco.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
@ -1,59 +0,0 @@
|
||||
import Link from "next/link"
|
||||
|
||||
|
||||
export default function About() {
|
||||
return (
|
||||
<>
|
||||
<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">
|
||||
<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/resource/about-2.jpg" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="assets/images/resource/about-3.jpg" alt="" /></figure>
|
||||
<div className="icon-box"><i className="icon-14"></i></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>Medical services & diagnostics</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.</p>
|
||||
<ul className="list-style-one clearfix">
|
||||
<li>Refreshing to get such a personal touch.</li>
|
||||
<li>Duis aute irure dolor in reprehenderit in voluptate.</li>
|
||||
<li>Velit esse cillum dolore eu fugiat nulla pariatur.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-box">
|
||||
<div className="experience-box">
|
||||
<div className="icon-box"><i className="icon-29"></i></div>
|
||||
<h3>32 Years</h3>
|
||||
<span className="designation">Of Medical Experience</span>
|
||||
</div>
|
||||
<figure className="author-thumb"><img src="assets/images/resource/author-1.jpg" alt="" /></figure>
|
||||
<div className="signature"><img src="assets/images/icons/signature-1.png" alt="" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,47 +0,0 @@
|
||||
'use client'
|
||||
import Link from 'next/link';
|
||||
import React, { useState } from 'react';
|
||||
import ModalVideo from 'react-modal-video'
|
||||
export default function Banner() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
return (
|
||||
<>
|
||||
<section className="banner-style-three p_relative">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-29.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-30.png)' }}></div>
|
||||
<span className="upper-text">Highest level of service you can find</span>
|
||||
<h2>Take <span>Care of Your</span> Health Now.</h2>
|
||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.</p>
|
||||
<div className="btn-box">
|
||||
<Link href="appointments" className="theme-btn btn-one mr_60"><span>Book An Appointment</span></Link>
|
||||
<a onClick={() => setOpen(true)}><i className="fas fa-play"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image-box">
|
||||
<div className="image-shape">
|
||||
<div className="shape-1" style={{ backgroundImage: 'url(assets/images/shape/shape-31.png)' }}></div>
|
||||
<div className="shape-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.webp)' }}></div>
|
||||
<div className="shape-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
|
||||
<div className="shape-4" style={{ backgroundImage: 'url(assets/images/shape/shape-32.png)' }}></div>
|
||||
</div>
|
||||
<figure className="image"><img src="assets/images/banner/banner-img-3.png" alt="" /></figure>
|
||||
<div className="text-box">
|
||||
<h3>Dr. Wade Warren</h3>
|
||||
<span className="designation">Senior Medical Assistant</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,71 +0,0 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
export default function Contact() {
|
||||
return (
|
||||
<section className="contact-style-two sec-pad">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">Contact</span>
|
||||
<h2>Don't Hesitate to <br />Contact Us</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-12 col-sm-12 info-column">
|
||||
<div className="info-inner">
|
||||
<div className="info-block-one">
|
||||
<h3>Quick Contact</h3>
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-2"></i></div>
|
||||
<p>Main Office: <br /><Link href="tel:23345678901">(+233)456-789-01</Link>, <Link href="tel:+1045678901">+10456-789-01</Link></p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="info-block-one">
|
||||
<h3>Email Address</h3>
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-26"></i></div>
|
||||
<p>Mail: <br /><Link href="mailto:info@example.com">info@example.com</Link></p>
|
||||
</div>
|
||||
</div>
|
||||
<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>3891 Ranchview Dr. Richardson, <br />California 62639</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-8 col-md-12 col-sm-12 form-column">
|
||||
<div className="form-inner ml_35">
|
||||
<form method="post" action="index-3" 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="lname" placeholder="Last Name" required />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="email" name="email" placeholder="Email" readOnly />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input type="text" name="phone" placeholder="Number" readOnly />
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-12 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>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,97 +0,0 @@
|
||||
'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 sec-pad">
|
||||
<figure className="image-layer"><img src="assets/images/resource/faq-1.png" alt="" /></figure>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">Faq's</span>
|
||||
<h2>Do You Have Any Medical <br />Questions?</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-xl-7 col-lg-12 col-md-12 offset-xl-5 content-column">
|
||||
<div className="content-box">
|
||||
|
||||
<ul className="accordion-box">
|
||||
<li className="accordion block active-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>
|
||||
<li className="accordion block active-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>
|
||||
<li className="accordion block active-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>
|
||||
<li className="accordion block active-block">
|
||||
<div className={isActive.key == 4 ? "acc-btn active" : "acc-btn"} onClick={() => handleToggle(3)}>
|
||||
<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 image-column">
|
||||
<div className="image_block_four">
|
||||
<div className="image-box ml_30">
|
||||
<div className="image-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-22.png)' }}></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,51 +0,0 @@
|
||||
import Link from "next/link"
|
||||
|
||||
|
||||
export default function Features() {
|
||||
return (
|
||||
<>
|
||||
<section className="feature-section pb_90">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-9"></i></div>
|
||||
<h3><Link href="/">Qualified Doctor</Link></h3>
|
||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-10"></i></div>
|
||||
<h3><Link href="/">Emergency Help</Link></h3>
|
||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-11"></i></div>
|
||||
<h3><Link href="/">Modern Equipment</Link></h3>
|
||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-12"></i></div>
|
||||
<h3><Link href="/">Family Medicine</Link></h3>
|
||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,30 +0,0 @@
|
||||
// import PortfolioFilter1 from ""
|
||||
import dynamic from 'next/dynamic'
|
||||
const PortfolioFilter1 = dynamic(() => import('@/components/elements/PortfolioFilter1'), {
|
||||
ssr: false,
|
||||
})
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Gallery() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<section className="gallery-section sec-pad">
|
||||
<div className="outer-container">
|
||||
<div className="sec-title centred mb_30">
|
||||
<span className="sub-title">Gallery</span>
|
||||
<h2>Visit Our Gallery For <br />Latest Info</h2>
|
||||
</div>
|
||||
{/*Sortable Galery*/}
|
||||
<div className="sortable-masonry">
|
||||
{/*Filter*/}
|
||||
<PortfolioFilter1/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,17 +0,0 @@
|
||||
import React from 'react';
|
||||
|
||||
export default function Map() {
|
||||
|
||||
|
||||
return (
|
||||
<section className="google-map-section">
|
||||
|
||||
<div className="map-inner">
|
||||
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2643.6895046810805!2d-122.52642526124438!3d38.00014098339506!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8085976736097a2f%3A0xbe014d20e6e22654!2sSan Rafael%2C California%2C Hoa Kỳ!5e0!3m2!1svi!2s!4v1678975266976!5m2!1svi!2s" height={570} style={{ border: 0, width: "100%" }} allowFullScreen loading="lazy" referrerPolicy="no-referrer-when-downgrade" />
|
||||
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,74 +0,0 @@
|
||||
import Link from 'next/link';
|
||||
import React from 'react';
|
||||
|
||||
export default function news() {
|
||||
return (
|
||||
<section className="news-section sec-pad bg-color-1">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Our Blog</span>
|
||||
<h2>Take a look at our most <br />recent articles</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
|
||||
<div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-1.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>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
|
||||
<div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-2.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>0 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>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
|
||||
<div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-3.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>02 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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
@ -1,54 +0,0 @@
|
||||
import React from 'react';
|
||||
|
||||
export default function Process() {
|
||||
return (
|
||||
<section className="process-section sec-pad">
|
||||
<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">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>
|
||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">01</span>
|
||||
<figure className="image-box"><img src="assets/images/resource/process-1.jpg" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Get Appointment</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">02</span>
|
||||
<figure className="image-box"><img src="assets/images/resource/process-2.jpg" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Start Check-Up</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">03</span>
|
||||
<figure className="image-box"><img src="assets/images/resource/process-3.jpg" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Enjoy Healthy Life</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,36 +0,0 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
export default function Subscribe() {
|
||||
return (
|
||||
<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,102 +0,0 @@
|
||||
import Link from "next/link"
|
||||
|
||||
|
||||
export default function Team() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<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>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,36 +0,0 @@
|
||||
import React from 'react';
|
||||
import TestimonialSlider1 from '@/components/slider/TestimonialSlider1'
|
||||
export default function Testimonial() {
|
||||
return (
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,34 +0,0 @@
|
||||
'use client'
|
||||
import Link from 'next/link';
|
||||
import React, { useState } from 'react';
|
||||
|
||||
import ModalVideo from 'react-modal-video'
|
||||
export default function Video() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
return (
|
||||
<>
|
||||
<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-3.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>
|
||||
<span className="border-animation border-1"></span>
|
||||
<span className="border-animation border-2"></span>
|
||||
<span className="border-animation border-3"></span>
|
||||
</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>
|
||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,58 +0,0 @@
|
||||
import Link from 'next/link';
|
||||
import React from 'react';
|
||||
|
||||
export default function about() {
|
||||
return (
|
||||
<section className="about-section pt_90 pb_90 bg-color-1" id="about">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
|
||||
<div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
|
||||
<div className="pattern-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.webp)' }}></div>
|
||||
<div className="pattern-4" style={{ backgroundImage: 'url(assets/images/shape/shape-10.png)' }}></div>
|
||||
<div className="pattern-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></div>
|
||||
</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_one">
|
||||
<div className="image-box">
|
||||
<div className="shape float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-7.png)' }}></div>
|
||||
<figure className="image"><img src="assets/images/resource/about-1.jpg" alt="" /></figure>
|
||||
<div className="icon-one"><i className="icon-13"></i></div>
|
||||
<div className="icon-two"><i className="icon-14"></i></div>
|
||||
<div className="text-box">
|
||||
<h3>Wade Warren</h3>
|
||||
<span>Medical Assistant</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content_block_one">
|
||||
<div className="text-box ml_30">
|
||||
<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">
|
||||
<h6>Committed To Delivering High Quality Medical & Diagnostics Services!</h6>
|
||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.</p>
|
||||
<ul className="list-style-one clearfix">
|
||||
<li>Ambulance Services</li>
|
||||
<li>Oxygen on Wheel</li>
|
||||
<li>Pharmacy on Clinic</li>
|
||||
<li>On-duty Doctors</li>
|
||||
<li>24/7 Medical Emergency</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/" className="theme-btn btn-one"><span>Discover More</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
@ -1,35 +0,0 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
export default function Banner() {
|
||||
return (
|
||||
<section className="banner-section p_relative">
|
||||
<div className="pattern-layer wow slideInDown animated" data-wow-delay="00ms" data-wow-duration="1500ms" style={{ backgroundImage: 'url(assets/images/shape/shape-1.png)' }}></div>
|
||||
<div className="shape">
|
||||
<div className="shape-1" style={{ backgroundImage: 'url(assets/images/shape/shape-2.png)' }}></div>
|
||||
<div className="shape-2 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-3.png)' }}></div>
|
||||
<div className="shape-3" style={{ backgroundImage: 'url(assets/images/shape/shape-4.png)' }}></div>
|
||||
<div className="shape-4" style={{ backgroundImage: 'url(assets/images/shape/shape-5.png)' }}></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||||
<div className="content-box">
|
||||
<span className="upper-text">Highest level of service you can find</span>
|
||||
<h2>Take <span>Care of Your</span> Health Now.</h2>
|
||||
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.</p>
|
||||
<div className="btn-box">
|
||||
<Link href="/" className="theme-btn btn-two"><span>Explore Our Service</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image-box">
|
||||
<figure className="image float-bob-y"><img src="assets/images/banner/banner-img-1.png" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,50 +0,0 @@
|
||||
import Link from 'next/link';
|
||||
import React from 'react';
|
||||
|
||||
export default function Feature() {
|
||||
return (
|
||||
<section className="feature-section pt_90 pb_90" id="feature">
|
||||
<div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-6.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-9"></i></div>
|
||||
<h3><Link href="/">Qualified Doctor</Link></h3>
|
||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-10"></i></div>
|
||||
<h3><Link href="/">Emergency Help</Link></h3>
|
||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-11"></i></div>
|
||||
<h3><Link href="/">Modern Equipment</Link></h3>
|
||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-12"></i></div>
|
||||
<h3><Link href="/">Family Medicine</Link></h3>
|
||||
<p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
@ -1,61 +0,0 @@
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
|
||||
|
||||
export default function Funfacts() {
|
||||
return (
|
||||
<>
|
||||
<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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,129 +0,0 @@
|
||||
'use client'
|
||||
import Link from "next/link"
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
||||
|
||||
|
||||
const swiperOptions = {
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
slidesPerView: 3,
|
||||
// spaceBetween: 30,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
loop: true,
|
||||
|
||||
// Navigation
|
||||
navigation: {
|
||||
nextEl: '.h1n',
|
||||
prevEl: '.h1p',
|
||||
},
|
||||
|
||||
// Pagination
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
breakpoints: {
|
||||
320: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
575: {
|
||||
slidesPerView: 2,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
767: {
|
||||
slidesPerView: 2,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
991: {
|
||||
slidesPerView: 2,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
1199: {
|
||||
slidesPerView: 3,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
1350: {
|
||||
slidesPerView: 3,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
export default function News() {
|
||||
return (
|
||||
<>
|
||||
<section className="news-section sec-pad bg-color-1" id="news">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Our Blog</span>
|
||||
<h2>Take a look at our most <br />recent articles</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
|
||||
<div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-1.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>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
|
||||
<div className="news-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-2.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>0 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>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 news-block">
|
||||
<div className="news-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-3.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>02 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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,92 +0,0 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
export default function Pricing() {
|
||||
return (
|
||||
<section className="pricing-section sec-pad" id="pricing">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Our Pricing</span>
|
||||
<h2>Affordable care options for <br />all patients</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-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>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,54 +0,0 @@
|
||||
import React from 'react';
|
||||
|
||||
export default function Process() {
|
||||
return (
|
||||
<section className="process-section sec-pad">
|
||||
<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">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>
|
||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">01</span>
|
||||
<figure className="image-box"><img src="assets/images/resource/process-1.jpg" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Get Appointment</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">02</span>
|
||||
<figure className="image-box"><img src="assets/images/resource/process-2.jpg" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Start Check-Up</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="processing-block-one wow fadeInLeft animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<span className="count-text">03</span>
|
||||
<figure className="image-box"><img src="assets/images/resource/process-3.jpg" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Enjoy Healthy Life</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,60 +0,0 @@
|
||||
import Link from 'next/link';
|
||||
import React from 'react';
|
||||
|
||||
export default function Service() {
|
||||
return (
|
||||
<section className="service-section sec-pad" id="service">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Our Services</span>
|
||||
<h2>We Offer For You Medical & <br />Saving Lives</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"><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>
|
||||
<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>
|
||||
<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"><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">Experienced Doctors</Link></h3>
|
||||
<p>Amet minim mollit non deserunt ullamco aliqua dolor do amet sint.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,36 +0,0 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
export default function Subscribe() {
|
||||
return (
|
||||
<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,93 +0,0 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
export default function Team() {
|
||||
const teamMembers = [
|
||||
{
|
||||
name: 'Black Marvin',
|
||||
role: 'Medical Assistant',
|
||||
image: 'assets/images/team/team-1.jpg',
|
||||
socialLinks: [
|
||||
{ icon: 'icon-4', link: '/' },
|
||||
{ icon: 'icon-5', link: '/' },
|
||||
{ icon: 'icon-6', link: '/' },
|
||||
{ icon: 'icon-7', link: '/' },
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Eleanor Pena',
|
||||
role: 'Doctor',
|
||||
image: 'assets/images/team/team-2.jpg',
|
||||
socialLinks: [
|
||||
{ icon: 'icon-4', link: '/' },
|
||||
{ icon: 'icon-5', link: '/' },
|
||||
{ icon: 'icon-6', link: '/' },
|
||||
{ icon: 'icon-7', link: '/' },
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Arlene Maccy',
|
||||
role: 'Nursing Assistant',
|
||||
image: 'assets/images/team/team-3.jpg',
|
||||
socialLinks: [
|
||||
{ icon: 'icon-4', link: '/' },
|
||||
{ icon: 'icon-5', link: '/' },
|
||||
{ icon: 'icon-6', link: '/' },
|
||||
{ icon: 'icon-7', link: '/' },
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Jenny Wilson',
|
||||
role: 'Senior Doctor',
|
||||
image: 'assets/images/team/team-4.jpg',
|
||||
socialLinks: [
|
||||
{ icon: 'icon-4', link: '/' },
|
||||
{ icon: 'icon-5', link: '/' },
|
||||
{ icon: 'icon-6', link: '/' },
|
||||
{ icon: 'icon-7', link: '/' },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<section className="team-section sec-pad centred" id="team">
|
||||
<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">Our Team</span>
|
||||
<h2>Meet our experienced doctors <br />for the best treatment</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
{teamMembers.map((member, index) => (
|
||||
<div key={index} 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.socialLinks.map((link, i) => (
|
||||
<li key={i}><Link href={link.link}><i className={link.icon}></i></Link></li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3><Link href="team-details">{member.name}</Link></h3>
|
||||
<span className="designation">{member.role}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,30 +0,0 @@
|
||||
import TestimonialSlider1 from '@/components/slider/TestimonialSlider1'
|
||||
|
||||
export default function Testimonial() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<section className="testimonial-section sec-pad bg-color-1" id="testimonial">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/testimonial-bg.jpg)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-21.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 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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,34 +0,0 @@
|
||||
'use client'
|
||||
import Link from 'next/link';
|
||||
import React, { useState } from 'react';
|
||||
|
||||
import ModalVideo from 'react-modal-video'
|
||||
export default function Video() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
return (
|
||||
<>
|
||||
<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>
|
||||
<span className="border-animation border-1"></span>
|
||||
<span className="border-animation border-2"></span>
|
||||
<span className="border-animation border-3"></span>
|
||||
</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>
|
||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
@ -1,60 +0,0 @@
|
||||
|
||||
import React from 'react';
|
||||
export default function chooseus() {
|
||||
return (
|
||||
<section className="chooseus-section">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/chooseus-bg.jpg)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-12.webp)' }}></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>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>
|
||||
);
|
||||
};
|
||||
@ -1,125 +0,0 @@
|
||||
'use client'
|
||||
import Link from "next/link"
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
||||
import { Swiper, SwiperSlide } from "swiper/react"
|
||||
|
||||
const swiperOptions = {
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 30,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
loop: true,
|
||||
|
||||
// Navigation
|
||||
navigation: {
|
||||
nextEl: '.h1n',
|
||||
prevEl: '.h1p',
|
||||
},
|
||||
|
||||
// Pagination
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
breakpoints: {
|
||||
320: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
575: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
767: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
991: {
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
1199: {
|
||||
slidesPerView: 5,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
1350: {
|
||||
slidesPerView: 5,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
export default function ClientSlider1() {
|
||||
return (
|
||||
<>
|
||||
<Swiper {...swiperOptions} className="theme_carousel owl-theme">
|
||||
<SwiperSlide className="slide-item">
|
||||
<figure className="clients-logo">
|
||||
<Link href="index-2"><img src="assets/images/clients/clients-1.png" alt="" />
|
||||
</Link>
|
||||
</figure>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<figure className="clients-logo">
|
||||
<Link href="index-2"><img src="assets/images/clients/clients-2.png" alt="" />
|
||||
</Link>
|
||||
</figure>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<figure className="clients-logo">
|
||||
<Link href="index-2"><img src="assets/images/clients/clients-3.png" alt="" />
|
||||
</Link>
|
||||
</figure>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<figure className="clients-logo">
|
||||
<Link href="index-2"><img src="assets/images/clients/clients-4.png" alt="" />
|
||||
</Link>
|
||||
</figure>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<figure className="clients-logo">
|
||||
<Link href="index-2"><img src="assets/images/clients/clients-5.png" alt="" />
|
||||
</Link>
|
||||
</figure>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<figure className="clients-logo">
|
||||
<Link href="index-2"><img src="assets/images/clients/clients-1.png" alt="" />
|
||||
</Link>
|
||||
</figure>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<figure className="clients-logo">
|
||||
<Link href="index-2"><img src="assets/images/clients/clients-2.png" alt="" />
|
||||
</Link>
|
||||
</figure>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<figure className="clients-logo">
|
||||
<Link href="index-2"><img src="assets/images/clients/clients-3.png" alt="" />
|
||||
</Link>
|
||||
</figure>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<figure className="clients-logo">
|
||||
<Link href="index-2"><img src="assets/images/clients/clients-4.png" alt="" />
|
||||
</Link>
|
||||
</figure>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<figure className="clients-logo">
|
||||
<Link href="index-2"><img src="assets/images/clients/clients-5.png" alt="" />
|
||||
</Link>
|
||||
</figure>
|
||||
</SwiperSlide>
|
||||
|
||||
|
||||
</Swiper>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,180 +0,0 @@
|
||||
'use client'
|
||||
import Link from "next/link"
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
||||
import { Swiper, SwiperSlide } from "swiper/react"
|
||||
|
||||
const swiperOptions = {
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
slidesPerView: 3,
|
||||
// spaceBetween: 30,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
loop: true,
|
||||
|
||||
// Navigation
|
||||
|
||||
// Pagination
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
breakpoints: {
|
||||
320: {
|
||||
slidesPerView: 1,
|
||||
//spaceBetween: 30,
|
||||
},
|
||||
575: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 15,
|
||||
},
|
||||
767: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 15,
|
||||
},
|
||||
991: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 15,
|
||||
},
|
||||
1199: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 15,
|
||||
},
|
||||
1350: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 15,
|
||||
},
|
||||
}
|
||||
}
|
||||
export default function ProjectSlider0() {
|
||||
return (
|
||||
<>
|
||||
<Swiper {...swiperOptions} className="project-carousel owl-carousel owl-theme owl-dots-none owl-nav-none` ">
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="project-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box">
|
||||
<img src="assets/images/project/project-1.jpg" alt="" />
|
||||
</figure>
|
||||
<div className="content-box">
|
||||
<div className="view-btn">
|
||||
<Link href="assets/images/project/project-1.jpg" className="lightbox-image" data-fancybox="gallery">
|
||||
<i className="icon-23"></i>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="text-box">
|
||||
<p>Waste Pickup</p>
|
||||
<h3><Link href="project-details">Garbage pickup</Link></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="project-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box">
|
||||
<img src="assets/images/project/project-2.jpg" alt="" />
|
||||
</figure>
|
||||
<div className="content-box">
|
||||
<div className="view-btn">
|
||||
<Link href="assets/images/project/project-2.jpg" className="lightbox-image" data-fancybox="gallery">
|
||||
<i className="icon-23"></i>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="text-box">
|
||||
<p>Waste Pickup</p>
|
||||
<h3><Link href="project-details">Grocery waste removal</Link></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="project-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box">
|
||||
<img src="assets/images/project/project-3.jpg" alt="" />
|
||||
</figure>
|
||||
<div className="content-box">
|
||||
<div className="view-btn">
|
||||
<Link href="assets/images/project/project-3.jpg" className="lightbox-image" data-fancybox="gallery">
|
||||
<i className="icon-23"></i>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="text-box">
|
||||
<p>Waste Pickup</p>
|
||||
<h3><Link href="project-details">Waste collection</Link></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="project-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box">
|
||||
<img src="assets/images/project/project-1.jpg" alt="" />
|
||||
</figure>
|
||||
<div className="content-box">
|
||||
<div className="view-btn">
|
||||
<Link href="assets/images/project/project-1.jpg" className="lightbox-image" data-fancybox="gallery">
|
||||
<i className="icon-23"></i>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="text-box">
|
||||
<p>Waste Pickup</p>
|
||||
<h3><Link href="project-details">Garbage pickup</Link></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="project-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box">
|
||||
<img src="assets/images/project/project-2.jpg" alt="" />
|
||||
</figure>
|
||||
<div className="content-box">
|
||||
<div className="view-btn">
|
||||
<Link href="assets/images/project/project-2.jpg" className="lightbox-image" data-fancybox="gallery">
|
||||
<i className="icon-23"></i>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="text-box">
|
||||
<p>Waste Pickup</p>
|
||||
<h3><Link href="project-details">Grocery waste removal</Link></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="project-block-one">
|
||||
<div className="inner-box">
|
||||
<figure className="image-box">
|
||||
<img src="assets/images/project/project-3.jpg" alt="" />
|
||||
</figure>
|
||||
<div className="content-box">
|
||||
<div className="view-btn">
|
||||
<Link href="assets/images/project/project-3.jpg" className="lightbox-image" data-fancybox="gallery">
|
||||
<i className="icon-23"></i>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="text-box">
|
||||
<p>Waste Pickup</p>
|
||||
<h3><Link href="project-details">Waste collection</Link></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,182 +0,0 @@
|
||||
'use client'
|
||||
import Link from "next/link"
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
||||
import { Swiper, SwiperSlide } from "swiper/react"
|
||||
|
||||
const swiperOptions = {
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 30,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
loop: true,
|
||||
|
||||
// Navigation
|
||||
navigation: {
|
||||
nextEl: '.h1n',
|
||||
prevEl: '.h1p',
|
||||
},
|
||||
|
||||
// Pagination
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
breakpoints: {
|
||||
320: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
575: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
767: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
991: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
1199: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
1350: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
}
|
||||
}
|
||||
export default function TestimonialSlider1() {
|
||||
return (
|
||||
<>
|
||||
<Swiper {...swiperOptions} className="single-item-carousel owl-carousel owl-theme owl-dots-none owl-nav-none">
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="testimonial-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-23"></i></div>
|
||||
<p>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-2.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>
|
||||
<h3>Robert Fox</h3>
|
||||
<span className="designation">Dog Trainer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="testimonial-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-23"></i></div>
|
||||
<p>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-2.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>
|
||||
<h3>Robert Fox</h3>
|
||||
<span className="designation">Dog Trainer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="testimonial-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-23"></i></div>
|
||||
<p>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-2.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>
|
||||
<h3>Robert Fox</h3>
|
||||
<span className="designation">Dog Trainer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="testimonial-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-23"></i></div>
|
||||
<p>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-2.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>
|
||||
<h3>Robert Fox</h3>
|
||||
<span className="designation">Dog Trainer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="testimonial-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-23"></i></div>
|
||||
<p>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-2.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>
|
||||
<h3>Robert Fox</h3>
|
||||
<span className="designation">Dog Trainer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="testimonial-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-23"></i></div>
|
||||
<p>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-2.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>
|
||||
<h3>Robert Fox</h3>
|
||||
<span className="designation">Dog Trainer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,182 +0,0 @@
|
||||
'use client'
|
||||
import Link from "next/link"
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
||||
import { Swiper, SwiperSlide } from "swiper/react"
|
||||
|
||||
const swiperOptions = {
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 30,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
loop: true,
|
||||
|
||||
// Navigation
|
||||
navigation: {
|
||||
nextEl: '.h1n',
|
||||
prevEl: '.h1p',
|
||||
},
|
||||
|
||||
// Pagination
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
breakpoints: {
|
||||
320: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
575: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
767: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
991: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
1199: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
1350: {
|
||||
slidesPerView: 1,
|
||||
// spaceBetween: 30,
|
||||
},
|
||||
}
|
||||
}
|
||||
export default function TestimonialSlider3() {
|
||||
return (
|
||||
<>
|
||||
<Swiper {...swiperOptions} className="single-item-carousel">
|
||||
<SwiperSlide className="slide-item">
|
||||
<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-2.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>
|
||||
<h3>Robert Fox</h3>
|
||||
<span className="designation">Dog Trainer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="testimonial-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-23"></i></div>
|
||||
<p>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-2.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>
|
||||
<h3>Robert Fox</h3>
|
||||
<span className="designation">Dog Trainer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="testimonial-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-23"></i></div>
|
||||
<p>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-2.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>
|
||||
<h3>Robert Fox</h3>
|
||||
<span className="designation">Dog Trainer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="testimonial-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-23"></i></div>
|
||||
<p>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-2.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>
|
||||
<h3>Robert Fox</h3>
|
||||
<span className="designation">Dog Trainer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="testimonial-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-23"></i></div>
|
||||
<p>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-2.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>
|
||||
<h3>Robert Fox</h3>
|
||||
<span className="designation">Dog Trainer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="testimonial-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-23"></i></div>
|
||||
<p>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-2.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>
|
||||
<h3>Robert Fox</h3>
|
||||
<span className="designation">Dog Trainer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
</>
|
||||
)
|
||||
}
|
||||
140
public/assets/css/bootstrap.css
vendored
140
public/assets/css/bootstrap.css
vendored
@ -162,8 +162,8 @@ p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
/*
|
||||
abbr[title] {
|
||||
|
||||
/* abbr[title] {
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
@ -243,11 +243,11 @@ a {
|
||||
color: var(--theme-color);
|
||||
text-decoration: underline;
|
||||
}
|
||||
/* a:hover {
|
||||
a:hover {
|
||||
color: #101214;
|
||||
}
|
||||
|
||||
a:not([href]):not([class]), a:not([href]):not([class]):hover {
|
||||
/* a:not([href]):not([class]), a:not([href]):not([class]):hover {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
@ -303,7 +303,7 @@ svg {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* table {
|
||||
table {
|
||||
caption-side: bottom;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
@ -333,12 +333,12 @@ th {
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
} */
|
||||
}
|
||||
|
||||
button {
|
||||
/* button {
|
||||
border-radius: 0;
|
||||
}
|
||||
/*
|
||||
|
||||
button:focus:not(:focus-visible) {
|
||||
outline: 0;
|
||||
} */
|
||||
@ -361,9 +361,9 @@ select {
|
||||
|
||||
/* [role=button] {
|
||||
cursor: pointer;
|
||||
} */
|
||||
}
|
||||
|
||||
/* select {
|
||||
select {
|
||||
word-wrap: normal;
|
||||
}
|
||||
select:disabled {
|
||||
@ -1930,7 +1930,7 @@ progress {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
} */
|
||||
|
||||
/* @media (max-width: 575.98px) {
|
||||
@media (max-width: 575.98px) {
|
||||
.table-responsive-sm {
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
@ -1959,8 +1959,8 @@ progress {
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
} */
|
||||
/* .form-label {
|
||||
}
|
||||
.form-label {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
@ -1993,21 +1993,21 @@ progress {
|
||||
.form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 20px 30px;
|
||||
font-size: 18px;
|
||||
color: #676767;
|
||||
padding: 0.375rem 0.75rem;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
line-height: 1.5;
|
||||
color: #212529;
|
||||
background-color: #fff;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #ced4da;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
border-radius: 0.375rem;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
} */
|
||||
/* @media (prefers-reduced-motion: reduce) {
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.form-control {
|
||||
transition: none;
|
||||
}
|
||||
@ -2070,7 +2070,7 @@ progress {
|
||||
border-inline-end-width: 1px;
|
||||
border-radius: 0;
|
||||
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
} */
|
||||
}
|
||||
/* @media (prefers-reduced-motion: reduce) {
|
||||
.form-control::-webkit-file-upload-button {
|
||||
-webkit-transition: none;
|
||||
@ -4069,8 +4069,8 @@ textarea.form-control-lg {
|
||||
padding: 0;
|
||||
overflow-y: visible;
|
||||
}
|
||||
} */
|
||||
/* @media (min-width: 1400px) {
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.navbar-expand-xxl {
|
||||
flex-wrap: nowrap;
|
||||
justify-content: flex-start;
|
||||
@ -4116,8 +4116,8 @@ textarea.form-control-lg {
|
||||
padding: 0;
|
||||
overflow-y: visible;
|
||||
}
|
||||
} */
|
||||
/* .navbar-expand {
|
||||
}
|
||||
.navbar-expand {
|
||||
flex-wrap: nowrap;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
@ -5728,9 +5728,10 @@ textarea.form-control-lg {
|
||||
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
|
||||
bottom: var(--bs-popover-border-width);
|
||||
border-top-color: var(--bs-popover-bg);
|
||||
}
|
||||
} */
|
||||
|
||||
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
|
||||
|
||||
/* .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
|
||||
left: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
|
||||
width: var(--bs-popover-arrow-height);
|
||||
height: var(--bs-popover-arrow-width);
|
||||
@ -5747,6 +5748,7 @@ textarea.form-control-lg {
|
||||
border-right-color: var(--bs-popover-bg);
|
||||
}
|
||||
|
||||
|
||||
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
|
||||
top: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
|
||||
}
|
||||
@ -5772,6 +5774,7 @@ textarea.form-control-lg {
|
||||
border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
|
||||
}
|
||||
|
||||
|
||||
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
|
||||
right: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
|
||||
width: var(--bs-popover-arrow-height);
|
||||
@ -5789,6 +5792,7 @@ textarea.form-control-lg {
|
||||
border-left-color: var(--bs-popover-bg);
|
||||
}
|
||||
|
||||
|
||||
.popover-header {
|
||||
padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
|
||||
margin-bottom: 0;
|
||||
@ -5849,7 +5853,8 @@ textarea.form-control-lg {
|
||||
display: block;
|
||||
} */
|
||||
|
||||
/* .carousel-item-next:not(.carousel-item-start),
|
||||
/*
|
||||
.carousel-item-next:not(.carousel-item-start),
|
||||
.active.carousel-item-end {
|
||||
transform: translateX(100%);
|
||||
}
|
||||
@ -5859,6 +5864,7 @@ textarea.form-control-lg {
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
|
||||
.carousel-fade .carousel-item {
|
||||
opacity: 0;
|
||||
transition-property: opacity;
|
||||
@ -6022,17 +6028,17 @@ textarea.form-control-lg {
|
||||
border-radius: 50%;
|
||||
-webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
|
||||
animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
|
||||
}
|
||||
} */
|
||||
|
||||
@-webkit-keyframes spinner-border {
|
||||
/* @-webkit-keyframes spinner-border {
|
||||
to {
|
||||
transform: rotate(360deg)
|
||||
transform: rotate(360deg)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spinner-border {
|
||||
to {
|
||||
transform: rotate(360deg)
|
||||
transform: rotate(360deg)
|
||||
}
|
||||
}
|
||||
.spinner-border {
|
||||
@ -7094,10 +7100,10 @@ textarea.form-control-lg {
|
||||
.d-flex {
|
||||
display: flex !important;
|
||||
}
|
||||
/*
|
||||
|
||||
.d-inline-flex {
|
||||
display: inline-flex !important;
|
||||
} */
|
||||
}
|
||||
|
||||
.d-none {
|
||||
display: none !important;
|
||||
@ -7392,16 +7398,16 @@ textarea.form-control-lg {
|
||||
.flex-fill {
|
||||
flex: 1 1 auto !important;
|
||||
} */
|
||||
/*
|
||||
|
||||
.flex-row {
|
||||
flex-direction: row !important;
|
||||
} */
|
||||
}
|
||||
|
||||
.flex-column {
|
||||
flex-direction: column !important;
|
||||
}
|
||||
|
||||
/* .flex-row-reverse {
|
||||
.flex-row-reverse {
|
||||
flex-direction: row-reverse !important;
|
||||
}
|
||||
|
||||
@ -7411,12 +7417,12 @@ textarea.form-control-lg {
|
||||
|
||||
.flex-grow-0 {
|
||||
flex-grow: 0 !important;
|
||||
} */
|
||||
}
|
||||
|
||||
.flex-grow-1 {
|
||||
flex-grow: 1 !important;
|
||||
}
|
||||
/*
|
||||
|
||||
.flex-shrink-0 {
|
||||
flex-shrink: 0 !important;
|
||||
}
|
||||
@ -7435,21 +7441,21 @@ textarea.form-control-lg {
|
||||
|
||||
.flex-wrap-reverse {
|
||||
flex-wrap: wrap-reverse !important;
|
||||
} */
|
||||
}
|
||||
|
||||
/* .justify-content-start {
|
||||
.justify-content-start {
|
||||
justify-content: flex-start !important;
|
||||
}
|
||||
|
||||
.justify-content-end {
|
||||
justify-content: flex-end !important;
|
||||
} */
|
||||
}
|
||||
|
||||
.justify-content-center {
|
||||
justify-content: center !important;
|
||||
}
|
||||
|
||||
/* .justify-content-between {
|
||||
.justify-content-between {
|
||||
justify-content: space-between !important;
|
||||
}
|
||||
|
||||
@ -7467,13 +7473,13 @@ textarea.form-control-lg {
|
||||
|
||||
.align-items-end {
|
||||
align-items: flex-end !important;
|
||||
} */
|
||||
}
|
||||
|
||||
.align-items-center {
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
/* .align-items-baseline {
|
||||
.align-items-baseline {
|
||||
align-items: baseline !important;
|
||||
}
|
||||
|
||||
@ -7669,25 +7675,25 @@ textarea.form-control-lg {
|
||||
|
||||
.mt-2 {
|
||||
margin-top: 0.5rem !important;
|
||||
} */
|
||||
}
|
||||
|
||||
.mt-3 {
|
||||
margin-top: 1rem !important;
|
||||
}
|
||||
|
||||
/* .mt-4 {
|
||||
.mt-4 {
|
||||
margin-top: 1.5rem !important;
|
||||
}
|
||||
|
||||
.mt-5 {
|
||||
margin-top: 3rem !important;
|
||||
} */
|
||||
}
|
||||
|
||||
.mt-auto {
|
||||
margin-top: auto !important;
|
||||
}
|
||||
|
||||
/* .me-0 {
|
||||
.me-0 {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
@ -7717,7 +7723,7 @@ textarea.form-control-lg {
|
||||
|
||||
.mb-0 {
|
||||
margin-bottom: 0 !important;
|
||||
} */
|
||||
}
|
||||
|
||||
.mb-1 {
|
||||
margin-bottom: 0.25rem !important;
|
||||
@ -7731,15 +7737,15 @@ textarea.form-control-lg {
|
||||
margin-bottom: 1rem !important;
|
||||
}
|
||||
|
||||
/* .mb-4 {
|
||||
.mb-4 {
|
||||
margin-bottom: 1.5rem !important;
|
||||
} */
|
||||
}
|
||||
|
||||
.mb-5 {
|
||||
margin-bottom: 3rem !important;
|
||||
}
|
||||
|
||||
/* .mb-auto {
|
||||
.mb-auto {
|
||||
margin-bottom: auto !important;
|
||||
}
|
||||
|
||||
@ -7785,13 +7791,13 @@ textarea.form-control-lg {
|
||||
|
||||
.p-3 {
|
||||
padding: 1rem !important;
|
||||
} */
|
||||
}
|
||||
|
||||
.p-4 {
|
||||
padding: 1.5rem !important;
|
||||
}
|
||||
|
||||
/* .p-5 {
|
||||
.p-5 {
|
||||
padding: 3rem !important;
|
||||
}
|
||||
|
||||
@ -7901,12 +7907,12 @@ textarea.form-control-lg {
|
||||
|
||||
.pe-5 {
|
||||
padding-right: 3rem !important;
|
||||
} */
|
||||
}
|
||||
|
||||
.pb-0 {
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
/*
|
||||
|
||||
.pb-1 {
|
||||
padding-bottom: 0.25rem !important;
|
||||
}
|
||||
@ -7957,21 +7963,21 @@ textarea.form-control-lg {
|
||||
|
||||
.gap-1 {
|
||||
gap: 0.25rem !important;
|
||||
} */
|
||||
}
|
||||
|
||||
.gap-2 {
|
||||
gap: 0.5rem !important;
|
||||
}
|
||||
|
||||
/* .gap-3 {
|
||||
.gap-3 {
|
||||
gap: 1rem !important;
|
||||
} */
|
||||
}
|
||||
|
||||
.gap-4 {
|
||||
gap: 1.5rem !important;
|
||||
}
|
||||
|
||||
/* .gap-5 {
|
||||
.gap-5 {
|
||||
gap: 3rem !important;
|
||||
}
|
||||
|
||||
@ -8049,7 +8055,7 @@ textarea.form-control-lg {
|
||||
|
||||
.lh-lg {
|
||||
line-height: 2 !important;
|
||||
} */
|
||||
}
|
||||
|
||||
.text-start {
|
||||
text-align: left !important;
|
||||
@ -8063,7 +8069,7 @@ textarea.form-control-lg {
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
/* .text-decoration-none {
|
||||
.text-decoration-none {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
@ -8143,7 +8149,7 @@ textarea.form-control-lg {
|
||||
.text-black {
|
||||
--bs-text-opacity: 1;
|
||||
color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
|
||||
} */
|
||||
}
|
||||
|
||||
.text-white {
|
||||
--bs-text-opacity: 1;
|
||||
@ -8865,7 +8871,7 @@ textarea.form-control-lg {
|
||||
.float-md-start {
|
||||
float: left !important;
|
||||
}
|
||||
/* .float-md-end {
|
||||
.float-md-end {
|
||||
float: right !important;
|
||||
}
|
||||
.float-md-none {
|
||||
@ -8876,11 +8882,11 @@ textarea.form-control-lg {
|
||||
}
|
||||
.d-md-inline-block {
|
||||
display: inline-block !important;
|
||||
} */
|
||||
}
|
||||
.d-md-block {
|
||||
display: block !important;
|
||||
}
|
||||
/* .d-md-grid {
|
||||
.d-md-grid {
|
||||
display: grid !important;
|
||||
}
|
||||
.d-md-table {
|
||||
@ -8897,7 +8903,7 @@ textarea.form-control-lg {
|
||||
}
|
||||
.d-md-inline-flex {
|
||||
display: inline-flex !important;
|
||||
} */
|
||||
}
|
||||
.d-md-none {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@ -1,17 +1,16 @@
|
||||
|
||||
/** about-section **/
|
||||
/*
|
||||
.about-section{
|
||||
position: relative;
|
||||
} */
|
||||
|
||||
.image_block_one .image-box{
|
||||
.about-section {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.image_block_one .image-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
/* .image_block_one .image-box .image{
|
||||
.image_block_one .image-box .image {
|
||||
position: relative;
|
||||
display: block;
|
||||
filter: drop-shadow(0px 2px 70px rgba(0, 0, 0, 0.1));
|
||||
@ -19,12 +18,12 @@
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
.image_block_one .image-box .image img{
|
||||
.image_block_one .image-box .image img {
|
||||
width: 100%;
|
||||
border-radius: 300px 0px 300px 300px;
|
||||
} */
|
||||
}
|
||||
|
||||
.image_block_one .image-box .icon-one{
|
||||
.image_block_one .image-box .icon-one {
|
||||
position: absolute;
|
||||
left: 30px;
|
||||
top: 0px;
|
||||
@ -39,7 +38,7 @@
|
||||
background: #bc0000;
|
||||
}
|
||||
|
||||
.image_block_one .image-box .icon-two{
|
||||
.image_block_one .image-box .icon-two {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
@ -53,7 +52,7 @@
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
/* .image_block_one .image-box .text-box{
|
||||
.image_block_one .image-box .text-box {
|
||||
position: absolute;
|
||||
left: -70px;
|
||||
bottom: 40px;
|
||||
@ -65,7 +64,7 @@
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.image_block_one .image-box .text-box h3{
|
||||
.image_block_one .image-box .text-box h3 {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 22px;
|
||||
@ -73,7 +72,7 @@
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.image_block_one .image-box .text-box span{
|
||||
.image_block_one .image-box .text-box span {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
@ -82,39 +81,39 @@
|
||||
color: var(--secondary-color);
|
||||
}
|
||||
|
||||
.image_block_one .image-box .shape{
|
||||
.image_block_one .image-box .shape {
|
||||
position: absolute;
|
||||
left: -70px;
|
||||
bottom: 210px;
|
||||
width: 98px;
|
||||
height: 27px;
|
||||
background-repeat: no-repeat;
|
||||
} */
|
||||
}
|
||||
|
||||
.content_block_one .content-box{
|
||||
.content_block_one .content-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: -6px;
|
||||
}
|
||||
|
||||
.content_block_one .content-box .list-style-one li{
|
||||
.content_block_one .content-box .list-style-one li {
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* .content_block_one .content-box h6{
|
||||
.content_block_one .content-box h6 {
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
line-height: 26px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 30px;
|
||||
} */
|
||||
}
|
||||
|
||||
/* .content_block_one .content-box p{
|
||||
margin-bottom: 30px;
|
||||
} */
|
||||
|
||||
/* .about-section .pattern-layer .pattern-1{
|
||||
.about-section .pattern-layer .pattern-1 {
|
||||
position: absolute;
|
||||
left: 100px;
|
||||
top: 164px;
|
||||
@ -123,7 +122,7 @@
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.about-section .pattern-layer .pattern-2{
|
||||
.about-section .pattern-layer .pattern-2 {
|
||||
position: absolute;
|
||||
right: 172px;
|
||||
top: 360px;
|
||||
@ -132,7 +131,7 @@
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.about-section .pattern-layer .pattern-3{
|
||||
.about-section .pattern-layer .pattern-3 {
|
||||
position: absolute;
|
||||
left: 60%;
|
||||
top: 55px;
|
||||
@ -141,7 +140,7 @@
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.about-section .pattern-layer .pattern-4{
|
||||
.about-section .pattern-layer .pattern-4 {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
@ -150,66 +149,66 @@
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.about-section .pattern-layer .pattern-5{
|
||||
.about-section .pattern-layer .pattern-5 {
|
||||
position: absolute;
|
||||
right: 255px;
|
||||
bottom: 132px;
|
||||
width: 105px;
|
||||
height: 126px;
|
||||
background-repeat: no-repeat;
|
||||
} */
|
||||
}
|
||||
|
||||
|
||||
/** about-style-two **/
|
||||
|
||||
.about-style-two{
|
||||
.about-style-two {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.about-style-two .image_block_one .image-box{
|
||||
.about-style-two .image_block_one .image-box {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.image_block_one .image-box .image-2{
|
||||
.image_block_one .image-box .image-2 {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.image_block_one .image-box .image-2 img{
|
||||
.image_block_one .image-box .image-2 img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.image_block_one .image-box .image-shape{
|
||||
.image_block_one .image-box .image-shape {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
transform: translate(-50%, -50%);
|
||||
width: 965px;
|
||||
height: 820px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.about-style-two .content_block_one .content-box .list-style-one li{
|
||||
.about-style-two .content_block_one .content-box .list-style-one li {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.about-style-two .content_block_one .content-box p{
|
||||
.about-style-two .content_block_one .content-box p {
|
||||
margin-bottom: 17px;
|
||||
}
|
||||
|
||||
.about-style-two .content_block_one .content-box .list-style-one li:before{
|
||||
.about-style-two .content_block_one .content-box .list-style-one li:before {
|
||||
background: #ffe6e6;
|
||||
}
|
||||
|
||||
/* .content_block_one .content-box .lower-box{
|
||||
.content_block_one .content-box .lower-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.content_block_one .content-box .lower-box .experience-box{
|
||||
.content_block_one .content-box .lower-box .experience-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
background: #FFFFFF;
|
||||
@ -221,7 +220,7 @@
|
||||
width: 316px;
|
||||
}
|
||||
|
||||
.content_block_one .content-box .lower-box .experience-box .icon-box{
|
||||
.content_block_one .content-box .lower-box .experience-box .icon-box {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
left: 30px;
|
||||
@ -236,7 +235,7 @@
|
||||
background: var(--theme-color);
|
||||
}
|
||||
|
||||
.content_block_one .content-box .lower-box .experience-box h3{
|
||||
.content_block_one .content-box .lower-box .experience-box h3 {
|
||||
display: block;
|
||||
font-size: 22px;
|
||||
line-height: 32px;
|
||||
@ -244,7 +243,7 @@
|
||||
color: var(--theme-color);
|
||||
}
|
||||
|
||||
.content_block_one .content-box .lower-box .experience-box .designation{
|
||||
.content_block_one .content-box .lower-box .experience-box .designation {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
@ -252,7 +251,7 @@
|
||||
color: var(--secondary-color);
|
||||
}
|
||||
|
||||
.content_block_one .content-box .lower-box .author-thumb{
|
||||
.content_block_one .content-box .lower-box .author-thumb {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
@ -263,12 +262,12 @@
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.content_block_one .content-box .lower-box .author-thumb img{
|
||||
.content_block_one .content-box .lower-box .author-thumb img {
|
||||
width: 100%;
|
||||
border-radius: 50%;
|
||||
} */
|
||||
}
|
||||
|
||||
.about-style-two .pattern-layer .pattern-1{
|
||||
.about-style-two .pattern-layer .pattern-1 {
|
||||
position: absolute;
|
||||
left: 100px;
|
||||
top: 165px;
|
||||
@ -277,7 +276,7 @@
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.about-style-two .pattern-layer .pattern-2{
|
||||
.about-style-two .pattern-layer .pattern-2 {
|
||||
position: absolute;
|
||||
top: 65px;
|
||||
left: 65%;
|
||||
@ -285,7 +284,7 @@
|
||||
height: 33px;
|
||||
}
|
||||
|
||||
.about-style-two .pattern-layer .pattern-3{
|
||||
.about-style-two .pattern-layer .pattern-3 {
|
||||
position: absolute;
|
||||
right: 200px;
|
||||
bottom: 285px;
|
||||
@ -294,73 +293,76 @@
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
/* .about-style-two .pattern-layer .pattern-4{
|
||||
.about-style-two .pattern-layer .pattern-4 {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
width: 699px;
|
||||
height: 341px;
|
||||
background-repeat: no-repeat;
|
||||
} */
|
||||
}
|
||||
|
||||
|
||||
/** about-style-three **/
|
||||
/*
|
||||
.about-style-three{
|
||||
|
||||
.about-style-three {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.about-style-three .content_block_one .content-box .list-style-one li{
|
||||
.about-style-three .content_block_one .content-box .list-style-one li {
|
||||
float: none;
|
||||
width: 100%;
|
||||
} */
|
||||
}
|
||||
|
||||
.image_block_three .image-box{
|
||||
.image_block_three .image-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-right: 36px;
|
||||
padding-left: 294px;
|
||||
}
|
||||
|
||||
.image_block_three .image-box .image-1{
|
||||
position: relative;
|
||||
filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3));
|
||||
border-radius: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
.image_block_three .image-box .image-1-ho{
|
||||
.image_block_three .image-box .image-1 {
|
||||
position: relative;
|
||||
filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3));
|
||||
border-radius: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.image_block_three .image-box .image-1 img{
|
||||
.image_block_three .image-box .image-1-ho {
|
||||
position: relative;
|
||||
filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3));
|
||||
border-radius: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.image_block_three .image-box .image-1 img {
|
||||
width: 100%;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.billing-table table {
|
||||
font-size: 12px;
|
||||
line-height: 22px; }
|
||||
line-height: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 426px) {
|
||||
.billing-table table {
|
||||
font-size: 9px;
|
||||
line-height: 12px; }
|
||||
line-height: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.image_block_three .image-box .image-1-ho img{
|
||||
.image_block_three .image-box .image-1-ho img {
|
||||
width: 100%;
|
||||
border-radius: 20px;
|
||||
} */
|
||||
}
|
||||
|
||||
.image_block_three .image-box .image-2{
|
||||
.image_block_three .image-box .image-2 {
|
||||
position: absolute;
|
||||
left: -10px;
|
||||
top: 60px;
|
||||
@ -370,7 +372,7 @@
|
||||
transform: rotate(-15deg);
|
||||
}
|
||||
|
||||
.image_block_three .image-box .image-2-new{
|
||||
.image_block_three .image-box .image-2-new {
|
||||
position: absolute;
|
||||
left: -10px;
|
||||
top: 60px;
|
||||
@ -380,17 +382,17 @@
|
||||
transform: rotate(-15deg);
|
||||
}
|
||||
|
||||
.image_block_three .image-box .image-2 img{
|
||||
.image_block_three .image-box .image-2 img {
|
||||
width: 100%;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.image_block_three .image-box .image-2-new img{
|
||||
.image_block_three .image-box .image-2-new img {
|
||||
width: 100%;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.image_block_three .image-box .icon-box{
|
||||
.image_block_three .image-box .icon-box {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
right: 195px;
|
||||
@ -406,7 +408,7 @@
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.image_block_three .image-box .image-shape .shape-1{
|
||||
.image_block_three .image-box .image-shape .shape-1 {
|
||||
position: absolute;
|
||||
width: 29px;
|
||||
height: 33px;
|
||||
@ -415,7 +417,7 @@
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.image_block_three .image-box .image-shape .shape-2{
|
||||
.image_block_three .image-box .image-shape .shape-2 {
|
||||
position: absolute;
|
||||
left: -45px;
|
||||
top: 20px;
|
||||
@ -424,16 +426,16 @@
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
/* .image_block_three .image-box .image-shape .shape-3{
|
||||
.image_block_three .image-box .image-shape .shape-3 {
|
||||
position: absolute;
|
||||
left: -100px;
|
||||
bottom: 25px;
|
||||
width: 98px;
|
||||
height: 27px;
|
||||
background-repeat: no-repeat;
|
||||
} */
|
||||
}
|
||||
|
||||
.image_block_three .image-box .image-shape .shape-4{
|
||||
.image_block_three .image-box .image-shape .shape-4 {
|
||||
position: absolute;
|
||||
right: 104px;
|
||||
bottom: -100px;
|
||||
@ -442,7 +444,7 @@
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.image_block_three .image-box .image-shape .shape-5{
|
||||
.image_block_three .image-box .image-shape .shape-5 {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
bottom: -165px;
|
||||
@ -450,8 +452,8 @@
|
||||
height: 126px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
/*
|
||||
.about-style-three .pattern-layer{
|
||||
|
||||
.about-style-three .pattern-layer {
|
||||
position: absolute;
|
||||
opacity: 0.8;
|
||||
top: 0px;
|
||||
@ -459,7 +461,7 @@
|
||||
width: 699px;
|
||||
height: 341px;
|
||||
background-repeat: no-repeat;
|
||||
} */
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -469,28 +471,28 @@
|
||||
|
||||
/** RTL-CSS **/
|
||||
|
||||
/* .rtl .image_block_one .image-box .text-box{
|
||||
.rtl .image_block_one .image-box .text-box {
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.rtl .content_block_one .content-box .list-style-one li{
|
||||
.rtl .content_block_one .content-box .list-style-one li {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.rtl .content_block_one .content-box .lower-box .experience-box{
|
||||
.rtl .content_block_one .content-box .lower-box .experience-box {
|
||||
margin-right: 0px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.rtl .content_block_one .content-box .lower-box .author-thumb{
|
||||
.rtl .content_block_one .content-box .lower-box .author-thumb {
|
||||
margin-right: 0px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.rtl .image_block_three .image-box{
|
||||
.rtl .image_block_three .image-box {
|
||||
margin-right: 0px;
|
||||
margin-left: 36px;
|
||||
} */
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -499,31 +501,31 @@
|
||||
/** RESPONSIVE-CSS **/
|
||||
|
||||
|
||||
@media only screen and (max-width: 1024px){
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
||||
.image_block_one .image-box .text-box{
|
||||
.image_block_one .image-box .text-box {
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.image_block_one .image-box{
|
||||
.image_block_one .image-box {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.image_block_three .image-box{
|
||||
.image_block_three .image-box {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.image_block_three .image-box .icon-box{
|
||||
.image_block_three .image-box .icon-box {
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
.imge-new-element img{
|
||||
.imge-new-element img {
|
||||
|
||||
display: none;
|
||||
display: none;
|
||||
|
||||
}
|
||||
|
||||
.image-new-align{
|
||||
.image-new-align {
|
||||
|
||||
position: relative;
|
||||
left: -140px;
|
||||
@ -531,77 +533,79 @@
|
||||
}
|
||||
|
||||
}
|
||||
@media only screen and (max-width: 991px){
|
||||
|
||||
.image_block_one .image-box .text-box{
|
||||
@media only screen and (max-width: 991px) {
|
||||
|
||||
.image_block_one .image-box .text-box {
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.image_block_one .image-box{
|
||||
.image_block_one .image-box {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.image_block_three .image-box{
|
||||
.image_block_three .image-box {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.image_block_three .image-box .icon-box{
|
||||
.image_block_three .image-box .icon-box {
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px){
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
.content_block_one .content-box .list-style-one li{
|
||||
.content_block_one .content-box .list-style-one li {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content_block_one .content-box{
|
||||
.content_block_one .content-box {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.image_block_one .image-box{
|
||||
.image_block_one .image-box {
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.about-section .pattern-layer{
|
||||
.about-section .pattern-layer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.about-section{
|
||||
.about-section {
|
||||
padding: 70px 0px;
|
||||
}
|
||||
|
||||
.content_block_one .content-box .lower-box{
|
||||
.content_block_one .content-box .lower-box {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.content_block_one .content-box .lower-box .experience-box,
|
||||
.content_block_one .content-box .lower-box .author-thumb{
|
||||
.content_block_one .content-box .lower-box .author-thumb {
|
||||
margin-right: 0px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.about-style-two{
|
||||
.about-style-two {
|
||||
padding: 70px 0px;
|
||||
}
|
||||
|
||||
.about-style-two .pattern-layer{
|
||||
.about-style-two .pattern-layer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.image_block_three .image-box .image-1{
|
||||
.image_block_three .image-box .image-1 {
|
||||
max-width: 306px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.image_block_three .image-box .image-1-ho{
|
||||
.image_block_three .image-box .image-1-ho {
|
||||
max-width: 306px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.image_block_three .image-box .image-2{
|
||||
|
||||
.image_block_three .image-box .image-2 {
|
||||
position: relative;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
@ -611,7 +615,7 @@
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.image_block_three .image-box .image-2-new{
|
||||
.image_block_three .image-box .image-2-new {
|
||||
position: relative;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
@ -621,79 +625,79 @@
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.image_block_three .image-box{
|
||||
.image_block_three .image-box {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.image_block_three .image-box .image-shape{
|
||||
.image_block_three .image-box .image-shape {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.image_block_three .image-box .icon-box{
|
||||
.image_block_three .image-box .icon-box {
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
.about-style-three{
|
||||
.about-style-three {
|
||||
padding: 70px 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1024px){
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
||||
.image_block_three .image-box .image-2-new{
|
||||
position: absolute;
|
||||
left: -10px;
|
||||
top: 60px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
filter: drop-shadow(0px 2px 70px rgba(0, 0, 0, 0.1));
|
||||
border-radius: 20px;
|
||||
transform: rotate(-15deg);
|
||||
}
|
||||
.image_block_three .image-box .image-2-new {
|
||||
position: absolute;
|
||||
left: -10px;
|
||||
top: 60px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
filter: drop-shadow(0px 2px 70px rgba(0, 0, 0, 0.1));
|
||||
border-radius: 20px;
|
||||
transform: rotate(-15deg);
|
||||
}
|
||||
|
||||
.image_block_three .image-box .image-1-ho {
|
||||
.image_block_three .image-box .image-1-ho {
|
||||
position: relative;
|
||||
filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3));
|
||||
border-radius: 20px;
|
||||
z-index: 1;
|
||||
margin-right: -134px;
|
||||
left: -104px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.image_block_three .image-box .new-ho{
|
||||
.image_block_three .image-box .new-ho {
|
||||
|
||||
top: 309px;
|
||||
top: 309px;
|
||||
left: 279px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
|
||||
.image_block_three .image-box .image-1-ho {
|
||||
position: relative;
|
||||
filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3));
|
||||
border-radius: 20px;
|
||||
z-index: 1;
|
||||
margin-right: 0px !important;
|
||||
left: 0px !important;
|
||||
}
|
||||
|
||||
.image_block_three .image-box .image-1-ho {
|
||||
position: relative;
|
||||
filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3));
|
||||
border-radius: 20px;
|
||||
z-index: 1;
|
||||
margin-right: 0px !important;
|
||||
left: 0px !important;
|
||||
}
|
||||
|
||||
|
||||
.image_block_three .image-box .new-ho{
|
||||
.image_block_three .image-box .new-ho {
|
||||
|
||||
|
||||
top: 337px;
|
||||
left: 239px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
|
||||
.image_block_three .image-box .image-1-ho img{
|
||||
|
||||
.image_block_three .image-box .image-1-ho img {
|
||||
|
||||
display: none;
|
||||
|
||||
@ -701,15 +705,15 @@ top: 309px;
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 499px){
|
||||
@media only screen and (max-width: 499px) {
|
||||
|
||||
.image_block_one .image-box .text-box{
|
||||
.image_block_one .image-box .text-box {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.image_block_one .image-box .icon-one,
|
||||
.image_block_one .image-box .icon-two{
|
||||
.image_block_one .image-box .icon-two {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -717,33 +721,33 @@ top: 309px;
|
||||
|
||||
@media only screen and (max-width: 426px) {
|
||||
|
||||
.image_block_three .image-box .image-1 img{
|
||||
width: 100%;
|
||||
border-radius: 20px;
|
||||
display: none !important;
|
||||
}
|
||||
.image_block_three .image-box .image-1 img {
|
||||
width: 100%;
|
||||
border-radius: 20px;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.image_block_three .image-box .image-1-ho img{
|
||||
width: 100%;
|
||||
border-radius: 20px;
|
||||
display: none !important;
|
||||
}
|
||||
.image_block_three .image-box .image-1-ho img {
|
||||
width: 100%;
|
||||
border-radius: 20px;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 426px) {
|
||||
|
||||
.new-icon-box-faq{
|
||||
.new-icon-box-faq {
|
||||
|
||||
display: none !important;
|
||||
display: none !important;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
|
||||
.image-new-align{
|
||||
.image-new-align {
|
||||
|
||||
left: -0px !important;
|
||||
|
||||
@ -752,8 +756,8 @@ top: 309px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 376px) {
|
||||
|
||||
.image_block_three .image-box .new-ho{
|
||||
|
||||
.image_block_three .image-box .new-ho {
|
||||
|
||||
left: 200px;
|
||||
|
||||
@ -761,46 +765,31 @@ top: 309px;
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 767px) and (min-width: 427px) {
|
||||
.hide-img {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 376px) and (min-width: 200px) {
|
||||
|
||||
.image_block_three .image-box .icon-box{
|
||||
|
||||
display: none !important;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.image_block_two .image-box .icon-box{
|
||||
|
||||
display: none !important;
|
||||
|
||||
}
|
||||
|
||||
.image_block_three .image-box{
|
||||
|
||||
margin-right: 0px !important;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
@ -251,17 +251,6 @@
|
||||
/** RESPONSIVE-CSS **/
|
||||
|
||||
|
||||
@media only screen and (max-width: 1200px){
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 991px){
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px){
|
||||
|
||||
@ -283,9 +272,6 @@
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 599px){
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 499px){
|
||||
|
||||
@ -307,46 +293,22 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 426px) and (min-width: 200px) {
|
||||
|
||||
.blog-details-content blockquote p{
|
||||
font-size: 14px !important;
|
||||
line-height: 34px;
|
||||
font-style: italic;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
.blog-details-content blockquote h4{
|
||||
display: block;
|
||||
font-size: 14px !important;
|
||||
line-height: 32px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
@ -1,11 +1,10 @@
|
||||
|
||||
/** faq-section **/
|
||||
|
||||
.faq-section{
|
||||
.faq-section {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.accordion{
|
||||
.accordion {
|
||||
position: relative;
|
||||
background: #fff;
|
||||
box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);
|
||||
@ -14,14 +13,14 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.accordion .acc-btn{
|
||||
.accordion .acc-btn {
|
||||
position: relative;
|
||||
padding: 20px 70px 20px 40px;
|
||||
cursor: pointer;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.accordion .acc-btn h5{
|
||||
.accordion .acc-btn h5 {
|
||||
display: block;
|
||||
font-size: 18px;
|
||||
line-height: 30px;
|
||||
@ -32,11 +31,11 @@
|
||||
background: var(--theme-color);
|
||||
}
|
||||
|
||||
.accordion .acc-btn.active h5{
|
||||
.accordion .acc-btn.active h5 {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.accordion .acc-btn .icon-box{
|
||||
.accordion .acc-btn .icon-box {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
@ -51,17 +50,17 @@
|
||||
right: 40px;
|
||||
}
|
||||
|
||||
.accordion .acc-btn.active .icon-box{
|
||||
.accordion .acc-btn.active .icon-box {
|
||||
transform: rotate(180deg);
|
||||
background: #fff;
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
.accordion .acc-content{
|
||||
.accordion .acc-content {
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.faq-section .image-layer{
|
||||
.faq-section .image-layer {
|
||||
position: absolute;
|
||||
left: 300px;
|
||||
bottom: 0px;
|
||||
@ -79,74 +78,43 @@
|
||||
/** RESPONSIVE-CSS **/
|
||||
|
||||
|
||||
@media only screen and (max-width: 1200px){
|
||||
@media only screen and (max-width: 1200px) {
|
||||
|
||||
.faq-section .image-layer{
|
||||
.faq-section .image-layer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 991px){
|
||||
@media only screen and (max-width: 426px) and (min-width: 200px) {
|
||||
|
||||
.accordion .acc-btn .icon-box {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
line-height: 24px;
|
||||
line-height: 24px;
|
||||
font-size: 10px;
|
||||
color: var(--title-color);
|
||||
border: 1px solid rgba(103, 103, 103, 1);
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
top: 20px;
|
||||
right: 2px !important;
|
||||
}
|
||||
|
||||
.accordion .acc-btn h5 {
|
||||
display: block;
|
||||
font-size: 15px !important;
|
||||
line-height: 30px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px){
|
||||
|
||||
|
||||
|
||||
.accordion .acc-btn {
|
||||
position: relative;
|
||||
padding: 20px 20px 20px 20px !important;
|
||||
cursor: pointer;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 599px){
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 499px){
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
@ -111,26 +111,38 @@
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px){
|
||||
@media only screen and (max-width: 426px) and (min-width:200px){
|
||||
|
||||
.page-title h1{
|
||||
font-size: 30px !important;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
.sec-title .sub-title {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 20px !important;
|
||||
line-height: 34px;
|
||||
font-family: var(--soleil);
|
||||
color: var(--theme-color);
|
||||
letter-spacing: 0.8px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.page-title{
|
||||
padding: 190px 0px;
|
||||
}
|
||||
|
||||
.page-title h1{
|
||||
font-size: 40px;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.page-title .bread-crumb li{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 20px !important;
|
||||
line-height: 32px;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
padding-right: 21px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 599px){
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 499px){
|
||||
|
||||
|
||||
|
||||
}
|
||||
@ -176,5 +188,6 @@
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -174,6 +174,23 @@
|
||||
|
||||
}
|
||||
|
||||
.image-1-ho-new img{
|
||||
|
||||
|
||||
position: relative;
|
||||
top: -63px;
|
||||
left: -17px;
|
||||
|
||||
}
|
||||
|
||||
.renderd-area img{
|
||||
|
||||
position: relative;
|
||||
top: -150px;
|
||||
left: -17px;
|
||||
|
||||
}
|
||||
|
||||
.image .image-1-ho .aligned-image img{
|
||||
|
||||
|
||||
|
||||
@ -353,6 +353,41 @@
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) and (min-width: 200px) {
|
||||
|
||||
.team-block-two .inner-box .lower-content h3{
|
||||
display: block;
|
||||
font-size: 20px !important;
|
||||
line-height: 27px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.team-block-one .inner-box .lower-content h3{
|
||||
|
||||
display: block;
|
||||
font-size: 18px !important;
|
||||
line-height: 27px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 5px;
|
||||
|
||||
}
|
||||
|
||||
.team-block-one .inner-box .lower-content span{
|
||||
|
||||
font-size: 14px !important;
|
||||
|
||||
}
|
||||
|
||||
.team-block-one .inner-box .lower-content .designation{
|
||||
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -225,7 +225,16 @@
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 599px) {}
|
||||
@media only screen and (max-width: 768px) and (min-width: 200px) {
|
||||
|
||||
.video-section .inner-box .shape{
|
||||
|
||||
display: none !important;
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 499px) {}
|
||||
|
||||
|
||||
@ -3026,6 +3026,7 @@
|
||||
|
||||
.default-form .form-group input[type='text'],
|
||||
.default-form .form-group input[type='email'],
|
||||
.form-control,
|
||||
.default-form .form-group textarea {
|
||||
position: relative;
|
||||
display: block;
|
||||
@ -3263,7 +3264,7 @@
|
||||
@media only screen and (max-width: 499px) {
|
||||
|
||||
.sec-title-1 h2 {
|
||||
font-size: 26px;
|
||||
font-size: 26px !important;
|
||||
line-height: 34px;
|
||||
}
|
||||
}
|
||||
@ -3342,6 +3343,7 @@
|
||||
background: #bc0000;
|
||||
}
|
||||
|
||||
|
||||
.theme-btn-2:before,
|
||||
.theme-btn-2:after {
|
||||
content: "";
|
||||
@ -3566,6 +3568,106 @@
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* ✅ Table Base Styles */
|
||||
.billing-responsive-table {
|
||||
width: 100%;
|
||||
border: 1px solid #101A30;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.billing-responsive-table th,
|
||||
.billing-responsive-table td {
|
||||
border: 1px solid #101A30;
|
||||
padding: 8px;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.billing-responsive-table thead {
|
||||
background-color: #f8f9fa;
|
||||
}
|
||||
|
||||
/* ✅ Responsive Stack for Small Screens */
|
||||
@media (max-width: 576px) {
|
||||
.billing-responsive-table thead {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.billing-responsive-table,
|
||||
.billing-responsive-table tbody,
|
||||
.billing-responsive-table tr,
|
||||
.billing-responsive-table td {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.billing-responsive-table td {
|
||||
position: relative;
|
||||
padding: 8px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.billing-responsive-table td::before {
|
||||
content: attr(data-label);
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.section-para {
|
||||
|
||||
font-size: 14px !important;
|
||||
|
||||
}
|
||||
|
||||
.custom-table {
|
||||
border: 1px solid #101A30;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.custom-table th,
|
||||
.custom-table td {
|
||||
border: 1px solid #101A30;
|
||||
padding: 8px;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.custom-table thead {
|
||||
background-color: #f8f9fa;
|
||||
}
|
||||
|
||||
/* ✅ Responsive stacking below 576px */
|
||||
@media (max-width: 576px) {
|
||||
.custom-table thead {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.custom-table,
|
||||
.custom-table tbody,
|
||||
.custom-table tr,
|
||||
.custom-table td {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.custom-table td {
|
||||
text-align: left;
|
||||
padding: 8px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.custom-table td::before {
|
||||
content: attr(data-label);
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 425px) {
|
||||
/* .sec-title-2 {
|
||||
display: flex;
|
||||
@ -3653,16 +3755,16 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 425px) {
|
||||
@media (max-width: 426px) and (min-width: 200px) {
|
||||
.blog-details-content .news-block-one .inner-box .lower-content h2 {
|
||||
font-size: 22px !important;
|
||||
line-height: 23px;
|
||||
font-size: 26px !important;
|
||||
line-height: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.service-details-content h2 {
|
||||
font-size: 38px !important;
|
||||
font-size: 30px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -3741,4 +3843,55 @@
|
||||
|
||||
.pagination-wrapper .pagination li a:hover img {
|
||||
filter: brightness(0) invert(1);
|
||||
}
|
||||
|
||||
@media (max-width: 1023px) {
|
||||
.hide-element {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:768px) {
|
||||
|
||||
.image-1-ho-new img {
|
||||
position: relative;
|
||||
top: 13px;
|
||||
left: 79px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 500px) and (min-width : 200px) {
|
||||
|
||||
.image-1-ho-new img {
|
||||
position: relative;
|
||||
top: 13px;
|
||||
left: -19px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) and (min-width: 200px) {
|
||||
|
||||
.re-desprict {
|
||||
|
||||
display: none !important;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 426px) and (min-width : 200px) {
|
||||
|
||||
.list-style-one li {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 14px !important;
|
||||
line-height: 26px !important;
|
||||
color: #101A30;
|
||||
font-weight: 500;
|
||||
padding-left: 40px;
|
||||
margin-bottom: 17px;
|
||||
}
|
||||
|
||||
}
|
||||
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