Deploy
This commit is contained in:
@@ -0,0 +1,39 @@
|
||||
import Image from "next/image"
|
||||
import Link from "next/link"
|
||||
import Button from "@/components/ui/Button"
|
||||
|
||||
export default function PlanYourRoyalStayCTASection() {
|
||||
return (
|
||||
<section
|
||||
id="book-now"
|
||||
data-vula-section="plantoyourroyalstayctasection"
|
||||
className="relative flex items-center justify-center py-24 md:py-32 px-4 overflow-hidden"
|
||||
>
|
||||
<div className="absolute inset-0">
|
||||
<Image
|
||||
src="https://images.pexels.com/photos/9131039/pexels-photo-9131039.jpeg?auto=compress&cs=tinysrgb&w=1200&h=600&fit=crop"
|
||||
alt="Luxurious guest house room with warm lighting"
|
||||
fill
|
||||
sizes="(max-width: 768px) 100vw, 100vw"
|
||||
className="object-cover brightness-50"
|
||||
priority
|
||||
/>
|
||||
</div>
|
||||
<div className="relative z-10 max-w-2xl text-center text-white">
|
||||
<h2 className="text-4xl md:text-5xl font-bold mb-4">Reserve Your Royal Stay</h2>
|
||||
<p className="text-lg md:text-xl mb-8 opacity-90">
|
||||
Enjoy a private, air-conditioned haven just 1 km from the airport. Limited exclusive rooms available — book now for a truly regal experience.
|
||||
</p>
|
||||
<Link href="/booking">
|
||||
<Button
|
||||
variant="default"
|
||||
size="lg"
|
||||
className="bg-[#d4af37] hover:bg-[#b8962e] text-white px-8 py-4 text-lg font-semibold shadow-lg"
|
||||
>
|
||||
Reserve Your Royal Stay
|
||||
</Button>
|
||||
</Link>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user