MetatroncubeSoftwareSolutions/rapharehap
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bg COrrection updated

Browse Source
This commit is contained in:
akash 2025-09-03 15:45:57 +05:30
parent 2c263a574d
commit 1bfd399739
12 changed files with 381 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
app/about-us/page.js
View File

@ -94,15 +94,15 @@ export default function Home() {
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
<div className="content_block_one">
<div className="content-box">
<div className="sec-title mb_15">
<span className="sub-title">About Us</span>
<div className="sec-title-1 mb_15">
<span className="sub-title-1">About Us</span>
<h2>Comprehensive Physiotherapy & Rehabilitation Clinic in Etobicoke</h2>
</div>
<div className="text-box mb_40">
<p>Welcome to Rapha Rehab Physiotherapy Massage Therapy Clinic Etobicoke – physiotherapy clinic in etobicoke managed by Registered Physiotherapists offering reliable physiotherapy treatment Services, Sports injury physiotherapy, Pelvic floor physiotherapy, Chiropractor, Massage therapy , Acupuncture treatment, Foot Reflexology, Osteopathy, custom knee braces, orthotics, spinal decompression therapy, concussion management, chronic pain management, workplace injury management, Naturopathy and home care physiotherapy Services in Etobicoke</p>
<p className="tex-color-1">Welcome to Rapha Rehab Physiotherapy Massage Therapy Clinic Etobicoke – physiotherapy clinic in etobicoke managed by Registered Physiotherapists offering reliable physiotherapy treatment Services, Sports injury physiotherapy, Pelvic floor physiotherapy, Chiropractor, Massage therapy , Acupuncture treatment, Foot Reflexology, Osteopathy, custom knee braces, orthotics, spinal decompression therapy, concussion management, chronic pain management, workplace injury management, Naturopathy and home care physiotherapy Services in Etobicoke</p>
</div>
<div className="btn-box">
<Link href="/contact" className="theme-btn btn-one"><span>Book Appointment</span></Link>
<Link href="/contact" className="theme-btn btn-one-new"><span>Book Appointment</span></Link>
</div>
</div>
</div>
@ -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>
@ -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={10000} /><span>+</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>

6
app/caregivers/page.js
View File

@ -80,15 +80,15 @@ export default function Home() {
<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>
</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>

6
app/covid-19-updates/page.js
View File

@ -44,7 +44,7 @@ export default function Home() {
<div className="row clearfix">
<div className="content-box">
{/* Top Intro */}
<div className="sec-title mb_50 text-center">
<div className="sec-title-1 mb_50 text-center">
<h2 className="mb-3">COVID 19 UPDATES</h2>
<p>
The COVID 19 pandemic has created increased stress and anxiety levels for many people.
@ -67,7 +67,7 @@ export default function Home() {
<div className="icon-box mb-3 mb-lg-0">
<img src="/assets/images/covid/virtual.webp" alt="Virtual Therapy" />
</div>
<h3>VIRTUAL THERAPY</h3>
<h3 className="h3-white">VIRTUAL THERAPY</h3>
<p className="mb-5">
As an alternative to receiving direct in-clinic therapy, we continue to offer all
clients the option to receive tele-rehabilitation or virtual therapy services to
@ -93,7 +93,7 @@ export default function Home() {
</div>
<div>
<h3>HOME THERAPY</h3>
<h3 className="h3-white">HOME THERAPY</h3>
<p>
The convenience of having a physiotherapist come to your home eliminates barriers
faced by those who can’t drive. This improved access to therapy makes it easier for

39
app/layout.js
View File

@ -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>
);
}

34
app/shortcodes/page.js
View File

@ -208,8 +208,8 @@ export default function Home() {
<div className="icon-box mb-3 mb-lg-0">
<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
@ -233,8 +233,8 @@ export default function Home() {
<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.
@ -260,8 +260,8 @@ export default function Home() {
<div className="icon-box mb-3 mb-lg-0">
<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
@ -285,8 +285,8 @@ export default function Home() {
<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.
@ -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>
@ -432,7 +432,7 @@ export default function Home() {
<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 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>
@ -556,7 +556,7 @@ export default function Home() {
<section className="gallery-section pt_120 pb_120 bg-color-1">
<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*/}

222
components/AutoPopup.js Normal file
View 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
View 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: "#bc0000",
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;

2
components/elements/Shortcodes.js
View File

@ -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>

8
components/sections/home/AreaOfInjury.js
View File

@ -25,9 +25,9 @@ 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" }}>
<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! Visit our healthcare team in Etobicoke.
</h3>
</div>
@ -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>

4
components/sections/home1/Testimonial.js
View File

@ -11,8 +11,8 @@ export default function Testimonial() {
<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">

10
public/assets/css/module-css/gallery.css
View File

@ -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: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.3);
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;
}

41
public/assets/css/style.css
View File

@ -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: "";
@ -782,6 +789,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 +821,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 {
@ -1985,6 +2020,12 @@
background-color: #ffe6e6;
}
.tex-color-1{
color: #ffffff !important;
}
.list-style-one li {
position: relative;
display: block;