Compare commits
32 Commits
2658a2060d
...
e1ade27540
| Author | SHA1 | Date | |
|---|---|---|---|
|
e1ade27540 | ||
|
|
4dea29f59e | ||
|
|
5bcb30cb82 | ||
|
|
496d310b1d | ||
|
|
f04869d2fe | ||
|
|
b2be3decbc | ||
|
|
c9c087b900 | ||
|
|
c5d46cd04b | ||
|
|
e18d1e8520 | ||
|
|
4021c99a54 | ||
| 14aca410bb | |||
|
|
4cfd44c3ff | ||
|
|
03ac5bffd0 | ||
|
|
7e648ca51f | ||
| af05aa7ca8 | |||
|
|
b5fe9f7af3 | ||
|
|
c247b27b69 | ||
|
|
fe682d4321 | ||
| 087859a1de | |||
| 575bc589bb | |||
| f95dd4df07 | |||
|
|
93d6379ea1 | ||
|
|
6d39624ed3 | ||
|
|
53354d9086 | ||
| e3e2db6d04 | |||
| 84034a33a1 | |||
|
|
1bfd399739 | ||
|
|
2c263a574d | ||
| 7657f85a4a | |||
| 56cda54815 | |||
| 94ccbd667b | |||
|
|
475debefba |
@ -71,19 +71,19 @@ export default function Home() {
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="About Us" bannerImage="/assets/images/about-us/about-us-banner.webp">
|
||||
{/* about-section */}
|
||||
<section className="about-style-three pt_120 pb_120 bg-color-1">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.png)' }}></div>
|
||||
<section className="about-style-three pt_120 pb_120">
|
||||
{/* <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.png)' }}></div>
|
||||
<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.png)' }}></div>
|
||||
<div className="shape-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.webp)' }}></div>
|
||||
</div>
|
||||
<figure className="image image-1"><img src="/assets/images/about-us/section1/about-right.webp" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/about-us/section1/about-left.webp" alt="" /></figure>
|
||||
@ -126,7 +126,7 @@ export default function Home() {
|
||||
<h2>Mission Vision & Values</h2>
|
||||
</div>
|
||||
<div className="inner-container">
|
||||
<div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.png)' }}></div>
|
||||
<div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.webp)' }}></div>
|
||||
|
||||
{contents.map((item, index) => {
|
||||
const isActive = activeIndex === index;
|
||||
@ -174,15 +174,15 @@ export default function Home() {
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column mb-5">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box">
|
||||
<div className="sec-title mb_15">
|
||||
<span className="sub-title">Why Choos Us</span>
|
||||
<div className="sec-title-1 mb_15">
|
||||
<span className="sub-title-1">Why Choos Us</span>
|
||||
<h2>Your Trusted Physiotherapy Team in Etobicoke</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p>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>
|
||||
<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"><span>Book Appointment</span></Link>
|
||||
<Link href="/contact" className="theme-btn btn-one-new"><span>Book Appointment</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -258,7 +258,7 @@ export default function Home() {
|
||||
</div>
|
||||
</section>
|
||||
<section className="chooseus-section">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/why-choose/why-choose-right.webp)' }}></div>
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/about-us/section4/why-choose-right.webp)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-12.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
@ -273,7 +273,7 @@ export default function Home() {
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/home/why-choose/expert-team.webp" alt="" /></div>
|
||||
<div className="icon-box"><img src="/assets/images/about-us/section4/expert-team.webp" alt="" /></div>
|
||||
<h3>Expert Team</h3>
|
||||
<p>At Etobicoke Physiotherapy, we have expert team of professionals</p>
|
||||
</div>
|
||||
@ -282,7 +282,7 @@ export default function Home() {
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
|
||||
<div className="chooseus-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><img src="/assets/images/home/why-choose/understand.webp" alt="" /></div>
|
||||
<div className="icon-box"><img src="/assets/images/about-us/section4/understand.webp" alt="" /></div>
|
||||
<h3>Understand your Pain</h3>
|
||||
<p>Etobicoke physiotherapy offer Treatment for faster recovery</p>
|
||||
</div>
|
||||
@ -323,7 +323,7 @@ export default function Home() {
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={10} /><span>+</span>
|
||||
</div>
|
||||
<span className="text">Professionals</span>
|
||||
<span className="text-new">Professionals</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -332,9 +332,9 @@ export default function Home() {
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={20} /><span>+</span>
|
||||
<CounterUp end={25} /><span>+</span>
|
||||
</div>
|
||||
<span className="text">Years Experience</span>
|
||||
<span className="text-new">Years Experience</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -343,9 +343,9 @@ export default function Home() {
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={1000} /><span>+</span>
|
||||
<CounterUp end={10} /><span>k+</span>
|
||||
</div>
|
||||
<span className="text">Happy Customers</span>
|
||||
<span className="text-new">Happy Customers</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -356,7 +356,7 @@ export default function Home() {
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={97} /><span>%</span>
|
||||
</div>
|
||||
<span className="text">Client Satisfaction</span>
|
||||
<span className="text-new">Client Satisfaction</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -25,11 +25,11 @@ export default function AccidentDetailsPage({ params }) {
|
||||
<section className="service-details pt_120 pb_120">
|
||||
<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>Accident</h3></div>
|
||||
@ -56,11 +56,11 @@ export default function AccidentDetailsPage({ params }) {
|
||||
<figure className="image">
|
||||
<img src={service.mainImage} alt={service.title} />
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img src={service.icon} alt={`${service.title} Icon`} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>{service.title}</h3>
|
||||
<p>{service.shortDesc}</p>
|
||||
</div>
|
||||
@ -79,7 +79,7 @@ export default function AccidentDetailsPage({ params }) {
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -23,14 +23,14 @@ export default function AccidentPage() {
|
||||
<img src={service.mainImage} alt={service.title} />
|
||||
</Link>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img
|
||||
src={service.icon}
|
||||
alt={`${service.title} Icon`}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>
|
||||
<Link href={`/accident/${service.slug}`}>{service.title}</Link>
|
||||
</h3>
|
||||
|
||||
@ -55,11 +55,11 @@ export default function AreaOfInjuryDetails({ params }) {
|
||||
<figure className="image">
|
||||
<img src={service.image} alt={service.title} />
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img src={service.icon} alt={`${service.title} Icon`} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>{service.title}</h3>
|
||||
<p>{service.shortDescription}</p>
|
||||
</div>
|
||||
|
||||
@ -19,14 +19,14 @@ export default function AreaOfInjury() {
|
||||
<img src={item.image} alt={item.title} />
|
||||
</Link>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img
|
||||
src={item.icon}
|
||||
alt={`${item.title} Icon`}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>
|
||||
<Link href={`/area-of-injury/${item.slug}`}>{item.title}</Link>
|
||||
</h3>
|
||||
|
||||
@ -24,9 +24,9 @@ export default function Home() {
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Caregivers" bannerImage="/assets/images/our-team/our-team-banner.webp">
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Caregivers" bannerImage="/assets/images/caregivers/caregivers-banner.webp">
|
||||
<section className="feature-section pt_120 pb_90">
|
||||
<div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-6.png)' }}></div>
|
||||
<div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-6.png)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">Caregivers</span>
|
||||
@ -36,7 +36,7 @@ export default function Home() {
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-9"></i></div>
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/caring.webp" alt="" /></div>
|
||||
<h3><Link href="/">Caring with a smile</Link></h3>
|
||||
<p>It’s not what we do as a home care agency, but how we do it. All of our elderly caregiving services are delivered with a smile. And we all know that a smile can be infectious.</p>
|
||||
</div>
|
||||
@ -45,7 +45,7 @@ export default function Home() {
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-10"></i></div>
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/attentive.webp" alt="" /></div>
|
||||
<h3><Link href="/">Attentive listener</Link></h3>
|
||||
<p>How do you like things done? Where would you like to go? Listening to your needs, and having conversations with you, helps us make sure we bring you the perfect match.</p>
|
||||
</div>
|
||||
@ -54,7 +54,7 @@ export default function Home() {
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-11"></i></div>
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/qualified.webp" alt="" /></div>
|
||||
<h3><Link href="/">Qualified</Link></h3>
|
||||
<p>Whether you just need someone to take you for a walk or a to provide attentive complex caring – we, as a home care agency, can provide a caregiver that is qualified to meet your needs.</p>
|
||||
</div>
|
||||
@ -65,30 +65,30 @@ export default function Home() {
|
||||
</section>
|
||||
|
||||
<section className="about-style-three pt_120 pb_120 bg-color-1">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.png)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.webp)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_three">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/about-us/section1/about-right.webp" alt="" style={{ height: "400px", objectFit: "cover", width: "100%" }} /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/about-us/section1/about-left.webp" alt="" style={{ height: "400px", objectFit: "cover", width: "100%" }} /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/about-us/section1/about-icon.webp" alt="" /></div>
|
||||
<figure className="image image-1"><img src="/assets/images/caregivers/right.webp" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/caregivers/left.webp" alt="" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/caregivers/rapharehab-web-images.webp" alt="" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column mt-5">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box">
|
||||
<div className="sec-title mb_15 mt_15">
|
||||
<span className="sub-title">At NanoCare</span>
|
||||
<div className="sec-title-1 mb_15 mt_15">
|
||||
<span className="sub-title-1">At NanoCare</span>
|
||||
<h2>A professional and friendly care provider</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p>At NanoCare, we select Caregivers who are passionate about providing in home care to those in need on a daily basis.</p>
|
||||
<p className="text-white">At NanoCare, we select Caregivers who are passionate about providing in home care to those in need on a daily basis.</p>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/contact" className="theme-btn btn-one"><span>Become A Caregiver</span></Link>
|
||||
<Link href="/contact" className="theme-btn btn-one-new"><span>Become A Caregiver</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -97,17 +97,17 @@ export default function Home() {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="service-section pb_120 bg-color-1" id="service">
|
||||
<section className="service-section pb_120 pt_120 bg-color-1" id="service">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/service/service-1.jpg" alt="" /></figure>
|
||||
<figure className="image"><img src="/assets/images/caregivers/1.webp" alt="" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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>
|
||||
@ -119,10 +119,10 @@ export default function Home() {
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/service/service-2.jpg" alt="" /></figure>
|
||||
<figure className="image"><img src="/assets/images/caregivers/2.webp" alt="" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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>
|
||||
@ -134,10 +134,10 @@ export default function Home() {
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/service/service-3.jpg" alt="" /></figure>
|
||||
<figure className="image"><img src="/assets/images/caregivers/3.webp" alt="" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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>
|
||||
@ -153,10 +153,10 @@ export default function Home() {
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/service/service-1.jpg" alt="" /></figure>
|
||||
<figure className="image"><img src="/assets/images/caregivers/4.webp" alt="" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="lower-content2">
|
||||
<h3>David walliams</h3>
|
||||
<h5 className="mb-3">Care Co-Ordinator</h5>
|
||||
<p>David walliams has over thirty eight years of experience in the Care and Services Industry. Previously working in Germany for many years.</p>
|
||||
@ -168,10 +168,10 @@ export default function Home() {
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/service/service-2.jpg" alt="" /></figure>
|
||||
<figure className="image"><img src="/assets/images/caregivers/5.webp" alt="" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="lower-content2">
|
||||
<h3>John henry</h3>
|
||||
<h5 className="mb-3">Care Co-Ordinator</h5>
|
||||
<p>John has experience in ensuring that the level of care that is provided to our clients does not fall short of any expectations that is expected of a care provider.</p>
|
||||
@ -183,10 +183,10 @@ export default function Home() {
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/service/service-3.jpg" alt="" /></figure>
|
||||
<figure className="image"><img src="/assets/images/caregivers/6.webp" alt="" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="lower-content2">
|
||||
<h3>Sophia jabola</h3>
|
||||
<h5 className="mb-3">Care Co-Ordinator</h5>
|
||||
<p>She has previously trained as a midwife. Her nine years’ experience as a nurse included working in the Hospital Medical Ward and Accident and Emergency.</p>
|
||||
@ -202,7 +202,7 @@ export default function Home() {
|
||||
<div className="auto-container">
|
||||
<div className="sec-title centred mb_50">
|
||||
<span className="sub-title">Nano Care</span>
|
||||
<h2>Do You Have Any Physiotherapy <br />Questions?</h2>
|
||||
<h2>Do You Have Any Nano Care <br />Questions?</h2>
|
||||
</div>
|
||||
|
||||
<div className="row align-items-center clearfix">
|
||||
@ -213,10 +213,9 @@ export default function Home() {
|
||||
<div className="image-box">
|
||||
<figure>
|
||||
<img
|
||||
src="/assets/images/faq/img.webp"
|
||||
src="/assets/images/caregivers/nanocare.webp"
|
||||
alt="FAQ Illustration"
|
||||
className="img-fluid"
|
||||
style={{ height: "550px", objectFit: "cover" }}
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
@ -52,7 +52,7 @@ export default function Contact() {
|
||||
const emailData = {
|
||||
...formData,
|
||||
message: `Subject: ${formData.subject}<br /><br />Message: ${formData.message}`,
|
||||
to: "info@rapharehab.ca",
|
||||
to: "bloor@rapharehab.ca",
|
||||
senderName: "Rapha Rehab Contact Page",
|
||||
recaptchaToken: captchaToken,
|
||||
};
|
||||
@ -124,8 +124,8 @@ export default function Contact() {
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-26"></i></div>
|
||||
<p>
|
||||
<Link href="mailto:info@rapharehab.ca">info@rapharehab.ca</Link><br />
|
||||
<Link href="mailto:bloor@rapharehab.ca">bloor@rapharehab.ca</Link>
|
||||
<Link href="mailto:bloor@rapharehab.ca">bloor@rapharehab.ca</Link><br />
|
||||
{/* <Link href="mailto:bloor@rapharehab.ca">bloor@rapharehab.ca</Link> */}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -39,7 +39,7 @@ export default function Home() {
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="COVID-19 UPDATES" bannerImage="/assets/images/covid/covid-19-banner.webp">
|
||||
<section className="chooseus-style-two bg-color-1 pt_120 pb_120">
|
||||
<section className="chooseus-style-two pt_120 pb_120">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="content-box">
|
||||
|
||||
@ -15,66 +15,66 @@ export default function ServiceDetailClient({ slug, service, servicesList }) {
|
||||
};
|
||||
|
||||
return (
|
||||
<div>
|
||||
{/* service-section */}
|
||||
<section className="service-details pt_120 pb_110">
|
||||
<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>
|
||||
{/* service-section */}
|
||||
<section className="service-details pt_120 pb_110">
|
||||
<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 className="service-block-one">
|
||||
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image">
|
||||
<img src={service.sidebarImg} alt="" /></figure>
|
||||
<div className="icon-box">
|
||||
<img
|
||||
src={service.icon}
|
||||
alt={`${service.title} Icon`}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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">
|
||||
{/* 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." }/>
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@ -5,8 +5,8 @@ import { servicesList } from "@/utils/Services.utils"
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Services"
|
||||
bannerImage="/assets/images/areas-of-injury/area-of-injury-banner.webp">
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Services"
|
||||
bannerImage="/assets/images/areas-of-injury/area-of-injury-banner.webp">
|
||||
<section className="service-section sec-pad-2">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
@ -20,14 +20,14 @@ export default function ServicesPage() {
|
||||
<img src={item.image} alt={item.title} />
|
||||
</Link>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img
|
||||
src={item.icon}
|
||||
alt={`${item.title} Icon`}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>
|
||||
<Link href={`/etobicoke-treatment-service/${item.slug}`}>{item.shortTitle}</Link>
|
||||
</h3>
|
||||
|
||||
@ -1,21 +1,28 @@
|
||||
import "@/node_modules/react-modal-video/css/modal-video.css"
|
||||
import "../public/assets/css/bootstrap.css"
|
||||
import "../public/assets/css/color.css"
|
||||
import "../public/assets/css/style.css"
|
||||
import 'swiper/css'
|
||||
import "@/node_modules/react-modal-video/css/modal-video.css";
|
||||
import "../public/assets/css/bootstrap.css";
|
||||
import "../public/assets/css/color.css";
|
||||
import "../public/assets/css/style.css";
|
||||
import "swiper/css";
|
||||
// import "swiper/css/navigation"
|
||||
import "swiper/css/pagination"
|
||||
import 'swiper/css/free-mode';
|
||||
import { poppins } from '@/lib/font'
|
||||
import "swiper/css/pagination";
|
||||
import "swiper/css/free-mode";
|
||||
import { poppins } from "@/lib/font";
|
||||
import ContactFloat from "@/components/ContactFloat"
|
||||
import AutoPopup from "@/components/AutoPopup";
|
||||
|
||||
export const metadata = {
|
||||
title: 'Best Pain Relief & Physiotherapy - Repharehab Clinic',
|
||||
description: 'Best pain relief physiotherapy clinic',
|
||||
}
|
||||
title: "Best Pain Relief & Physiotherapy - Repharehab Clinic",
|
||||
description: "Best pain relief physiotherapy clinic",
|
||||
};
|
||||
|
||||
export default function RootLayout({ children }) {
|
||||
return (
|
||||
<html lang="en" className={`${poppins.variable}`}>
|
||||
<body>{children}</body>
|
||||
</html>
|
||||
)
|
||||
return (
|
||||
<html lang="en" className={`${poppins.variable}`}>
|
||||
<body>
|
||||
{children}
|
||||
<ContactFloat />
|
||||
<AutoPopup/>
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
@ -10,7 +10,7 @@ export default function Error404() {
|
||||
<section className="error-section sec-pad-2 centred">
|
||||
<div className="auto-container">
|
||||
<div className="inner-box">
|
||||
<figure className="error-image"><img src="assets/images/icons/error-1.png" alt="" /></figure>
|
||||
<figure className="error-image"><img src="/assets/images/icons/error-1.png" alt="" /></figure>
|
||||
<h2>Oops, page not <br />found!</h2>
|
||||
<p>Mauris urna velit in fermentum in in natoque. Tincidunt pellentesque et risus tincidunt <br />dignissim proin auctor.</p>
|
||||
<Link href="/" className="theme-btn btn-one"><span>Back To Home</span></Link>
|
||||
|
||||
@ -9,10 +9,10 @@ export default function About() {
|
||||
{/* about-section */}
|
||||
<section className="about-style-two pt_120 pb_120">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: "url(/assets/images/shape/shape-8.png)" }}></div>
|
||||
<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.png)" }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: "url(/assets/images/shape/shape-11.png)" }}></div>
|
||||
<div className="pattern-4" style={{ backgroundImage: "url(/assets/images/shape/shape-35.png)" }}></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>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
@ -20,11 +20,11 @@ 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.png)' }}></div>
|
||||
<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.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/our-approach/right.webp" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/our-approach/left.webp" alt="" /></figure>
|
||||
|
||||
@ -16,6 +16,7 @@ import AreaOfInjury from "@/components/sections/home/AreaOfInjury"
|
||||
import News from "@/components/sections/home1/News"
|
||||
import Funfacts from "@/components/sections/home1/Funfacts"
|
||||
import MobileServices from "@/components/sections/home/MobileServicesSection"
|
||||
import MobileFeatureCard from "@/components/sections/home/MobileFeatureCard"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
@ -23,7 +24,8 @@ export default function Home() {
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={2}>
|
||||
<Banner />
|
||||
<Features />
|
||||
{/* <Features /> */}
|
||||
<MobileFeatureCard/>
|
||||
<AboutSection />
|
||||
{/* <ProcessSection /> */}
|
||||
{/* Desktop View */}
|
||||
|
||||
@ -25,11 +25,11 @@ export default function RehabilitationDetailsPage({ params }) {
|
||||
<section className="service-details pt_120 pb_120">
|
||||
<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>Rehabilitation</h3></div>
|
||||
@ -56,11 +56,11 @@ export default function RehabilitationDetailsPage({ params }) {
|
||||
<figure className="image">
|
||||
<img src={service.mainImage} alt={service.title} />
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img src={service.icon} alt={`${service.title} Icon`} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>{service.title}</h3>
|
||||
<p>{service.shortDesc}</p>
|
||||
</div>
|
||||
|
||||
@ -23,14 +23,14 @@ export default function RehabilitationPage() {
|
||||
<img src={service.mainImage} alt={service.title} />
|
||||
</Link>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img
|
||||
src={service.icon}
|
||||
alt={`${service.title} Icon`}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>
|
||||
<Link href={`/rehabilitation/${service.slug}`}>{service.title}</Link>
|
||||
</h3>
|
||||
|
||||
@ -13,7 +13,7 @@ export default function Home() {
|
||||
headerStyle={2}
|
||||
footerStyle={1}
|
||||
breadcrumbTitle="Shortcodes"
|
||||
bannerImage="/assets/images/covid/covid-19-banner.webp"
|
||||
bannerImage="/assets/images/shortcodes/shortcodes-banner.webp"
|
||||
>
|
||||
<section className="pricing-section sec-pad">
|
||||
<div className="auto-container">
|
||||
@ -25,7 +25,7 @@ export default function Home() {
|
||||
<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="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
|
||||
<div className="table-content">
|
||||
<ul className="feature-list clearfix">
|
||||
<li>On call 24/7 for client needs</li>
|
||||
@ -41,7 +41,7 @@ export default function Home() {
|
||||
<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="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
|
||||
<div className="table-content">
|
||||
<ul className="feature-list clearfix">
|
||||
<li>Assisting with walking and transferring from bed to wheelchair</li>
|
||||
@ -57,7 +57,7 @@ export default function Home() {
|
||||
<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="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
|
||||
<div className="table-content">
|
||||
<ul className="feature-list clearfix">
|
||||
<li>Light housekeeping</li>
|
||||
@ -128,7 +128,7 @@ export default function Home() {
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-9"></i></div>
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/daily-care.webp" alt="" /></div>
|
||||
<h3><Link href="/">Daily Care Experts</Link></h3>
|
||||
<p>We specialize in around the clock care to help seniors live well at home.</p>
|
||||
</div>
|
||||
@ -138,7 +138,7 @@ export default function Home() {
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-11"></i></div>
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/balanced-care.webp" alt="" /></div>
|
||||
<h3><Link href="/">Balanced Care</Link></h3>
|
||||
<p>Our unique approach to care promotes healthy mind, body and spirit.</p>
|
||||
</div>
|
||||
@ -148,7 +148,7 @@ export default function Home() {
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-13"></i></div>
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/peace.webp" alt="" /></div>
|
||||
<h3><Link href="/">Peace of Mind</Link></h3>
|
||||
<p>Independent industry surveys place our client satisfaction rate at 97%.</p>
|
||||
</div>
|
||||
@ -158,7 +158,7 @@ export default function Home() {
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-10"></i></div>
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/24-7.webp" alt="" /></div>
|
||||
<h3><Link href="/">Available 24/7</Link></h3>
|
||||
<p>We are available 24 hours a day to provide your loved one with a caregiver.</p>
|
||||
</div>
|
||||
@ -168,7 +168,7 @@ export default function Home() {
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-12"></i></div>
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/high.webp" alt="" /></div>
|
||||
<h3><Link href="/">High Caliber Caregivers</Link></h3>
|
||||
<p>We typically hire only 1 in 25 applicants and provide ongoing training.</p>
|
||||
</div>
|
||||
@ -178,7 +178,7 @@ export default function Home() {
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-one">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-14"></i></div>
|
||||
<div className="icon-box"><img src="/assets/images/shortcodes/icons/trusted.webp" alt="" /></div>
|
||||
<h3><Link href="/">A Trusted Partner</Link></h3>
|
||||
<p>Nano Home Care is the trusted referral choice for elder care professionals.</p>
|
||||
</div>
|
||||
@ -206,10 +206,10 @@ export default function Home() {
|
||||
>
|
||||
<div className="inner-box w-100 pb-0">
|
||||
<div className="icon-box mb-3 mb-lg-0">
|
||||
<img src="/assets/images/covid/virtual.webp" alt="Homecare Experts" />
|
||||
<img src="/assets/images/shortcodes/icons/talk.webp" />
|
||||
</div>
|
||||
<h3>Talk to one of our homecare experts, who understands your situation</h3>
|
||||
<p className="mb-5">
|
||||
<h3 className="h3-white">Talk to one of our homecare experts, who understands your situation</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
You want to know your care provider understands what you’re going through and has the experience and
|
||||
expertise to address your needs. With NanoCare, you are not alone. We know how to help you because we
|
||||
have learned through personal experience as well as caring for hundreds of families and clients who face
|
||||
@ -230,11 +230,11 @@ export default function Home() {
|
||||
>
|
||||
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0">
|
||||
<div className="icon-box ml-lg-3 mb-3 mb-lg-0">
|
||||
<img src="/assets/images/covid/home.webp" alt="Free Assessment" />
|
||||
<img src="/assets/images/shortcodes/icons/arrange.webp" />
|
||||
</div>
|
||||
<div>
|
||||
<h3>Arrange for a Free In-Home Assessment and receive a personalized care proposal that fits your needs</h3>
|
||||
<p className="mb-5">
|
||||
<h3 className="h3-white">Arrange for a Free In-Home Assessment and receive a personalized care proposal that fits your needs</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
Every care situation has differences and nuances; therefore, a free in-home assessment is required to
|
||||
prepare a thorough care plan just for your needs that you can review, revise, and approve. This personalized
|
||||
care plan will identify the best ways our caregiver can serve you.
|
||||
@ -258,10 +258,10 @@ export default function Home() {
|
||||
>
|
||||
<div className="inner-box w-100 pb-0">
|
||||
<div className="icon-box mb-3 mb-lg-0">
|
||||
<img src="/assets/images/covid/virtual.webp" alt="Review Proposal" />
|
||||
<img src="/assets/images/shortcodes/icons/review.webp" />
|
||||
</div>
|
||||
<h3>Review Our Care Proposal & Revise as You See Fit</h3>
|
||||
<p className="mb-5">
|
||||
<h3 className="h3-white">Review Our Care Proposal & Revise as You See Fit</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
Once you have reviewed and approved the care plan, at NanoCare we guarantee caregiver compatibility.
|
||||
We strive to make a successful match at the first shift. We follow up after the first shift so that you can
|
||||
tell us whether we have the right match. In the unusual case where we miss, we use the feedback to
|
||||
@ -282,11 +282,11 @@ export default function Home() {
|
||||
>
|
||||
<div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0">
|
||||
<div className="icon-box ml-lg-3 mb-3 mb-lg-0">
|
||||
<img src="/assets/images/covid/home.webp" alt="Schedule Care" />
|
||||
<img src="/assets/images/shortcodes/icons/schedule.webp" />
|
||||
</div>
|
||||
<div>
|
||||
<h3>Schedule for Care to Start</h3>
|
||||
<p className="mb-5">
|
||||
<h3 className="h3-white">Schedule for Care to Start</h3>
|
||||
<p className="mb-5 tex-color-1">
|
||||
NanoCare provides a secure, confidential, and easy-to-use Web application called <strong>Family Room</strong>
|
||||
that you can access using a mobile device or on a desktop computer. You can see the schedule, who the
|
||||
caregivers are, tasks planned, completed, and, if incomplete, the reason for it, and any care notes and concerns.
|
||||
@ -311,11 +311,11 @@ 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.png)' }}></div>
|
||||
<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>
|
||||
<figure className="image-box"><img src="/assets/images/shortcodes/step/step-1.webp" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Step 1</h3>
|
||||
<p>Call and speak to one of our friendly team who will discuss the setup process and outline our packages.</p>
|
||||
@ -325,7 +325,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/resource/process-2.jpg" alt="" /></figure>
|
||||
<figure className="image-box"><img src="/assets/images/shortcodes/step/step-2.webp" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Step 2</h3>
|
||||
<p>Request a home visit where we will provide you with a free, no obligation assessment.</p>
|
||||
@ -335,7 +335,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/resource/process-3.jpg" alt="" /></figure>
|
||||
<figure className="image-box"><img src="/assets/images/shortcodes/step/step-3.webp" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Step 3</h3>
|
||||
<p>Once agreed, we will setup your care package and introduce you to your Care Worker.</p>
|
||||
@ -354,8 +354,8 @@ export default function Home() {
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
|
||||
<div className="image_block_two pl_30">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/about-us/section3/top.webp" alt="" style={{ height: "400px", objectFit: "cover", width: "100%" }} /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/about-us/section3/bottom.webp" alt="" style={{ height: "400px", objectFit: "cover", width: "100%" }} /></figure>
|
||||
<figure className="image image-1"><img src="/assets/images/shortcodes/back.webp" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/shortcodes/front.webp" alt=""/></figure>
|
||||
{/* <div className="icon-box"><img src="/assets/images/about-us/section3/icon.webp" alt="" /></div> */}
|
||||
</div>
|
||||
</div>
|
||||
@ -363,14 +363,14 @@ export default function Home() {
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 content-column mb-5">
|
||||
<div className="content_block_one">
|
||||
<div className="content-box">
|
||||
<div className="sec-title mb_15">
|
||||
<div className="sec-title-1 mb_15">
|
||||
<h2>Why Choose Us</h2>
|
||||
</div>
|
||||
<div className="text-box mb_40">
|
||||
<p>NanoCare is committed to being your shoulder to lean on and providing honest advice for your loved one’s situation during this delicate time. No one should feel alone when looking for senior home care solutions. </p>
|
||||
<p className="tex-color-1">NanoCare is committed to being your shoulder to lean on and providing honest advice for your loved one’s situation during this delicate time. No one should feel alone when looking for senior home care solutions. </p>
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<Link href="/contact" className="theme-btn btn-one"><span>Book Appointment</span></Link>
|
||||
<Link href="/contact" className="theme-btn btn-one-new"><span>Book Appointment</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -386,9 +386,9 @@ export default function Home() {
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/service/service-1.jpg" alt="" /></figure>
|
||||
<figure className="image"><img src="/assets/images/shortcodes/hourly-home-care.webp" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="lower-content2">
|
||||
<h3>Hourly home care</h3>
|
||||
<p>Hourly home care allows clients to use our caregivers on an hourly or as-needed basis.</p>
|
||||
</div>
|
||||
@ -399,9 +399,9 @@ export default function Home() {
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/service/service-2.jpg" alt="" /></figure>
|
||||
<figure className="image"><img src="/assets/images/shortcodes/daily-home-care.webp" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="lower-content2">
|
||||
<h3>Daily home care</h3>
|
||||
<p> Daily Care provides older adults with 24/7, around-the-clock care. Clients and their families enjoy peace of mind with reliable.</p>
|
||||
</div>
|
||||
@ -412,9 +412,9 @@ export default function Home() {
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/service/service-3.jpg" alt="" /></figure>
|
||||
<figure className="image"><img src="/assets/images/shortcodes/hospital-to-home-care.webp" alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="lower-content2">
|
||||
<h3>Hospital to home care</h3>
|
||||
<p>One of the leading causes of hospital readmission or slow post-hospitalization recovery is the lack of proper support following a hospital discharge.</p>
|
||||
</div>
|
||||
@ -426,13 +426,13 @@ export default function Home() {
|
||||
</section>
|
||||
|
||||
<section className="testimonial-section pt_120 pb_120 bg-color-1" id="testimonial">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/background/testimonial-bg.jpg)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-21.png)' }}></div>
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/shortcodes/testimonials-carousel.webp)' }}></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-21.webp)' }}></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-xl-6 col-lg-12 col-md-12 offset-xl-6 content-column">
|
||||
<div className="content-box p_relative ml_45">
|
||||
<div className="sec-title mb_50">
|
||||
<div className="sec-title-1 mb_50">
|
||||
<h2>Testimonials carousel</h2>
|
||||
</div>
|
||||
<div className="content-box">
|
||||
@ -457,7 +457,7 @@ export default function Home() {
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={2000} /><span>+</span>
|
||||
</div>
|
||||
<span className="text">Home health care professionals</span>
|
||||
<span className="text-new">Home health care professionals</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -468,7 +468,7 @@ export default function Home() {
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={300} /><span>+</span>
|
||||
</div>
|
||||
<span className="text">Office locations</span>
|
||||
<span className="text-new">Office <br /> locations</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -479,7 +479,7 @@ export default function Home() {
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={68} /><span></span>
|
||||
</div>
|
||||
<span className="text">States served by nanocare</span>
|
||||
<span className="text-new">States served by nanocare</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -490,7 +490,7 @@ export default function Home() {
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={97} /><span>%</span>
|
||||
</div>
|
||||
<span className="text">Our client satisfaction rate</span>
|
||||
<span className="text-new">Our client satisfaction rate</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -509,10 +509,10 @@ export default function Home() {
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/service/service-1.jpg" alt="" /></figure>
|
||||
<figure className="image"><img src="/assets/images/caregivers/1.webp" alt="" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-15"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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>
|
||||
@ -524,10 +524,10 @@ export default function Home() {
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/service/service-2.jpg" alt="" /></figure>
|
||||
<figure className="image"><img src="/assets/images/caregivers/2.webp" alt="" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-16"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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>
|
||||
@ -539,10 +539,10 @@ export default function Home() {
|
||||
<div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><img src="/assets/images/service/service-3.jpg" alt="" /></figure>
|
||||
<figure className="image"><img src="/assets/images/caregivers/3.webp" alt="" /></figure>
|
||||
{/* <div className="icon-box"><i className="icon-17"></i></div> */}
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<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>
|
||||
@ -554,9 +554,9 @@ export default function Home() {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="gallery-section pt_120 pb_120 bg-color-1">
|
||||
<section className="gallery-section pt_120 pb_120 bg-color-2">
|
||||
<div className="outer-container">
|
||||
<div className="sec-title centred mb_30">
|
||||
<div className="sec-title-1 centred mb_30">
|
||||
<h2>Tabbed & vertical tabbed content</h2>
|
||||
</div>
|
||||
{/*Sortable Galery*/}
|
||||
|
||||
@ -8,18 +8,18 @@ export default function About() {
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle=" What To Expect" bannerImage="/assets/images/what-we-expect/expect-banner.webp">
|
||||
{/* chooseus-section */}
|
||||
<section className="about-style-three pt_120 pb_120">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.png)' }}></div>
|
||||
<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="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.png)' }}></div>
|
||||
<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.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/what-we-expect/right.webp" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/what-we-expect/left.webp" alt="" /></figure>
|
||||
|
||||
@ -21,8 +21,8 @@ export default function Team() {
|
||||
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Why Us" bannerImage="/assets/images/why-us/why-us-banner.webp">
|
||||
<section className="team-section pt_120 centred pb-0">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1" style={{ backgroundImage: 'url(/assets/images/shape/shape-13.png)' }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-14.png)' }}></div>
|
||||
<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>
|
||||
@ -148,7 +148,7 @@ export default function Team() {
|
||||
<span className="border-animation border-3"></span>
|
||||
</a>
|
||||
</div> */}
|
||||
<p className="inner-box-new-color">Rapha rehab offers patients in etobicoke and scarborough exceptional care with a personalized treatment plan to suit your specific needs. If you are suffering from pain or have recently experienced an injury, our etobicoke and scarborough Physiotherapists will ensure you get back to the activities you enjoy and love. Call us at 647-722-3434 for an appointment today or email us at info@rapharehab.ca to book a consultation.</p>
|
||||
<p className="inner-box-new-color">Rapha rehab offers patients in etobicoke and scarborough exceptional care with a personalized treatment plan to suit your specific needs. If you are suffering from pain or have recently experienced an injury, our etobicoke and scarborough Physiotherapists will ensure you get back to the activities you enjoy and love. Call us at 647-722-3434 for an appointment today or email us at bloor@rapharehab.ca to book a consultation.</p>
|
||||
<div className="btn-box mt-4">
|
||||
<Link href="tel:647-722-3434" className="theme-btn btn-one">
|
||||
<span>Make an Appointment</span>
|
||||
|
||||
@ -22,7 +22,7 @@ export default function Home() {
|
||||
<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.png)' }}></div>
|
||||
<div className="arrow-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-18.webp)' }}></div>
|
||||
|
||||
{/* Processing Blocks */}
|
||||
{[1, 2, 3].map((count) => (
|
||||
|
||||
222
components/AutoPopup.js
Normal file
222
components/AutoPopup.js
Normal file
@ -0,0 +1,222 @@
|
||||
"use client";
|
||||
import { useState, useEffect } from "react";
|
||||
import ReCAPTCHA from "react-google-recaptcha";
|
||||
import axios from "axios";
|
||||
|
||||
export default function AutoPopup() {
|
||||
const [show, setShow] = useState(false);
|
||||
const [formData, setFormData] = useState({
|
||||
username: "",
|
||||
lname: "",
|
||||
email: "",
|
||||
phone: "",
|
||||
subject: "",
|
||||
message: "",
|
||||
});
|
||||
const [formErrors, setFormErrors] = useState({});
|
||||
const [captchaToken, setCaptchaToken] = useState(null);
|
||||
const [alert, setAlert] = useState({ show: false, type: "", message: "" });
|
||||
|
||||
useEffect(() => {
|
||||
const timer = setTimeout(() => setShow(true), 5000);
|
||||
return () => clearTimeout(timer);
|
||||
}, []);
|
||||
|
||||
const handleChange = (e) => {
|
||||
const { name, value } = e.target;
|
||||
setFormData((prev) => ({ ...prev, [name]: value }));
|
||||
};
|
||||
|
||||
const handleCaptchaChange = (token) => {
|
||||
setCaptchaToken(token);
|
||||
};
|
||||
|
||||
const handleSubmit = async (e) => {
|
||||
e.preventDefault();
|
||||
|
||||
const errors = {};
|
||||
if (!formData.username.trim()) errors.username = "First Name is required.";
|
||||
if (!formData.lname.trim()) errors.lname = "Last Name is required.";
|
||||
if (!formData.email.trim()) errors.email = "Email is required.";
|
||||
if (!formData.phone.trim()) errors.phone = "Phone is required.";
|
||||
if (!formData.subject.trim()) errors.subject = "Subject is required.";
|
||||
if (!formData.message.trim()) errors.message = "Message is required.";
|
||||
if (!captchaToken) errors.captcha = "Please verify the CAPTCHA.";
|
||||
|
||||
setFormErrors(errors);
|
||||
if (Object.keys(errors).length > 0) return;
|
||||
|
||||
const emailData = {
|
||||
...formData,
|
||||
message: `Subject: ${formData.subject}<br /><br />Message: ${formData.message}`,
|
||||
to: "bloor@rapharehab.ca",
|
||||
senderName: "Rapha Rehab Auto Popup",
|
||||
recaptchaToken: captchaToken,
|
||||
};
|
||||
|
||||
try {
|
||||
const res = await axios.post("https://mailserver.metatronnest.com/send", emailData, {
|
||||
headers: { "Content-Type": "application/json" },
|
||||
});
|
||||
|
||||
setAlert({
|
||||
show: true,
|
||||
type: "success",
|
||||
message: res?.data?.message || "Message sent successfully!",
|
||||
});
|
||||
|
||||
setFormData({
|
||||
username: "",
|
||||
lname: "",
|
||||
email: "",
|
||||
phone: "",
|
||||
subject: "",
|
||||
message: "",
|
||||
});
|
||||
setCaptchaToken(null);
|
||||
setFormErrors({});
|
||||
} catch (error) {
|
||||
setAlert({
|
||||
show: true,
|
||||
type: "danger",
|
||||
message: "Failed to send message. Please try again later.",
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
if (!show) return null;
|
||||
|
||||
return (
|
||||
<>
|
||||
<div
|
||||
className="position-fixed top-0 start-0 w-100 h-100"
|
||||
style={{ background: "rgba(0,0,0,0.7)", zIndex: 9998 }}
|
||||
onClick={() => setShow(false)}
|
||||
></div>
|
||||
|
||||
<div
|
||||
className="position-fixed top-50 start-50 translate-middle bg-white rounded shadow-lg"
|
||||
style={{ width: "90%", maxWidth: "700px", zIndex: 9999, overflowY: "auto", maxHeight: "90vh" }}
|
||||
>
|
||||
<button
|
||||
onClick={() => setShow(false)}
|
||||
className="btn-close position-absolute"
|
||||
style={{ top: "15px", right: "15px", zIndex: 10000 }}
|
||||
></button>
|
||||
|
||||
<div className="p-4 border-bottom">
|
||||
<h3 style={{ color: "#bc0000", marginBottom: "5px" }}>
|
||||
Welcome to Rapha Rehab.
|
||||
</h3>
|
||||
<p style={{ color: "#555", margin: 0 }}>
|
||||
We’re here to help — send us a message below.
|
||||
</p>
|
||||
</div>
|
||||
<section className="contact-style-three p-4">
|
||||
<div className="auto-container">
|
||||
<div className="form-inner">
|
||||
{alert.show && (
|
||||
<div className={`alert alert-${alert.type}`}>{alert.message}</div>
|
||||
)}
|
||||
|
||||
<form onSubmit={handleSubmit} className="default-form">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="username"
|
||||
placeholder="First Name"
|
||||
value={formData.username}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.username && <small className="text-danger">{formErrors.username}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="lname"
|
||||
placeholder="Last Name"
|
||||
value={formData.lname}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.lname && <small className="text-danger">{formErrors.lname}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input
|
||||
type="email"
|
||||
name="email"
|
||||
placeholder="Your Email"
|
||||
value={formData.email}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.email && <small className="text-danger">{formErrors.email}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 col-md-6 col-sm-12 form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="phone"
|
||||
placeholder="Phone"
|
||||
value={formData.phone}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.phone && <small className="text-danger">{formErrors.phone}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="subject"
|
||||
placeholder="Subject"
|
||||
value={formData.subject}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
{formErrors.subject && <small className="text-danger">{formErrors.subject}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12 col-sm-12 form-group">
|
||||
<textarea
|
||||
name="message"
|
||||
placeholder="Message"
|
||||
value={formData.message}
|
||||
onChange={handleChange}
|
||||
></textarea>
|
||||
{formErrors.message && <small className="text-danger">{formErrors.message}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 mb-3">
|
||||
<ReCAPTCHA
|
||||
sitekey="6LekfpwrAAAAAOTwuP1d2gg-Fv9UEsAjE2gjOQJl"
|
||||
onChange={handleCaptchaChange}
|
||||
/>
|
||||
{formErrors.captcha && <small className="text-danger">{formErrors.captcha}</small>}
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 form-group message-btn">
|
||||
<button
|
||||
className="theme-btn w-100"
|
||||
type="submit"
|
||||
name="submit-form"
|
||||
style={{
|
||||
background: "#bc0000",
|
||||
color: "#fff",
|
||||
padding: "12px",
|
||||
fontSize: "16px",
|
||||
fontWeight: "bold",
|
||||
border: "none",
|
||||
}}
|
||||
>
|
||||
SUBMIT NOW
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
43
components/ContactFloat.js
Normal file
43
components/ContactFloat.js
Normal file
@ -0,0 +1,43 @@
|
||||
"use client";
|
||||
import React from "react";
|
||||
|
||||
function ContactFloat() {
|
||||
return (
|
||||
<div style={styles.container}>
|
||||
<a href="tel:6477223434" style={styles.button} aria-label="Call Us">
|
||||
<img
|
||||
src="/assets/images/icons/call.png"
|
||||
alt="Call"
|
||||
style={styles.icon}
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
const styles = {
|
||||
container: {
|
||||
position: "fixed",
|
||||
bottom: "24px",
|
||||
left: "24px",
|
||||
zIndex: 9999,
|
||||
},
|
||||
button: {
|
||||
backgroundColor: "#102548",
|
||||
padding: "16px",
|
||||
borderRadius: "50%",
|
||||
boxShadow: "0 4px 6px rgba(0,0,0,0.2)",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
textDecoration: "none",
|
||||
width: "56px",
|
||||
height: "56px",
|
||||
},
|
||||
icon: {
|
||||
width: "28px",
|
||||
height: "28px",
|
||||
},
|
||||
};
|
||||
|
||||
export default ContactFloat;
|
||||
@ -64,7 +64,7 @@ The leadership team at NanoCare discusses what home care means to them and how N
|
||||
</div>
|
||||
|
||||
<div className="tab-content centred">
|
||||
<p style={{ whiteSpace: "pre-line", textAlign: "justify" }}>
|
||||
<p className="tex-color-1" style={{ whiteSpace: "pre-line", textAlign: "justify" }}>
|
||||
{content[activeTab]}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@ -12,8 +12,8 @@ export default function Breadcrumb({ breadcrumbTitle, bannerImage }) {
|
||||
}}
|
||||
/>
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-14.png)' }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.png)' }}></div>
|
||||
<div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-14.webp)' }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.webp)' }}></div>
|
||||
<div className="pattern-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
|
||||
<div className="pattern-4 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-16.png)' }}></div>
|
||||
</div>
|
||||
|
||||
@ -48,12 +48,13 @@ export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar
|
||||
<ul className="navigation clearfix">
|
||||
<li><Link href="/">Home</Link></li>
|
||||
<li className={isActive.key == 1 ? "dropdown current" : "dropdown"}>
|
||||
<Link href="/" >About Us</Link>
|
||||
<Link href="/about-us" >About Us</Link>
|
||||
<ul style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
|
||||
|
||||
|
||||
<li><Link href="/our-team-physiotherapy-etobicoke" onClick={handleMobileMenu}>Our Team</Link></li>
|
||||
<li><Link href="/ourapproach-physiotherapy-etobicoke" onClick={handleMobileMenu}>Our Approach</Link></li>
|
||||
<li><Link href="/gallery-physiotherapy-etobicoke" onClick={handleMobileMenu}>Gallery</Link></li>
|
||||
<li><Link href="/covid-19-updates" onClick={handleMobileMenu}>Covid-19-updates</Link></li>
|
||||
</ul>
|
||||
<div className={isActive.key == 1 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(1)}><span className="fa fa-angle-right" /></div>
|
||||
</li>
|
||||
@ -68,43 +69,43 @@ export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar
|
||||
<li><Link href="/service-details-4" onClick={handleMobileMenu}>Medical</Link></li>
|
||||
<li><Link href="/service-details-5" onClick={handleMobileMenu}>Pediatrics</Link></li>
|
||||
<li><Link href="/service-details-6" onClick={handleMobileMenu}>Modern Laboratory</Link></li> */}
|
||||
|
||||
{servicesList.map(item => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/etobicoke-treatment-service/${item.slug}`}>
|
||||
{item.shortTitle}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
|
||||
|
||||
{servicesList.map(item => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/etobicoke-treatment-service/${item.slug}`}>
|
||||
{item.shortTitle}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
|
||||
</ul>
|
||||
<div className={isActive.key == 2 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(2)}><span className="fa fa-angle-right" /></div>
|
||||
</li>
|
||||
|
||||
<li className={isActive.key == 3 ? "dropdown current" : "dropdown"}>
|
||||
<Link href="/area-of-injury">Area of Injury</Link>
|
||||
<ul style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>
|
||||
{/* <li><Link href="/team" onClick={handleMobileMenu}>Our Team</Link></li>
|
||||
|
||||
<li className={isActive.key == 3 ? "dropdown current" : "dropdown"}>
|
||||
<Link href="/area-of-injury">Area of Injury</Link>
|
||||
<ul style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>
|
||||
{/* <li><Link href="/team" onClick={handleMobileMenu}>Our Team</Link></li>
|
||||
<li><Link href="/team-details" onClick={handleMobileMenu}>Team Details</Link></li> */}
|
||||
|
||||
|
||||
{areaOfInjuryData.map(item => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/area-of-injury/${item.slug}`}>
|
||||
{item.title}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
|
||||
</ul>
|
||||
<div className={isActive.key == 3 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(3)}><span className="fa fa-angle-right" /></div>
|
||||
</li>
|
||||
|
||||
|
||||
{areaOfInjuryData.map(item => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/area-of-injury/${item.slug}`}>
|
||||
{item.title}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
|
||||
</ul>
|
||||
<div className={isActive.key == 3 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(3)}><span className="fa fa-angle-right" /></div>
|
||||
</li>
|
||||
|
||||
|
||||
<li className={isActive.key == 4 ? "dropdown current" : "dropdown"}>
|
||||
<Link href="/rehabilitation">Rehabilitation</Link>
|
||||
<ul style={{ display: `${isActive.key == 4 ? "block" : "none"}` }}>
|
||||
{/* <li className={isActive.subMenuKey == 5 ? "dropdown current" : "dropdown"}><Link href="/#">News</Link>
|
||||
{/* <li className={isActive.subMenuKey == 5 ? "dropdown current" : "dropdown"}><Link href="/#">News</Link>
|
||||
<ul style={{ display: `${isActive.subMenuKey == 5 ? "block" : "none"}` }}>
|
||||
<li><Link href="/blog" onClick={handleMobileMenu}>Blog Grid</Link></li>
|
||||
<li><Link href="/blog-2" onClick={handleMobileMenu}>Blog Sidebar</Link></li>
|
||||
@ -112,24 +113,24 @@ export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar
|
||||
</ul>
|
||||
<div className={isActive.subMenuKey == 5 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(4,5)}><span className="fa fa-angle-right" /></div>
|
||||
</li> */}
|
||||
|
||||
{Rehabilitation.map(item => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/rehabilitation/${item.slug}`}>
|
||||
{item.title}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
|
||||
|
||||
</ul>
|
||||
<div className={isActive.key == 4 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(4)}><span className="fa fa-angle-right" /></div>
|
||||
</li>
|
||||
|
||||
<li className={isActive.key == 5 ? "dropdown current" : "dropdown"}>
|
||||
{Rehabilitation.map(item => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/rehabilitation/${item.slug}`}>
|
||||
{item.title}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
|
||||
|
||||
</ul>
|
||||
<div className={isActive.key == 4 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(4)}><span className="fa fa-angle-right" /></div>
|
||||
</li>
|
||||
|
||||
<li className={isActive.key == 5 ? "dropdown current" : "dropdown"}>
|
||||
<Link href="/accident">Accident</Link>
|
||||
<ul style={{ display: `${isActive.key == 5 ? "block" : "none"}` }}>
|
||||
{/* <li className={isActive.subMenuKey == 5 ? "dropdown current" : "dropdown"}><Link href="/#">News</Link>
|
||||
{/* <li className={isActive.subMenuKey == 5 ? "dropdown current" : "dropdown"}><Link href="/#">News</Link>
|
||||
<ul style={{ display: `${isActive.subMenuKey == 5 ? "block" : "none"}` }}>
|
||||
<li><Link href="/blog" onClick={handleMobileMenu}>Blog Grid</Link></li>
|
||||
<li><Link href="/blog-2" onClick={handleMobileMenu}>Blog Sidebar</Link></li>
|
||||
@ -137,43 +138,65 @@ export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar
|
||||
</ul>
|
||||
<div className={isActive.subMenuKey == 5 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(4,5)}><span className="fa fa-angle-right" /></div>
|
||||
</li> */}
|
||||
|
||||
{Rehabilitation.map(item => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/rehabilitation/${item.slug}`}>
|
||||
{item.title}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
|
||||
|
||||
</ul>
|
||||
<div className={isActive.key == 5 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(5)}><span className="fa fa-angle-right" /></div>
|
||||
</li>
|
||||
<li><Link href="/contact-us" onClick={handleMobileMenu}>Contact</Link></li>
|
||||
|
||||
{Rehabilitation.map(item => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/rehabilitation/${item.slug}`}>
|
||||
{item.title}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
|
||||
|
||||
</ul>
|
||||
<div className={isActive.key == 5 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(5)}><span className="fa fa-angle-right" /></div>
|
||||
</li>
|
||||
<li><Link href="/contact" onClick={handleMobileMenu}>Contact</Link></li>
|
||||
<li>
|
||||
<Link href="/why-rapha-physiotherapy-etobicoke" onClick={handleMobileMenu}>
|
||||
Why Us
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/faq-physiotherapy-etobicoke" onClick={handleMobileMenu}>
|
||||
Faq
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/what-to-expect" onClick={handleMobileMenu}>
|
||||
What To Expect
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/payment-insurance" onClick={handleMobileMenu}>
|
||||
Payment And Insurance
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="contact-info">
|
||||
<h4>Contact Info</h4>
|
||||
<ul>
|
||||
<li>Chicago 12, Melborne City, USA</li>
|
||||
<li><Link href="tel:+8801682648101">+88 01682648101</Link></li>
|
||||
<li><Link href="mailto:info@example.com">info@example.com</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<h4>Contact Info</h4>
|
||||
<ul>
|
||||
<li>6 – 4335 Bloor Street West Etobicoke, M9C5S2</li>
|
||||
<li><Link href="tel:+647-722-3434">647-722-3434</Link></li>
|
||||
<li><Link href="mailto:bloor@rapharehab.ca">bloor@rapharehab.ca</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
{/*Social Links*/}
|
||||
<div className="social-links">
|
||||
<ul className="clearfix">
|
||||
<li><Link href="/"><span className="fab fa-twitter"></span></Link></li>
|
||||
<li><Link href="/"><span className="fab fa-facebook-square"></span></Link></li>
|
||||
<li><Link href="/"><span className="fab fa-pinterest-p"></span></Link></li>
|
||||
<li><Link href="/"><span className="fab fa-instagram"></span></Link></li>
|
||||
<li><Link href="/l"><span className="fab fa-youtube"></span></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>{/* End Mobile Menu */}
|
||||
<ul className="clearfix">
|
||||
<li><Link href="https://www.instagram.com/elrapharehab/" target="_blank"
|
||||
rel="noopener noreferrer"><span className="fab fa-instagram"></span></Link></li>
|
||||
<li><Link href="/"><span className="fab fa-twitter"></span></Link></li>
|
||||
<li><Link href="https://www.facebook.com/ELRaphaRehabCenter/" target="_blank"
|
||||
rel="noopener noreferrer"><span className="fab fa-facebook-square"></span></Link></li>
|
||||
<li><Link href="/"><span className="fab fa-pinterest-p"></span></Link></li>
|
||||
<li><Link href="/"><span className="fab fa-youtube"></span></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>{/* End Mobile Menu */}
|
||||
<div className="nav-overlay" style={{ display: `${isSidebar ? "block" : "none"}` }} onClick={handleSidebar} />
|
||||
</>
|
||||
);
|
||||
|
||||
@ -6,11 +6,11 @@ import { servicesList } from "@/utils/Services.utils"
|
||||
|
||||
export default function Footer2() {
|
||||
|
||||
const servicesCols = [
|
||||
servicesList.slice(0, 6),
|
||||
servicesList.slice(6, 12),
|
||||
servicesList.slice(12, 18),
|
||||
];
|
||||
const servicesCols = [
|
||||
servicesList.slice(0, 12),
|
||||
servicesList.slice(12, 24),
|
||||
servicesList.slice(24, 35),
|
||||
];
|
||||
|
||||
|
||||
|
||||
@ -48,7 +48,8 @@ const servicesCols = [
|
||||
</p>
|
||||
<ul className="social-links clearfix">
|
||||
<li>
|
||||
<Link href="/"><i className="icon-4"></i></Link>
|
||||
<Link href="https://www.instagram.com/elrapharehab/" target="_blank"
|
||||
rel="noopener noreferrer"><i className="icon-4"></i></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/"><i className="icon-5"></i></Link>
|
||||
@ -57,7 +58,8 @@ const servicesCols = [
|
||||
<Link href="/"><i className="icon-6"></i></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/"><i className="icon-7"></i></Link>
|
||||
<Link href="https://www.facebook.com/ELRaphaRehabCenter/" target="_blank"
|
||||
rel="noopener noreferrer"><i className="icon-7"></i></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -169,8 +171,8 @@ const servicesCols = [
|
||||
</li>
|
||||
<li>
|
||||
<i className="icon-26"></i>
|
||||
<Link href="mailto:info@rapharehab.ca">
|
||||
info@rapharehab.ca
|
||||
<Link href="mailto:bloor@rapharehab.ca">
|
||||
bloor@rapharehab.ca
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
@ -185,7 +187,7 @@ const servicesCols = [
|
||||
<div className="auto-container">
|
||||
<div className="bottom-inner d-flex justify-content-center text-center">
|
||||
<div className="copyright">
|
||||
<p>
|
||||
<p>
|
||||
© Copyright {new Date().getFullYear()} Rapha Rehab | Powered by{" "}
|
||||
<a
|
||||
href="https://metatroncubesolutions.com/"
|
||||
|
||||
@ -6,11 +6,11 @@ import { servicesList } from "@/utils/Services.utils"
|
||||
|
||||
export default function Footer2() {
|
||||
|
||||
const servicesCols = [
|
||||
servicesList.slice(0, 6),
|
||||
servicesList.slice(6, 12),
|
||||
servicesList.slice(12, 18),
|
||||
];
|
||||
const servicesCols = [
|
||||
servicesList.slice(0, 12),
|
||||
servicesList.slice(12, 24),
|
||||
servicesList.slice(24, 35),
|
||||
];
|
||||
|
||||
|
||||
|
||||
@ -48,7 +48,8 @@ const servicesCols = [
|
||||
</p>
|
||||
<ul className="social-links clearfix">
|
||||
<li>
|
||||
<Link href="/"><i className="icon-4"></i></Link>
|
||||
<Link href="https://www.instagram.com/elrapharehab/" target="_blank"
|
||||
rel="noopener noreferrer"><i className="icon-4"></i></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/"><i className="icon-5"></i></Link>
|
||||
@ -57,7 +58,8 @@ const servicesCols = [
|
||||
<Link href="/"><i className="icon-6"></i></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/"><i className="icon-7"></i></Link>
|
||||
<Link href="https://www.facebook.com/ELRaphaRehabCenter/" target="_blank"
|
||||
rel="noopener noreferrer"><i className="icon-7"></i></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -112,24 +114,7 @@ const servicesCols = [
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget">
|
||||
<div className="widget-title">
|
||||
<h3>REHABILITATION</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
{Rehabilitation.map((item) => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/rehabilitation/${item.slug}`}>
|
||||
{item.title}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget">
|
||||
@ -150,6 +135,25 @@ const servicesCols = [
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget">
|
||||
<div className="widget-title">
|
||||
<h3>REHABILITATION</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
{Rehabilitation.map((item) => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/rehabilitation/${item.slug}`}>
|
||||
{item.title}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget contact-widget">
|
||||
<div className="widget-title">
|
||||
@ -170,7 +174,7 @@ const servicesCols = [
|
||||
<li>
|
||||
<i className="icon-26"></i>
|
||||
<Link href="mailto:example@info.com">
|
||||
info@rapharehab.ca
|
||||
bloor@rapharehab.ca
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@ -19,7 +19,7 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
|
||||
</li>
|
||||
<li>
|
||||
<img src="/assets/images/icons/mail.png" alt="Mail" style={{ marginRight: "8px" }} />
|
||||
<Link href="mailto:info@rapharehab.ca">info@rapharehab.ca</Link>
|
||||
<Link href="mailto:bloor@rapharehab.ca">bloor@rapharehab.ca</Link>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
@ -37,10 +37,12 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
|
||||
<li>
|
||||
<Link href="/payment-insurance">Payment And Insurance</Link>
|
||||
</li>
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
<li><Link href="https://www.instagram.com/elrapharehab/" target="_blank"
|
||||
rel="noopener noreferrer"><i className="icon-4"></i></Link></li>
|
||||
{/* <li><Link href="/"><i className="icon-5"></i></Link></li> */}
|
||||
{/* <li><Link href="/"><i className="icon-6"></i></Link></li> */}
|
||||
<li><Link href="https://www.facebook.com/ELRaphaRehabCenter/" target="_blank"
|
||||
rel="noopener noreferrer"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@ -51,9 +53,9 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
|
||||
<div className="outer-container">
|
||||
<div className="outer-box">
|
||||
<div className="logo-box">
|
||||
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt=""/></Link></figure>
|
||||
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" /></Link></figure>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Menu Right Content */}
|
||||
{/* <ul className="menu-right-content">
|
||||
|
||||
@ -88,7 +90,7 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
|
||||
<div className="auto-container">
|
||||
<div className="outer-box">
|
||||
<div className="logo-box">
|
||||
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt=""/></Link></figure>
|
||||
<figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" /></Link></figure>
|
||||
</div>
|
||||
|
||||
<nav className="main-menu navbar-expand-md navbar-light clearfix">
|
||||
|
||||
@ -5,9 +5,9 @@ export default function AboutSection() {
|
||||
return (
|
||||
<section className="about-style-two pt_120 pb_120">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div>
|
||||
<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.png)' }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.png)' }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.webp)' }}></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
@ -16,8 +16,8 @@ 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.png)' }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.png)' }}></div>
|
||||
<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>
|
||||
@ -25,10 +25,10 @@ export default function AreaOfInjury() {
|
||||
<div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-16.png)' }}></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50">
|
||||
<span className="sub-title">Area Of Injury</span>
|
||||
<h3 style={{ fontWeight: "bold" }}>
|
||||
Start Your Treatment Today! Visit our healthcare team in Etobicoke.
|
||||
<div className="sec-title-1 mb_50">
|
||||
<span className="sub-title-1">Area Of Injury</span>
|
||||
<h3 className='h3-white' style={{ fontWeight: "bold" }}>
|
||||
Start Your Treatment Today! <br /> Visit our healthcare team in Etobicoke.
|
||||
</h3>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
@ -55,7 +55,7 @@ export default function AreaOfInjury() {
|
||||
))}
|
||||
<div className='col-12 text-center'>
|
||||
<div className="btn-box">
|
||||
<Link href="/area-of-injury" className="theme-btn btn-one"><span>View All</span></Link>
|
||||
<Link href="/area-of-injury" className="theme-btn btn-one-new"><span>View All</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,58 +1,53 @@
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
|
||||
|
||||
export default function CounterSection() {
|
||||
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={10} /><span>+</span>
|
||||
<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>
|
||||
<span className="text">Professionals</span>
|
||||
</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 className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={20} /><span>+</span>
|
||||
</div>
|
||||
<span className="text">Years Experience</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={1000} /><span>+</span>
|
||||
</div>
|
||||
<span className="text">Happy Customers</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={97} /><span>%</span>
|
||||
</div>
|
||||
<span className="text">Client Satisfaction</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -33,11 +33,11 @@ export default function FaqSection() {
|
||||
<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.png)' }}></div>
|
||||
<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.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/home/why-trust-us/trust-right.webp" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/home/why-trust-us/trust-left.webp" alt="" /></figure>
|
||||
|
||||
63
components/sections/home/MobileFeatureCard.js
Normal file
63
components/sections/home/MobileFeatureCard.js
Normal file
@ -0,0 +1,63 @@
|
||||
import Link from 'next/link';
|
||||
import React from 'react';
|
||||
|
||||
export default function MobileFeatureCard() {
|
||||
return (
|
||||
<section className="feature-section pt_120 pb-0 mobile-only" 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">
|
||||
<img src="/assets/images/home/icons/experienced.webp" alt="Icon" />
|
||||
</div>
|
||||
<h3><Link href="/">Experienced <br /> Professionals</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">
|
||||
<img src="/assets/images/home/icons/walk-in.webp" alt="Icon" />
|
||||
</div>
|
||||
<h3><Link href="/">Walk-in<br /> Appointments</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">
|
||||
<img src="/assets/images/home/icons/state.webp" alt="Icon" />
|
||||
</div>
|
||||
<h3><Link href="/">State-of-the-Art Technology</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">
|
||||
<img src="/assets/images/home/icons/one.webp" alt="Icon" />
|
||||
</div>
|
||||
<h3><Link href="/">One-on-One <br /> Care</Link></h3>
|
||||
{/* <p>Lorem ipsum dolor sit amet ctetur adipiscing</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
@ -9,7 +9,7 @@ export default function MobileServices() {
|
||||
<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>
|
||||
<h2 className="tex-color-1">We Offer For You Medical & <br />Saving Lives</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
{
|
||||
@ -27,7 +27,12 @@ export default function MobileServices() {
|
||||
? service.title.slice(0, 20) + "..."
|
||||
: service.title}</Link></h3>
|
||||
<div className="btn-box">
|
||||
<Link href="index-2" className="theme-btn-2 btn-one"><span>View Service</span></Link>
|
||||
<Link
|
||||
href={`/etobicoke-treatment-service/${service.slug}`}
|
||||
className="theme-btn-2 btn-one"
|
||||
>
|
||||
<span>View Service</span>
|
||||
</Link>
|
||||
</div>
|
||||
{/* <p>Lorem ipsum dolor sit amet ctetur adipiscing</p> */}
|
||||
</div>
|
||||
|
||||
@ -3,10 +3,10 @@ import React from 'react';
|
||||
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" 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-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">
|
||||
@ -15,12 +15,12 @@ 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.png)' }}></div>
|
||||
<div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.webp)' }}></div>
|
||||
{/* Step 01 */}
|
||||
<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>
|
||||
<figure className="image-box"><img src="/assets/images/resource/process-1.jpg" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Area of Injury</h3>
|
||||
<p>We carefully assess the affected area to identify the root cause of your pain or discomfort.</p>
|
||||
@ -32,7 +32,7 @@ export default function ProcessSection() {
|
||||
<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>
|
||||
<figure className="image-box"><img src="/assets/images/resource/process-2.jpg" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Rehabilitation</h3>
|
||||
<p>Through guided exercises and therapy, we help restore movement, strength, and flexibility.</p>
|
||||
@ -44,7 +44,7 @@ export default function ProcessSection() {
|
||||
<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>
|
||||
<figure className="image-box"><img src="/assets/images/resource/process-3.jpg" alt="" /></figure>
|
||||
<div className="lower-content">
|
||||
<h3>Accident</h3>
|
||||
<p>We provide personalized care plans to speed up recovery and help you return to normal life after accidents.</p>
|
||||
|
||||
@ -6,9 +6,9 @@ export default function ServicesSection() {
|
||||
return (
|
||||
<section className="service-section sec-pad bg-color-1">
|
||||
<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 className="sec-title-1 mb_50 centred">
|
||||
<span className="sub-title-1">We Offer For You Medical & <br />Saving Lives</span>
|
||||
<h2>Our Services</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
{
|
||||
@ -19,9 +19,10 @@ export default function ServicesSection() {
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><Link href={`/etobicoke-treatment-service/${service.slug}`}><img src={service?.image} alt="" /></Link></figure>
|
||||
<div className="icon-box"><img src={service?.icon} alt="" /></div>
|
||||
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box"><img src={service?.icon} alt="" /></div>
|
||||
<h3>
|
||||
<Link href={`/etobicoke-treatment-service/${service.slug}`}>
|
||||
{service?.title?.length > 25
|
||||
@ -29,11 +30,7 @@ export default function ServicesSection() {
|
||||
: service.title}
|
||||
</Link>
|
||||
</h3>
|
||||
<p>
|
||||
{service?.shortDescription?.length > 70
|
||||
? service.shortDescription.slice(0, 70) + "..."
|
||||
: service.shortDescription}
|
||||
</p>
|
||||
<p>{service?.shortDescription}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -43,7 +40,7 @@ export default function ServicesSection() {
|
||||
}
|
||||
<div className='col-12 text-center'>
|
||||
<div className="btn-box">
|
||||
<Link href="/etobicoke-treatment-service" className="theme-btn btn-one"><span>View All Services</span></Link>
|
||||
<Link href="/etobicoke-treatment-service" className="theme-btn btn-one-new"><span>View All Services</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -5,11 +5,11 @@ export default function about() {
|
||||
return (
|
||||
<section className="about-section pt_120 pb_120 bg-color-1">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
|
||||
<div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
|
||||
<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.png)' }}></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.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">
|
||||
|
||||
@ -3,7 +3,7 @@ import Link from "next/link"
|
||||
import Blogs from "@/utils/Blog.utils";
|
||||
export default function News() {
|
||||
return (
|
||||
<section className="news-section pt_120 pb_120 bg-color-1">
|
||||
<section className="news-section pt_120 pb_120">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Our Blog</span>
|
||||
|
||||
@ -15,7 +15,7 @@ export default function Process() {
|
||||
<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.png)' }}></div>
|
||||
<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>
|
||||
|
||||
@ -11,8 +11,8 @@ export default function Team() {
|
||||
return (
|
||||
<section className="team-section sec-pad centred">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-13.png)' }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.png)' }}></div>
|
||||
<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>
|
||||
|
||||
@ -6,13 +6,13 @@ export default function Testimonial() {
|
||||
|
||||
<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.png)' }}></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>
|
||||
<div className="sec-title-1 mb_50">
|
||||
<span className="sub-title-1">Testimonials</span>
|
||||
<h2>What Our Clients Say About Rapha Rehab</h2>
|
||||
</div>
|
||||
<div className="content-box">
|
||||
|
||||
@ -4,9 +4,9 @@ export default function About() {
|
||||
return (
|
||||
<section className="about-style-two pt_120 pb_120">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
|
||||
<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.png)' }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: 'url(assets/images/shape/shape-11.png)' }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></div>
|
||||
</div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
@ -36,16 +36,16 @@ export default function Banner() {
|
||||
<Swiper {...swiperOptions} className="banner-carousel owl-theme owl-carousel owl-nav-none owl-dots-none">
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-1.webp)' }}></div>
|
||||
<figure className="image-layer"><img src="/assets/images/home/banner/banner-img-1.webp" alt="" /></figure>
|
||||
{/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-1.webp" alt="" /></figure> */}
|
||||
<div className="auto-container">
|
||||
<div className="content-box">
|
||||
<span className="upper-text">The Journey to Better Health Begins here</span>
|
||||
<h2>Your Path to <span>Recovery</span> Starts Today</h2>
|
||||
<p>Expert Physiotherapy in Mississauga Tailored for You.</p>
|
||||
<p>Expert Physiotherapy in Mississauga for You.</p>
|
||||
<p>
|
||||
Our skilled team provides personalized physiotherapy in Mississauga Ontario to help you regain mobility and live pain-free. Compassionate care designed around your needs.</p>
|
||||
|
||||
<div className="btn-box">
|
||||
Our skilled team provides physiotherapy in Mississauga to help you regain mobility and live pain-free. Compassionate care designed around your needs.
|
||||
</p>
|
||||
<div className="btn-box mt-3">
|
||||
<Link href="tel:+647-722-3434" className="theme-btn btn-one">
|
||||
<span>Book Your Appointment</span>
|
||||
</Link>
|
||||
@ -57,16 +57,16 @@ export default function Banner() {
|
||||
{/* Repeat the above structure for each slide-item as needed */}
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-2.webp' }}></div>
|
||||
<figure className="image-layer"><img src="/assets/images/home/banner/banner-img-2.webp" alt="" /></figure>
|
||||
{/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-2.webp" alt="" /></figure> */}
|
||||
<div className="auto-container">
|
||||
<div className="content-box">
|
||||
<span className="upper-text">Compassionate Care, Delivered with Expertise</span>
|
||||
<h2>Healing Touch, <span>Fresh</span> Inner Strength</h2>
|
||||
<p>Expert Hand Massage Techniques for Relief</p>
|
||||
<p>Expert Hand Massage Techniques for Relief</p>
|
||||
<p>
|
||||
Experience targeted hand massage therapy to ease tension and promote healing, delivered by experienced therapists focused on your comfort and well-being.
|
||||
</p>
|
||||
<div className="btn-box">
|
||||
<div className="btn-box mt-3">
|
||||
<Link href="/contact" className="theme-btn btn-one"><span>Schedule a Massage</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
@ -75,16 +75,16 @@ export default function Banner() {
|
||||
{/* Repeat the above structure for each slide-item as needed */}
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-3.webp' }}></div>
|
||||
<figure className="image-layer"><img src="/assets/images/home/banner/banner-img-3.webp" alt="" /></figure>
|
||||
{/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-3.webp" alt="" /></figure> */}
|
||||
<div className="auto-container">
|
||||
<div className="content-box">
|
||||
<span className="upper-text">Your Path to Wellness Starts Here</span>
|
||||
<span className="upper-text">Your Path to Complete Wellness Starts Here</span>
|
||||
<h2>Local Physio <span>Experts </span> Near You</h2>
|
||||
<p>Physiotherapy Etobicoke & Rehab Care.</p>
|
||||
<p>
|
||||
Offering comprehensive physiotherapy and rehabilitation services in Etobicoke to support your wellness journey and help restore your strength efficiently.
|
||||
</p>
|
||||
<div className="btn-box">
|
||||
<div className="btn-box mt-3">
|
||||
<Link href="/etobicoke-treatment-service" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
@ -92,14 +92,14 @@ export default function Banner() {
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="slide-item">
|
||||
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-4.webp' }}></div>
|
||||
<figure className="image-layer"><img src="/assets/images/home/banner/banner-img-4.webp" alt="" /></figure>
|
||||
{/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-4.webp" alt="" /></figure> */}
|
||||
<div className="auto-container">
|
||||
<div className="content-box">
|
||||
<span className="upper-text">Healing Hands, Caring Hearts in Action</span>
|
||||
<h2>Wellness <span>by the</span>Waterfront</h2>
|
||||
<p>Waterfront Physio and Rehab Services.</p>
|
||||
<p>Find peace and healing with our specialized waterfront physio and rehab programs designed for lasting wellness and a better quality of life.</p>
|
||||
<div className="btn-box">
|
||||
<p>Find peace and true healing with our specialized waterfront physio and rehab programs carefully designed for lasting wellness and a better quality of life.</p>
|
||||
<div className="btn-box mt-3">
|
||||
<Link href="/contact" className="theme-btn btn-one"><span>Visit Our Location</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2,58 +2,65 @@ import Link from "next/link";
|
||||
import React from 'react';
|
||||
|
||||
export default function Features() {
|
||||
return (
|
||||
<>
|
||||
<section className="feature-style-two centred">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
return (
|
||||
<>
|
||||
<section className="feature-style-two centred desktop-only">
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-9"></i></div>
|
||||
<h3><Link href="/">Experienced Professionals</Link></h3>
|
||||
<p>Expert and compassionate care tailored to every patient.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-10"></i></div>
|
||||
<h3><Link href="/">24/7 Emergency</Link></h3>
|
||||
<p>Immediate medical support available anytime, day or night.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-11"></i></div>
|
||||
<h3><Link href="/">Advanced Technology</Link></h3>
|
||||
<p>Modern equipment ensuring accurate diagnosis and treatment.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-12"></i></div>
|
||||
<h3><Link href="/">Family Care</Link></h3>
|
||||
<p>Comprehensive health services for all ages, from newborns to seniors.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box">
|
||||
<img src="/assets/images/home/icons/experienced.webp" alt="Icon" />
|
||||
</div>
|
||||
<h3><Link href="/">Experienced <br/> Professionals</Link></h3>
|
||||
{/* <p>Skilled experts deliver trusted professional healthcare with years of proven experience.</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box">
|
||||
<img src="/assets/images/home/icons/walk-in.webp" alt="Icon" />
|
||||
</div>
|
||||
<h3><Link href="/">Walk-in<br/> Appointments</Link></h3>
|
||||
{/* <p>Get quick appointments with hassle-free, convenient scheduling today.</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box">
|
||||
<img src="/assets/images/home/icons/state.webp" alt="Icon" />
|
||||
</div>
|
||||
<h3><Link href="/">State-of-the-Art Technology</Link></h3>
|
||||
{/* <p>Advanced tools ensure accurate results with modern, innovative solutions.</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 feature-block">
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box">
|
||||
<img src="/assets/images/home/icons/one.webp" alt="Icon" />
|
||||
</div>
|
||||
<h3><Link href="/">One-on-One <br /> Care</Link></h3>
|
||||
{/* <p>Tailored attention provides focused treatments designed for unique needs.</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -41,9 +41,10 @@ export default function Solution() {
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_two">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/home/trusted/trusted-physiotherapy-back.webp" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/home/trusted/trusted-physiotherapy-front.webp" alt="" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/home/trusted/icon.webp" alt="" /></div>
|
||||
<img
|
||||
src="/assets/images/home/trusted/trusted-physiotherapy-care.webp"
|
||||
alt="Trusted Physiotherapy"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -3,7 +3,7 @@ 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.png)" }}></div>
|
||||
<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>
|
||||
|
||||
@ -5,18 +5,18 @@ export default function About() {
|
||||
return (
|
||||
<>
|
||||
<section className="about-style-three pt_120 pb_120 bg-color-1">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-35.png)' }}></div>
|
||||
<div className="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.png)' }}></div>
|
||||
<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.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>
|
||||
|
||||
@ -27,7 +27,7 @@ export default function Banner() {
|
||||
<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.png)' }}></div>
|
||||
<div className="shape-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></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>
|
||||
|
||||
@ -15,7 +15,7 @@ export default function Process() {
|
||||
<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.png)' }}></div>
|
||||
<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>
|
||||
|
||||
@ -5,11 +5,11 @@ export default function about() {
|
||||
return (
|
||||
<section className="about-section pt_120 pb_120 bg-color-1" id="about">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
|
||||
<div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
|
||||
<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.png)' }}></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.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">
|
||||
|
||||
@ -15,7 +15,7 @@ export default function Process() {
|
||||
<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.png)' }}></div>
|
||||
<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>
|
||||
|
||||
@ -51,8 +51,8 @@ export default function Team() {
|
||||
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.png)' }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.png)' }}></div>
|
||||
<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>
|
||||
|
||||
@ -6,7 +6,7 @@ export default function Testimonial() {
|
||||
|
||||
<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.png)' }}></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">
|
||||
|
||||
@ -132,7 +132,7 @@
|
||||
.banner-carousel .swiper-slide:before{
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: #f9d6d6;
|
||||
/* background: #f9d6d6; */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0px;
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
.chooseus-section{
|
||||
position: relative;
|
||||
padding: 114px 0px 160px 0px;
|
||||
background-color: #bc0000;
|
||||
background-color: #102548;
|
||||
}
|
||||
|
||||
.lightbg{
|
||||
|
||||
@ -1,11 +1,10 @@
|
||||
|
||||
/** feature-section **/
|
||||
|
||||
.feature-section{
|
||||
.feature-section {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.feature-block-one .inner-box{
|
||||
.feature-block-one .inner-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
background: #fff;
|
||||
@ -18,7 +17,7 @@
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.feature-block-one .inner-box:before{
|
||||
/* .feature-block-one .inner-box:before{
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 100%;
|
||||
@ -27,33 +26,34 @@
|
||||
bottom: 0px;
|
||||
z-index: -1;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
} */
|
||||
|
||||
.feature-block-one .inner-box:hover:before{
|
||||
.feature-block-one .inner-box:hover:before {
|
||||
height: 100%;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.feature-block-one .inner-box .icon-box{
|
||||
.feature-block-one .inner-box .icon-box {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 100px;
|
||||
font-size: 50px;
|
||||
color: var(--secondary-color);
|
||||
background: rgba(249, 49, 59, 0.05);
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
margin-bottom: 10px;
|
||||
margin: 0 auto 10px auto;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.feature-block-one .inner-box:hover .icon-box{
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.feature-block-one .inner-box h3{
|
||||
/* .feature-block-one .inner-box:hover .icon-box{
|
||||
background: #fff;
|
||||
} */
|
||||
|
||||
.feature-block-one .inner-box h3 {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 20px;
|
||||
@ -62,26 +62,26 @@
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.feature-block-one .inner-box h3 a{
|
||||
/* .feature-block-one .inner-box h3 a{
|
||||
display: inline-block;
|
||||
color: var(--title-color);
|
||||
}
|
||||
} */
|
||||
|
||||
.feature-block-one .inner-box h3 a:hover{
|
||||
.feature-block-one .inner-box h3 a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.feature-block-one .inner-box p{
|
||||
.feature-block-one .inner-box p {
|
||||
position: relative;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.feature-block-one .inner-box:hover h3 a,
|
||||
/* .feature-block-one .inner-box:hover h3 a,
|
||||
.feature-block-one .inner-box:hover p{
|
||||
color: #fff;
|
||||
}
|
||||
} */
|
||||
|
||||
.feature-section .shape{
|
||||
.feature-section .shape {
|
||||
position: absolute;
|
||||
left: 80px;
|
||||
top: 10px;
|
||||
@ -93,11 +93,11 @@
|
||||
|
||||
/** feature-style-two **/
|
||||
|
||||
.feature-style-two{
|
||||
.feature-style-two {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.feature-style-two .inner-container{
|
||||
.feature-style-two .inner-container {
|
||||
position: relative;
|
||||
display: block;
|
||||
background: #FFFFFF;
|
||||
@ -108,18 +108,24 @@
|
||||
padding: 0px 30px;
|
||||
}
|
||||
|
||||
.feature-block-two .inner-box{
|
||||
@media (max-width: 425px) {
|
||||
.feature-style-two .inner-container {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.feature-block-two .inner-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 50px 20px;
|
||||
}
|
||||
|
||||
.feature-block-two .inner-box .icon-box{
|
||||
.feature-block-two .inner-box .icon-box {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 100px;
|
||||
line-height: 80px;
|
||||
font-size: 50px;
|
||||
background: rgba(249, 49, 59, 0.05);
|
||||
color: var(--secondary-color);
|
||||
@ -130,11 +136,11 @@
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.feature-block-two .inner-box:hover .icon-box{
|
||||
.feature-block-two .inner-box:hover .icon-box {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.feature-block-two .inner-box .icon-box:before{
|
||||
.feature-block-two .inner-box .icon-box:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: var(--theme-color);
|
||||
@ -144,15 +150,15 @@
|
||||
top: 0px;
|
||||
z-index: -1;
|
||||
border-radius: 50%;
|
||||
transform: scale(0,0);
|
||||
transform: scale(0, 0);
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.feature-block-two .inner-box:hover .icon-box:before{
|
||||
/* .feature-block-two .inner-box:hover .icon-box:before{
|
||||
transform: scale(1,1);
|
||||
}
|
||||
} */
|
||||
|
||||
.feature-block-two .inner-box h3{
|
||||
.feature-block-two .inner-box h3 {
|
||||
display: block;
|
||||
font-size: 26px;
|
||||
line-height: 36px;
|
||||
@ -160,12 +166,12 @@
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.feature-block-two .inner-box h3 a{
|
||||
.feature-block-two .inner-box h3 a {
|
||||
display: inline-block;
|
||||
color: var(--title-color);
|
||||
}
|
||||
|
||||
.feature-block-two .inner-box h3 a:hover{
|
||||
.feature-block-two .inner-box h3 a:hover {
|
||||
color: var(--theme-color);
|
||||
}
|
||||
|
||||
@ -182,97 +188,91 @@
|
||||
/** RESPONSIVE-CSS **/
|
||||
|
||||
|
||||
@media only screen and (max-width: 1200px){
|
||||
|
||||
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.feature-block-two .inner-box h3 a {
|
||||
font-size: 25px;
|
||||
display: inline-block;
|
||||
color: var(--title-color);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 991px){
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px){
|
||||
|
||||
.feature-section{
|
||||
.feature-section {
|
||||
padding: 70px 0px 40px 0px;
|
||||
}
|
||||
|
||||
.feature-section .shape{
|
||||
.feature-section .shape {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 599px){
|
||||
@media only screen and (max-width: 599px) {}
|
||||
|
||||
@media only screen and (max-width: 499px) {
|
||||
.feature-block-one .inner-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
background: #fff;
|
||||
box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 20px;
|
||||
overflow: hidden;
|
||||
padding: 15px;
|
||||
z-index: 1;
|
||||
margin-bottom: 20px;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.feature-block-one .inner-box h3 {
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 499px){
|
||||
.feature-block-one .inner-box{
|
||||
position: relative;
|
||||
|
||||
|
||||
|
||||
/* show/hide helpers */
|
||||
.desktop-only {
|
||||
display: block;
|
||||
background: #fff;
|
||||
box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 20px;
|
||||
overflow: hidden;
|
||||
padding: 15px;
|
||||
z-index: 1;
|
||||
margin-bottom: 20px;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.feature-block-one .inner-box h3{
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 10px;
|
||||
.mobile-only {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 426px) {
|
||||
.desktop-only {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.mobile-only {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.feature-block-two .inner-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 20px 20px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.feature-section.mobile-only .row.clearfix {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.feature-section.mobile-only .feature-block {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
@ -1,11 +1,10 @@
|
||||
|
||||
/** funfact-section **/
|
||||
|
||||
.funfact-section{
|
||||
.funfact-section {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.funfact-block-one .inner-box{
|
||||
.funfact-block-one .inner-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
background: #fff;
|
||||
@ -14,7 +13,19 @@
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.funfact-block-one .inner-box .count-outer{
|
||||
@media (max-width: 1024px) {
|
||||
.funfact-block-one .inner-box {
|
||||
padding: 38px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 425px) {
|
||||
.funfact-block-one .inner-box {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.funfact-block-one .inner-box .count-outer {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 50px;
|
||||
@ -24,12 +35,12 @@
|
||||
color: #bc0000;
|
||||
}
|
||||
|
||||
.funfact-block-one .inner-box .count-outer .symble{
|
||||
.funfact-block-one .inner-box .count-outer .symble {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
|
||||
.funfact-block-one .inner-box .text{
|
||||
.funfact-block-one .inner-box .text {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
@ -42,13 +53,26 @@
|
||||
padding: 12px 15px;
|
||||
}
|
||||
|
||||
.funfact-section .inner-container{
|
||||
.funfact-block-one .inner-box .text-new{
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
line-height: 26px;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
background: #bc0000;
|
||||
border-radius: 8px;
|
||||
padding: 12px 15px;
|
||||
}
|
||||
|
||||
.funfact-section .inner-container {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-top: -105px;
|
||||
}
|
||||
|
||||
.funfact-section .bg-layer{
|
||||
.funfact-section .bg-layer {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
@ -72,75 +96,18 @@
|
||||
/** RESPONSIVE-CSS **/
|
||||
|
||||
|
||||
@media only screen and (max-width: 1200px){
|
||||
@media only screen and (max-width: 1200px) {}
|
||||
|
||||
@media only screen and (max-width: 991px) {
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 991px){
|
||||
|
||||
.funfact-block-one .inner-box{
|
||||
.funfact-block-one .inner-box {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px){
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 599px){
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 499px){
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 767px) {}
|
||||
|
||||
@media only screen and (max-width: 599px) {}
|
||||
|
||||
@media only screen and (max-width: 499px) {}
|
||||
@ -75,8 +75,8 @@
|
||||
margin: 0px 10px;
|
||||
font-size: 18px;
|
||||
line-height: 30px;
|
||||
color: #676767;
|
||||
border: 1px solid rgba(103, 103, 103, 0.3);
|
||||
color: #fff;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
padding: 9px 30px;
|
||||
@ -90,6 +90,12 @@
|
||||
border-color: var(--theme-color);
|
||||
}
|
||||
|
||||
.sortable-masonry .filter-tabs-new li.active{
|
||||
color: #fff;
|
||||
background: #fff;
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
.gallery-page-section .gallery-block-one .inner-box{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
@ -109,7 +109,7 @@
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
line-height: 26px;
|
||||
color: #676767;
|
||||
color: #000;
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@ -1,47 +1,129 @@
|
||||
|
||||
/** service-section **/
|
||||
|
||||
.service-section{
|
||||
.service-section {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box{
|
||||
.service-block-one .inner-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 30px;
|
||||
background: #fff;
|
||||
border-radius: 20px;
|
||||
transition: all 500ms ease;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box:hover{
|
||||
.service-block-one .inner-box:hover {
|
||||
box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .image-box{
|
||||
.service-block-one .inner-box .image-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .image-box .image{
|
||||
.service-block-one .inner-box .image-box .image {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
border-radius: 20px 20px 0px 0px;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .image-box .image img{
|
||||
.service-block-one .inner-box .image-box .image img {
|
||||
width: 100%;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box:hover .image-box .image img{
|
||||
.service-block-one .inner-box:hover .image-box .image img {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .image-box .icon-box{
|
||||
.service-block-one .inner-box .lower-content {
|
||||
position: relative;
|
||||
display: block;
|
||||
border: 1px solid rgba(0, 0, 0, 0.05);
|
||||
border-radius: 0px 0px 20px 20px;
|
||||
padding: 40px 40px 40px 105px;
|
||||
transition: all 500ms ease;
|
||||
overflow: visible;
|
||||
min-height: 285px;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box:hover .lower-content {
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .lower-content .icon-box {
|
||||
position: absolute;
|
||||
left: -10px;
|
||||
left: -13px;
|
||||
bottom: 40px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 100px;
|
||||
text-align: center;
|
||||
font-size: 60px;
|
||||
color: #fff;
|
||||
border-radius: 0px 10px 10px 0px;
|
||||
background: #102548;
|
||||
transition: all 500ms ease;
|
||||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box:hover .lower-content .icon-box {
|
||||
bottom: 183px;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .lower-content .icon-box:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: #102548;
|
||||
width: 12px;
|
||||
height: 14px;
|
||||
left: 0px;
|
||||
bottom: -14px;
|
||||
clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .lower-content h3 {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 26px;
|
||||
line-height: 36px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .lower-content h3 a {
|
||||
display: inline-block;
|
||||
color: var(--title-color);
|
||||
transition: color 300ms ease;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .lower-content h3 a:hover {
|
||||
color: var(--theme-color);
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .lower-content2 {
|
||||
position: relative;
|
||||
display: block;
|
||||
border: 1px solid rgba(0, 0, 0, 0.05);
|
||||
border-radius: 0px 0px 20px 20px;
|
||||
padding: 40px 30px 40px 30px;
|
||||
transition: all 500ms ease;
|
||||
overflow: visible;
|
||||
min-height: 285px;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box:hover .lower-content2 {
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .lower-content2 .icon-box {
|
||||
position: absolute;
|
||||
left: -13px;
|
||||
bottom: 40px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
@ -52,37 +134,27 @@
|
||||
border-radius: 0px 10px 10px 0px;
|
||||
background: var(--theme-color);
|
||||
transition: all 500ms ease;
|
||||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box:hover .image-box .icon-box{
|
||||
bottom: 130px;
|
||||
.service-block-one .inner-box:hover .lower-content2 .icon-box {
|
||||
bottom: 183px;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .image-box .icon-box:before{
|
||||
.service-block-one .inner-box .lower-content2 .icon-box:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: #bc0000;
|
||||
width: 10px;
|
||||
height: 12px;
|
||||
background: #bc0000;
|
||||
width: 12px;
|
||||
height: 14px;
|
||||
left: 0px;
|
||||
bottom: -12px;
|
||||
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 0%);
|
||||
bottom: -14px;
|
||||
clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .lower-content{
|
||||
position: relative;
|
||||
display: block;
|
||||
border: 1px solid rgba(0, 0, 0, 0.05);
|
||||
border-radius: 0px 0px 20px 20px;
|
||||
padding: 40px;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box:hover .lower-content{
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .lower-content h3{
|
||||
.service-block-one .inner-box .lower-content2 h3 {
|
||||
color: #bc0000;
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 26px;
|
||||
@ -91,12 +163,13 @@
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .lower-content h3 a{
|
||||
.service-block-one .inner-box .lower-content2 h3 a {
|
||||
display: inline-block;
|
||||
color: var(--title-color);
|
||||
transition: color 300ms ease;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .lower-content h3 a:hover{
|
||||
.service-block-one .inner-box .lower-content2 h3 a:hover {
|
||||
color: var(--theme-color);
|
||||
}
|
||||
|
||||
|
||||
@ -39,7 +39,7 @@
|
||||
.default-sidebar .category-widget .category-list li{
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 23px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.default-sidebar .category-widget .category-list li:last-child{
|
||||
@ -49,8 +49,8 @@
|
||||
.default-sidebar .category-widget .category-list li a{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 22px;
|
||||
line-height: 32px;
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
font-weight: 500;
|
||||
color: #101A30;
|
||||
padding-left: 35px;
|
||||
|
||||
@ -27,8 +27,8 @@
|
||||
.image_block_two .image-box{
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-bottom: 137px;
|
||||
padding-left: 140px;
|
||||
/* padding-bottom: 137px; */
|
||||
/* padding-left: 140px; */
|
||||
}
|
||||
|
||||
.image_block_two .image-box img{
|
||||
|
||||
@ -54,7 +54,7 @@
|
||||
border: 1px solid rgba(14, 17, 54, 0.05);
|
||||
border-radius: 30px;
|
||||
font-size: 16px;
|
||||
color: #676767;
|
||||
color: #000;
|
||||
padding: 10px 200px 10px 30px;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
@ -92,9 +92,15 @@
|
||||
padding: 15px 15px 0px 15px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) and (max-width: 1024px) {
|
||||
@media screen and (min-width: 500px) and (max-width: 1024px) {
|
||||
.team-block-one .inner-box .lower-content {
|
||||
min-height: 135px;
|
||||
min-height: 76px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 425px) {
|
||||
.team-block-one .inner-box .lower-content {
|
||||
min-height: 52px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
.testimonial-block-one .inner-box{
|
||||
position: relative;
|
||||
display: block;
|
||||
background: #fff;
|
||||
background: #ffffff45;
|
||||
box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 20px;
|
||||
padding: 50px;
|
||||
@ -53,6 +53,7 @@
|
||||
line-height: 34px;
|
||||
font-style: italic;
|
||||
margin-bottom: 30px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.testimonial-block-one .inner-box .author-box{
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
.video-section .bg-layer:before{
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: #bc0000;
|
||||
/* background: #bc0000; */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0px;
|
||||
@ -193,6 +193,7 @@ font-size: 18px;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
margin-bottom: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.video-section .inner-box h2 br{
|
||||
|
||||
@ -117,7 +117,7 @@
|
||||
--violet-color: #bc0000;
|
||||
--crimson-color: #DC143C;
|
||||
--orange-color: #FFA500;
|
||||
--text-color: #676767;
|
||||
--text-color: #000000;
|
||||
--title-color: #bc0000;
|
||||
}
|
||||
|
||||
@ -481,6 +481,11 @@
|
||||
background: var(--theme-color);
|
||||
}
|
||||
|
||||
.theme-btn.btn-one-new {
|
||||
background: #fff !important;
|
||||
color: #bc0000 !important;
|
||||
}
|
||||
|
||||
.theme-btn.btn-two {
|
||||
background: var(--secondary-color);
|
||||
}
|
||||
@ -490,6 +495,8 @@
|
||||
background: #bc0000;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.theme-btn:before,
|
||||
.theme-btn:after {
|
||||
content: "";
|
||||
@ -530,6 +537,7 @@
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding: 24px 48px 22px 48px;
|
||||
/* border: 1px solid #fff; */
|
||||
}
|
||||
|
||||
.theme-btn span:before {
|
||||
@ -782,6 +790,17 @@
|
||||
display: block;
|
||||
}
|
||||
|
||||
.sec-title-1 .sub-title-1 {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 24px;
|
||||
line-height: 34px;
|
||||
font-family: var(--soleil);
|
||||
color: #fff !important;
|
||||
letter-spacing: 0.8px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.sec-title .sub-title {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
@ -803,6 +822,23 @@
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.sec-title-1 h2 {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 50px;
|
||||
line-height: 65px;
|
||||
font-weight: 700;
|
||||
color: #fff !important;
|
||||
margin: 0px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.h3-white{
|
||||
|
||||
color: #fff !important;
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1024px) {
|
||||
|
||||
.sec-title h2 {
|
||||
@ -994,6 +1030,13 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 425px) {
|
||||
.header-top .social-links {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* .header-top .top-inner .social-links li a:hover {
|
||||
color: #fff;
|
||||
} */
|
||||
@ -1312,7 +1355,7 @@
|
||||
margin-top: 15px;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
background: #bc0000;
|
||||
/* background: #bc0000; */
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
|
||||
@ -1469,6 +1512,7 @@
|
||||
opacity: 1;
|
||||
margin-top: 0px;
|
||||
top: 100%;
|
||||
background-color: #102548;
|
||||
}
|
||||
|
||||
.main-menu .navigation li>ul>li.dropdown:hover>ul {
|
||||
@ -1507,7 +1551,7 @@
|
||||
font-size: 40px;
|
||||
line-height: 50px;
|
||||
cursor: pointer;
|
||||
background: var(--secondary-color);
|
||||
background: var(--theme-color);
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -1638,7 +1682,7 @@
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
overflow-y: auto;
|
||||
background: #bc0000;
|
||||
background-color: #102548;
|
||||
padding: 0px 0px;
|
||||
z-index: 5;
|
||||
opacity: 0;
|
||||
@ -1974,7 +2018,17 @@
|
||||
}
|
||||
|
||||
.bg-color-1 {
|
||||
background-color: #ffe6e6;
|
||||
background-color: #bc0000;
|
||||
}
|
||||
|
||||
.tex-color-1{
|
||||
|
||||
color: #ffffff !important;
|
||||
|
||||
}
|
||||
|
||||
.bg-color-2 {
|
||||
background-color: #102548;
|
||||
}
|
||||
|
||||
.list-style-one li {
|
||||
@ -2505,17 +2559,17 @@
|
||||
|
||||
}
|
||||
|
||||
.main-menu ul li.menu-item-has-children > a::after {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
margin-left: 6px;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-left: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
transform: rotate(-45deg);
|
||||
vertical-align: middle;
|
||||
}
|
||||
.main-menu ul li.menu-item-has-children>a::after {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
margin-left: 6px;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-left: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
transform: rotate(-45deg);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -2958,4 +3012,10 @@
|
||||
.read-more-btn:hover {
|
||||
color: #101A30;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 425px) {
|
||||
.image-1 {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
BIN
public/assets/images/about-us/section4/expert-team.webp
Normal file
BIN
public/assets/images/about-us/section4/expert-team.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
public/assets/images/about-us/section4/ready.webp
Normal file
BIN
public/assets/images/about-us/section4/ready.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
public/assets/images/about-us/section4/understand.webp
Normal file
BIN
public/assets/images/about-us/section4/understand.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
public/assets/images/about-us/section4/why-choose-right.webp
Normal file
BIN
public/assets/images/about-us/section4/why-choose-right.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.3 KiB After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.0 KiB After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.4 KiB After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 6.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.8 KiB After Width: | Height: | Size: 9.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.9 KiB After Width: | Height: | Size: 13 KiB |
BIN
public/assets/images/caregivers/1.webp
Normal file
BIN
public/assets/images/caregivers/1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
public/assets/images/caregivers/2.webp
Normal file
BIN
public/assets/images/caregivers/2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.1 KiB |
BIN
public/assets/images/caregivers/3.webp
Normal file
BIN
public/assets/images/caregivers/3.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/assets/images/caregivers/4.webp
Normal file
BIN
public/assets/images/caregivers/4.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
public/assets/images/caregivers/5.webp
Normal file
BIN
public/assets/images/caregivers/5.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
BIN
public/assets/images/caregivers/6.webp
Normal file
BIN
public/assets/images/caregivers/6.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/assets/images/caregivers/attentive.webp
Normal file
BIN
public/assets/images/caregivers/attentive.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
public/assets/images/caregivers/caregivers-banner.webp
Normal file
BIN
public/assets/images/caregivers/caregivers-banner.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
BIN
public/assets/images/caregivers/caring.webp
Normal file
BIN
public/assets/images/caregivers/caring.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
public/assets/images/caregivers/left.webp
Normal file
BIN
public/assets/images/caregivers/left.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
public/assets/images/caregivers/nanocare.webp
Normal file
BIN
public/assets/images/caregivers/nanocare.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
public/assets/images/caregivers/qualified.webp
Normal file
BIN
public/assets/images/caregivers/qualified.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
public/assets/images/caregivers/rapharehab-web-images.webp
Normal file
BIN
public/assets/images/caregivers/rapharehab-web-images.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
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