fix: hero slider add call us

This commit is contained in:
RizqiSyahrendra 2025-04-19 09:11:48 +07:00
parent 42793bffab
commit bf45a1f029

View File

@ -55,14 +55,23 @@ export default function HeroSlider({ onClickBook }: HeroSliderProps) {
<section className="section section-lg text-colorText2! bg-colorExt5/50 w-full h-full z-20">
<div className="container">
<div className="row">
<div className="col-12 col-lg-8 text-wrap space-y-4 md:space-y-8 lg:space-y-12">
<div className="text-4xl lg:text-8xl! font-playfairdisplay">{slide.title}</div>
<div className="text-lg lg:text-5xl! font-montserrat">{slide.description}</div>
<div className="context-dark lg:hidden">
<div className="col-12 col-lg-8 text-wrap space-y-5 md:space-y-8 lg:space-y-12">
<div className="text-4xl lg:text-8xl! font-playfairdisplay text-center! lg:text-left!">
{slide.title}
</div>
<div className="text-lg lg:text-5xl! font-montserrat text-center! lg:text-left!">
{slide.description}
</div>
<div className="context-dark flex flex-row justify-center lg:hidden">
<button onClick={onClickBook} className="button button-xs button-primary-outline">
BOOK APPOINTMENT
</button>
</div>
<div className="context-dark flex flex-row justify-center lg:hidden">
<a href="tel:(478) 225 9061" className="button button-xs button-primary-outline">
Call Us
</a>
</div>
</div>
</div>
</div>