bender/dbac0c18-9cab-4feb-ab95-df27cee0cacd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Added a prominent booking CTA section after rates.

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-06-02 16:16:38 +00:00
parent 142e7f113c
commit 2c869b1fe7
2 changed files with 31 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/HomePage.tsx
View File

@@ -17,7 +17,8 @@ import ContactSection from './HomePage/sections/Contact';
{/* webild-stub @2026-06-02T16:12:07.363Z: I want a premium blue color theme */}
import BookingCtaSection from './HomePage/sections/BookingCta';{/* webild-stub @2026-06-02T16:12:07.363Z: I want a premium blue color theme */}
{/* webild-stub @2026-06-02T16:01:32.987Z: change the about section's image to rotate every 5 seconds and add a progress bar at the bottom of the image */}
@@ -33,6 +34,7 @@ export default function HomePage(): React.JSX.Element {
<RoomsSection />
<AmenitiesSection />
<RatesSection />
<BookingCtaSection />
<ReviewsSection />
<PartnersSection />
<FaqSection />

28
src/pages/HomePage/sections/BookingCta.tsx Normal file
View File

@@ -0,0 +1,28 @@
// Created by create_section tool.
import React from 'react';
import { ScrollReveal } from '@/components/ui/ScrollReveal';
import { Tag } from '@/components/ui/Tag';
import { Button } from '@/components/ui/Button';
export default function BookingCtaSection(): React.JSX.Element {
return (
<div data-webild-section="booking-cta" className="py-24 bg-card">
<div className="container mx-auto px-4 text-center">
<ScrollReveal variant="slide-up">
<Tag text="Ready to Relax?" className="mb-6 mx-auto" />
<h2 className="text-4xl md:text-5xl font-bold text-foreground mb-6">
Book Your Stay Today
</h2>
<p className="text-lg text-muted-foreground mb-10 max-w-2xl mx-auto">
Experience unrivaled luxury and impeccable service. Check our availability and secure your perfect getaway now.
</p>
<div className="flex flex-col sm:flex-row items-center justify-center gap-4">
<Button text="Check Availability" variant="primary" />
<Button text="View Special Offers" variant="secondary" />
</div>
</ScrollReveal>
</div>
</div>
);
}