Merge version_10_1780495208394 into main #10
@@ -42,18 +42,18 @@ export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-webild-section="hero" className="w-full pt-32 pb-16 px-4 md:px-8 bg-background">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div className="container mx-auto max-w-6xl flex flex-col items-center text-center gap-12">
|
||||
<div className="flex flex-col items-center gap-6 max-w-3xl">
|
||||
<div className="container mx-auto max-w-6xl flex flex-col items-center text-center">
|
||||
<div className="flex flex-col items-center text-center gap-4 mb-16 max-w-3xl mx-auto">
|
||||
<Tag text="Welcome to Luxury" />
|
||||
<h1 className="text-4xl md:text-5xl font-bold text-foreground">
|
||||
<h1 className="text-3xl md:text-4xl font-bold text-foreground">
|
||||
Experience Unparalleled Comfort & Elegance
|
||||
</h1>
|
||||
<p className="text-lg md:text-xl text-muted-foreground max-w-2xl">
|
||||
<p className="text-lg text-muted-foreground">
|
||||
Discover a world where impeccable service meets sophisticated design. Your unforgettable journey begins here.
|
||||
</p>
|
||||
<div className="flex flex-wrap items-center justify-center gap-4 mt-4">
|
||||
<Button text="Book Your Stay" variant="primary" href="#contact" className="text-lg px-8 py-6" />
|
||||
<Button text="Explore Rooms" variant="secondary" href="#accommodation" className="text-lg px-8 py-6" />
|
||||
<div className="flex flex-wrap items-center justify-center gap-4">
|
||||
<Button text="Book Your Stay" variant="primary" href="#contact" />
|
||||
<Button text="Explore Rooms" variant="secondary" href="#accommodation" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user