Vula Builder
36 lines
1.6 KiB
TypeScript
36 lines
1.6 KiB
TypeScript
import Image from 'next/image'
|
|
import Link from 'next/link'
|
|
import Button from '@/components/ui/Button'
|
|
|
|
export default function WarmRegalWelcomeHeroSection() {
|
|
return (
|
|
<section data-vula-section="warmregalwelcomehero" id="hero" className="relative h-[80vh] lg:h-[90vh] overflow-hidden">
|
|
<Image
|
|
src="https://images.pexels.com/photos/25690979/pexels-photo-25690979.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
|
|
alt="KwaNtofontofo guest house exterior with swimming pool and nature reserve view"
|
|
fill
|
|
sizes="100vw"
|
|
className="object-cover"
|
|
priority
|
|
/>
|
|
<div className="absolute inset-0 bg-black/50" />
|
|
<div className="absolute inset-0 flex items-center">
|
|
<div className="container mx-auto px-4 text-center">
|
|
<h1 className="text-4xl md:text-6xl font-bold text-white mb-4">
|
|
Welcome to <span className="text-[#d4af37]">KwaNtofontofo</span>
|
|
</h1>
|
|
<p className="text-lg md:text-xl text-white/90 max-w-2xl mx-auto mb-8">
|
|
Experience complete privacy and regal comfort just 1 km from Pietermaritzburg Airport.
|
|
Across the street, zebras graze and monkeys play in the nature reserve.
|
|
This is your home away from home — where you are treated like royalty.
|
|
</p>
|
|
<Link href="/booking">
|
|
<Button variant="default" size="lg" className="bg-[#d4af37] hover:bg-[#b8962f] text-white px-8 py-3 rounded-lg font-semibold">
|
|
Book Your Royal Stay
|
|
</Button>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
)
|
|
} |