banner button and area of injury section animation updated
This commit is contained in:
parent
5f8a7c7c97
commit
aa12c283c2
@ -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">
|
||||||
|
|||||||
@ -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"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user