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

Review button updated

Browse Source
This commit is contained in:
akash 2025-09-25 22:59:58 +05:30
parent f29ed1f9f7
commit 465019f1a8
3 changed files with 186 additions and 99 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,5 @@
import TestimonialSlider1 from '@/components/slider/TestimonialSlider1' import TestimonialSlider1 from '@/components/slider/TestimonialSlider1'
import Link from "next/link";
export default function Testimonial() { export default function Testimonial() {
return ( return (
@ -21,6 +22,16 @@ export default function Testimonial() {
<li><i className="fas fa-star"></i></li> <li><i className="fas fa-star"></i></li>
<li><i className="fas fa-star-half-alt"></i></li> <li><i className="fas fa-star-half-alt"></i></li>
</ul> </ul>
<div className="btn-box mt-3 mb-5">
<Link
href="https://g.page/r/CYOR2OnruwHpEAE/review"
target="_blank"
rel="noopener noreferrer"
className="theme-btn btn-one-new-raw"
>
<span>Review us</span>
</Link>
</div>
<h2>What Our Clients Say About Rapha Rehab</h2> <h2>What Our Clients Say About Rapha Rehab</h2>
</div> </div>

242
components/slider/TestimonialSlider1.js
View File

@ -4,64 +4,64 @@ import { Autoplay, Navigation, Pagination } from "swiper/modules"
import { Swiper, SwiperSlide } from "swiper/react" import { Swiper, SwiperSlide } from "swiper/react"
const swiperOptions = { const swiperOptions = {
modules: [Autoplay, Pagination, Navigation], modules: [Autoplay, Pagination, Navigation],
slidesPerView: 1, slidesPerView: 1,
spaceBetween: 30, spaceBetween: 30,
autoplay: { autoplay: {
delay:2500, delay: 2500,
disableOnInteraction: false, disableOnInteraction: false,
}, },
loop: true, loop: true,
// Navigation // Navigation
navigation: { navigation: {
nextEl: '.h1n', nextEl: '.h1n',
prevEl: '.h1p', prevEl: '.h1p',
}, },
// Pagination // Pagination
pagination: { pagination: {
el: '.swiper-pagination', el: '.swiper-pagination',
clickable: true, clickable: true,
}, },
breakpoints: { breakpoints: {
320: { 320: {
slidesPerView: 1, slidesPerView: 1,
// spaceBetween: 30, // spaceBetween: 30,
}, },
575: { 575: {
slidesPerView: 1, slidesPerView: 1,
// spaceBetween: 30, // spaceBetween: 30,
}, },
767: { 767: {
slidesPerView: 1, slidesPerView: 1,
// spaceBetween: 30, // spaceBetween: 30,
}, },
991: { 991: {
slidesPerView: 1, slidesPerView: 1,
// spaceBetween: 30, // spaceBetween: 30,
}, },
1199: { 1199: {
slidesPerView: 1, slidesPerView: 1,
// spaceBetween: 30, // spaceBetween: 30,
}, },
1350: { 1350: {
slidesPerView: 1, slidesPerView: 1,
// spaceBetween: 30, // spaceBetween: 30,
}, },
} }
} }
export default function TestimonialSlider1() { export default function TestimonialSlider1() {
return ( return (
<> <>
<Swiper {...swiperOptions} className="single-item-carousel owl-carousel owl-theme owl-dots-none owl-nav-none"> <Swiper {...swiperOptions} className="single-item-carousel owl-carousel owl-theme owl-dots-none owl-nav-none">
<SwiperSlide className="slide-item"> <SwiperSlide className="slide-item">
<div className="testimonial-block-one"> <div className="testimonial-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><i className="icon-23"></i></div> <div className="icon-box"><i className="icon-23"></i></div>
<p>“Rapha Rehab provided exceptional care and support throughout my physiotherapy sessions. The team’s professionalism and personalized approach helped me recover faster than I expected.”</p> <p>“Rapha Rehab provided exceptional care and support throughout my physiotherapy sessions. The team’s professionalism and personalized approach helped me recover faster than I expected.”</p>
{/* <div className="author-box"> {/* <div className="author-box">
<figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure> <figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
<ul className="rating clearfix"> <ul className="rating clearfix">
<li><i className="fas fa-star"></i></li> <li><i className="fas fa-star"></i></li>
@ -73,15 +73,15 @@ export default function TestimonialSlider1() {
<h3>Robert Fox</h3> <h3>Robert Fox</h3>
<span className="designation">Dog Trainer</span> <span className="designation">Dog Trainer</span>
</div> */} </div> */}
</div> </div>
</div> </div>
</SwiperSlide> </SwiperSlide>
<SwiperSlide className="slide-item"> <SwiperSlide className="slide-item">
<div className="testimonial-block-one"> <div className="testimonial-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><i className="icon-23"></i></div> <div className="icon-box"><i className="icon-23"></i></div>
<p>“The hand massage therapy at Rapha Rehab was incredibly effective in relieving my pain and tension. The therapists are skilled and truly caring.”</p> <p>“The hand massage therapy at Rapha Rehab was incredibly effective in relieving my pain and tension. The therapists are skilled and truly caring.”</p>
{/* <div className="author-box"> {/* <div className="author-box">
<figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure> <figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
<ul className="rating clearfix"> <ul className="rating clearfix">
<li><i className="fas fa-star"></i></li> <li><i className="fas fa-star"></i></li>
@ -93,15 +93,15 @@ export default function TestimonialSlider1() {
<h3>Robert Fox</h3> <h3>Robert Fox</h3>
<span className="designation">Dog Trainer</span> <span className="designation">Dog Trainer</span>
</div> */} </div> */}
</div> </div>
</div> </div>
</SwiperSlide> </SwiperSlide>
<SwiperSlide className="slide-item"> <SwiperSlide className="slide-item">
<div className="testimonial-block-one"> <div className="testimonial-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><i className="icon-23"></i></div> <div className="icon-box"><i className="icon-23"></i></div>
<p>“I highly recommend Rapha Rehab for anyone looking for top-quality physio services in Mississauga. The modern equipment and expert staff make a real difference.”</p> <p>“I highly recommend Rapha Rehab for anyone looking for top-quality physio services in Mississauga. The modern equipment and expert staff make a real difference.”</p>
{/* <div className="author-box"> {/* <div className="author-box">
<figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure> <figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
<ul className="rating clearfix"> <ul className="rating clearfix">
<li><i className="fas fa-star"></i></li> <li><i className="fas fa-star"></i></li>
@ -113,15 +113,15 @@ export default function TestimonialSlider1() {
<h3>Robert Fox</h3> <h3>Robert Fox</h3>
<span className="designation">Dog Trainer</span> <span className="designation">Dog Trainer</span>
</div> */} </div> */}
</div> </div>
</div> </div>
</SwiperSlide> </SwiperSlide>
<SwiperSlide className="slide-item"> <SwiperSlide className="slide-item">
<div className="testimonial-block-one"> <div className="testimonial-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><i className="icon-23"></i></div> <div className="icon-box"><i className="icon-23"></i></div>
<p>“Excellent waterfront physio and rehab services. The calming environment combined with expert care made my rehabilitation a comfortable and successful experience.”</p> <p>“Excellent waterfront physio and rehab services. The calming environment combined with expert care made my rehabilitation a comfortable and successful experience.”</p>
{/* <div className="author-box"> {/* <div className="author-box">
<figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure> <figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
<ul className="rating clearfix"> <ul className="rating clearfix">
<li><i className="fas fa-star"></i></li> <li><i className="fas fa-star"></i></li>
@ -133,11 +133,79 @@ export default function TestimonialSlider1() {
<h3>Robert Fox</h3> <h3>Robert Fox</h3>
<span className="designation">Dog Trainer</span> <span className="designation">Dog Trainer</span>
</div> */} </div> */}
</div> </div>
</div> </div>
</SwiperSlide> </SwiperSlide>
</Swiper>
</> <SwiperSlide className="slide-item">
) <div className="testimonial-block-one">
<div className="inner-box">
<div className="icon-box"><i className="icon-23"></i></div>
<p>“This physiotherapy clinic has an excellent rate. I would give them even more than 5 stars if I could. I had neck and back injuries, and I can already see the improvement. Dhanya is patient and explains everything to me in detail. She also pays close attention to details and genuinely cares about her clients. I highly recommend them.”</p>
{/* <div className="author-box">
<figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
<ul className="rating clearfix">
<li><i className="fas fa-star"></i></li>
<li><i className="fas fa-star"></i></li>
<li><i className="fas fa-star"></i></li>
<li><i className="fas fa-star"></i></li>
<li><i className="far fa-star"></i></li>
</ul>
<h3>Robert Fox</h3>
<span className="designation">Dog Trainer</span>
</div> */}
</div>
</div>
</SwiperSlide>
<SwiperSlide className="slide-item">
<div className="testimonial-block-one">
<div className="inner-box">
<div className="icon-box"><i className="icon-23"></i></div>
<p>“After a severe sciatica flare up, physiotherapist Dhanya Prashant was able to get me fully recovered within a few sessions! This was the fastest recovery time I had ever experienced, and I am incredibly grateful for the diligent and thorough follow up and long term management plan she put together for me. I highly recommend this clinic, the end to end experience was incredibly positive.”</p>
{/* <div className="author-box">
<figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
<ul className="rating clearfix">
<li><i className="fas fa-star"></i></li>
<li><i className="fas fa-star"></i></li>
<li><i className="fas fa-star"></i></li>
<li><i className="fas fa-star"></i></li>
<li><i className="far fa-star"></i></li>
</ul>
<h3>Robert Fox</h3>
<span className="designation">Dog Trainer</span>
</div> */}
</div>
</div>
</SwiperSlide>
<SwiperSlide className="slide-item">
<div className="testimonial-block-one">
<div className="inner-box">
<div className="icon-box"><i className="icon-23"></i></div>
<p>“I rate this physiotherapy as excellent. I have shoulder injury and I was suffering. I came to this office and from day one i saw improvement.
Dhanya Prashant is my physiotherapist. She is patient and explains everything to me in details and gets me involved in the treatment. She also pays attention to details and cares about clients. 5 star place in my opinion”</p>
{/* <div className="author-box">
<figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
<ul className="rating clearfix">
<li><i className="fas fa-star"></i></li>
<li><i className="fas fa-star"></i></li>
<li><i className="fas fa-star"></i></li>
<li><i className="fas fa-star"></i></li>
<li><i className="far fa-star"></i></li>
</ul>
<h3>Robert Fox</h3>
<span className="designation">Dog Trainer</span>
</div> */}
</div>
</div>
</SwiperSlide>
</Swiper>
</>
)
} }

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

@ -492,6 +492,11 @@
color: #bc0000 !important; color: #bc0000 !important;
} }
.theme-btn.btn-one-new-raw {
background: #fff !important;
color: #bc0000 !important;
}
.theme-btn.btn-two { .theme-btn.btn-two {
background: var(--secondary-color); background: var(--secondary-color);
} }
@ -1173,8 +1178,9 @@
} }
.rating li i { .rating li i {
color: #FFDF00; /* gold/yellow */ color: #FFDF00;
} /* gold/yellow */
}
@ -3741,18 +3747,20 @@
} }
} }
@media(max-width:1000px) { @media(max-width:1000px) {
.main-menu .navigation>li { .main-menu .navigation>li {
margin: 0px 10px !important; margin: 0px 10px !important;
} }
} }
.color-white{
color: #fff !important;
}
.pagination-wrapper .pagination li a img {
transition: filter 0.3s ease;
}
.pagination-wrapper .pagination li a:hover img { .color-white {
filter: brightness(0) invert(1); color: #fff !important;
} }
.pagination-wrapper .pagination li a img {
transition: filter 0.3s ease;
}
.pagination-wrapper .pagination li a:hover img {
filter: brightness(0) invert(1);
}