Deploy
This commit is contained in:
@@ -0,0 +1,21 @@
|
|||||||
|
'use client'
|
||||||
|
|
||||||
|
import Button from "@/components/ui/Button"
|
||||||
|
|
||||||
|
export default function BookingCTASection() {
|
||||||
|
return (
|
||||||
|
<section data-vula-section="bookingcta" id="book-now" className="bg-[#C0392B] py-20 px-6">
|
||||||
|
<div className="max-w-4xl mx-auto text-center">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold text-white mb-4">
|
||||||
|
Ready to experience KwaNtofontofo?
|
||||||
|
</h2>
|
||||||
|
<p className="text-lg text-white/90 mb-8 max-w-2xl mx-auto">
|
||||||
|
1 km from Pietermaritzburg Airport, en-suite luxury, wildlife at your doorstep.
|
||||||
|
</p>
|
||||||
|
<Button variant="default" size="lg" className="bg-[#F1C40F] text-black hover:bg-yellow-400 font-semibold px-8 py-4 text-lg">
|
||||||
|
<a href="/booking">Book Your Stay</a>
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
)
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user