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

banner button and area of injury section animation updated

Browse Source
This commit is contained in:
Alaguraj0361 2025-09-30 18:07:50 +05:30
parent 5f8a7c7c97
commit aa12c283c2
2 changed files with 156 additions and 153 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -35,7 +35,9 @@ export default function AreaOfInjury() {
<div className="row clearfix"> <div className="row clearfix">
{areaOfInjuryData.slice(0, 8).map((area, index) => ( {areaOfInjuryData.slice(0, 8).map((area, index) => (
<div key={index} className="col-lg-3 col-md-6 col-6 team-block d-flex"> <div key={index} className="col-lg-3 col-md-6 col-6 team-block d-flex">
<div className="team-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay={`${index * 200}ms`} data-wow-duration="1500ms"> <div className="team-block-one wow fadeInUp animated d-flex flex-column flex-grow-1"
// data-wow-delay={`${index * 50}ms`} data-wow-duration="500ms"
>
<div className="inner-box d-flex flex-column flex-grow-1"> <div className="inner-box d-flex flex-column flex-grow-1">
<div className="image-box"> <div className="image-box">
<figure className="image"> <figure className="image">

17
components/sections/home2/Banner.js
View File

@ -78,7 +78,7 @@ const revealVariants = {
opacity: 1, opacity: 1,
originX: 0, originX: 0,
transition: { transition: {
duration: 0.8, duration: 0.6,
ease: "easeInOut" ease: "easeInOut"
} }
}, },
@ -115,7 +115,7 @@ export default function Banner() {
className="banner-carousel owl-theme owl-carousel owl-nav-none owl-dots-none" className="banner-carousel owl-theme owl-carousel owl-nav-none owl-dots-none"
onSwiper={(swiper) => setActiveIndex(swiper.realIndex || 0)} onSwiper={(swiper) => setActiveIndex(swiper.realIndex || 0)}
onSlideChange={handleSlideChange} onSlideChange={handleSlideChange}
> >
<SwiperSlide> <SwiperSlide>
<AnimatePresence mode="wait"> <AnimatePresence mode="wait">
@ -127,7 +127,7 @@ export default function Banner() {
<div className="bg-layer" <div className="bg-layer"
style={{ backgroundImage: 'url(/assets/images/banner/desktopBanner/banner-4.png)' }}> style={{ backgroundImage: 'url(/assets/images/banner/desktopBanner/banner-4.png)' }}>
</div> </div>
<div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end",justifyContent: "start", textAlign: "start" }}> <div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end", justifyContent: "start", textAlign: "start" }}>
<div className="content-box custom-content-box"> <div className="content-box custom-content-box">
<span className="upper-text mb-2">Begin your</span> <span className="upper-text mb-2">Begin your</span>
<h2 style={{ color: "#bc0000" }}>Recovery</h2> <h2 style={{ color: "#bc0000" }}>Recovery</h2>
@ -190,9 +190,10 @@ export default function Banner() {
<h2 style={{ color: "#bc0000" }}> Heal </h2> <h2 style={{ color: "#bc0000" }}> Heal </h2>
<p className=' text-white'>• Pain Relief • mobility • Wellness </p> <p className=' text-white'>• Pain Relief • mobility • Wellness </p>
<div className="btn-box mt-3"> <div className="btn-box mt-3">
<Link href="/etobicoke-treatment-service" className="theme-btn btn-one"> <Link href="/contact" className="theme-btn btn-one">
<span>Explore Our Service</span> <span>Schedule a Massage</span>
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
@ -218,8 +219,8 @@ export default function Banner() {
<h2 style={{ color: "#bc0000" }}>Performance</h2> <h2 style={{ color: "#bc0000" }}>Performance</h2>
<p className=' text-white'>• Pain Relief • Active Care • Long-Term Result</p> <p className=' text-white'>• Pain Relief • Active Care • Long-Term Result</p>
<div className="btn-box mt-3"> <div className="btn-box mt-3">
<Link href="/contact" className="theme-btn btn-one"> <Link href="/etobicoke-treatment-service" className="theme-btn btn-one">
<span>Schedule a Massage</span> <span>Explore Our Service</span>
</Link> </Link>
</div> </div>
</div> </div>
@ -229,7 +230,7 @@ export default function Banner() {
</AnimatePresence> </AnimatePresence>
</SwiperSlide> </SwiperSlide>
</Swiper> </Swiper>
</section> </section>
); );