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

Bob AI: Adjust hero section text box to match accommodation section

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-06-03 14:01:22 +00:00
parent da7de495ba
commit 7c37b18ffd
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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>