bender/574a3b0a-41a8-4e46-b5d4-e7f70ef84668
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3_1780494163704 into main #3

Merged
bender merged 1 commits from version_3_1780494163704 into main 2026-06-03 13:44:06 +00:00
Conversation 0 Commits 1 Files Changed 1 +21 -19
1 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/pages/HomePage/sections/Hero.tsx
View File

@@ -10,26 +10,28 @@ import ImageOrVideo from '@/components/ui/ImageOrVideo';
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-webild-section="hero" className="relative w-full min-h-[80vh] flex items-center justify-center overflow-hidden">
<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="absolute inset-0 z-0">
<ImageOrVideo
imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929575.jpg"
className="w-full h-full object-cover"
/>
<div className="absolute inset-0 bg-black/50" />
</div>
<div className="relative z-10 container mx-auto px-4 text-center flex flex-col items-center gap-6 py-24">
<Tag text="Welcome to Luxury" className="bg-background/20 text-white border-white/30 backdrop-blur-md" />
<h1 className="text-5xl md:text-7xl font-bold text-white max-w-4xl">
Experience Unparalleled Comfort & Elegance
</h1>
<p className="text-lg md:text-xl text-white/90 max-w-2xl">
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 bg-white/10 text-white border-white/30 hover:bg-white/20" />
<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-4xl">
<Tag text="Welcome to Luxury" />
<h1 className="text-5xl md:text-7xl font-bold text-foreground">
Experience Unparalleled Comfort & Elegance
</h1>
<p className="text-lg md:text-xl text-muted-foreground max-w-2xl">
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>
</div>
<div className="w-full rounded-3xl overflow-hidden shadow-2xl border border-border">
<ImageOrVideo
imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929575.jpg"
className="w-full h-[60vh] object-cover"
/>
</div>
</div>
</SectionErrorBoundary>