feat: transparent glass hero button, gold text
Hero CTA button: transparent gold/15 background with backdrop blur, gold border, gold text. Frosted glass effect over video.
This commit is contained in:
@@ -178,9 +178,12 @@ export function Hero({ data: hero }: HeroProps) {
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div className="hero-cta mt-12">
|
<div className="hero-cta mt-12">
|
||||||
<Button size="lg" onClick={openBooking}>
|
<button
|
||||||
|
onClick={openBooking}
|
||||||
|
className="rounded-full border border-gold/60 bg-gold/15 px-8 py-4 text-lg font-semibold text-gold backdrop-blur-md transition-all duration-300 hover:bg-gold/25 hover:border-gold hover:shadow-[0_0_30px_rgba(201,169,110,0.3)] cursor-pointer"
|
||||||
|
>
|
||||||
{hero.ctaText}
|
{hero.ctaText}
|
||||||
</Button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
Reference in New Issue
Block a user