From 2c869b1fe7503629ef2675f31b83e6e7ab1974ef Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Tue, 2 Jun 2026 16:16:38 +0000
Subject: [PATCH 1/2] Bob AI: Added a prominent booking CTA section after
 rates.

---
 src/pages/HomePage.tsx                     |  4 +++-
 src/pages/HomePage/sections/BookingCta.tsx | 28 ++++++++++++++++++++++
 2 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/HomePage/sections/BookingCta.tsx

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 298e593..5c8babc 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -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 />
diff --git a/src/pages/HomePage/sections/BookingCta.tsx b/src/pages/HomePage/sections/BookingCta.tsx
new file mode 100644
index 0000000..7d3c71c
--- /dev/null
+++ b/src/pages/HomePage/sections/BookingCta.tsx
@@ -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>
+  );
+}

From 3698c6d18650af7efaf001f7ba0e9dd7eae42765 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Tue, 2 Jun 2026 16:17:20 +0000
Subject: [PATCH 2/2] Bob AI: fix build errors (attempt 1)

---
 src/pages/HomePage/sections/BookingCta.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/pages/HomePage/sections/BookingCta.tsx b/src/pages/HomePage/sections/BookingCta.tsx
index 7d3c71c..d269236 100644
--- a/src/pages/HomePage/sections/BookingCta.tsx
+++ b/src/pages/HomePage/sections/BookingCta.tsx
@@ -1,20 +1,20 @@
 // 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';
+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 data-webild-section="booking-cta" className="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" />
+          <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">
+          <p className="text-lg text-muted-foreground max-w-content-width 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">
@@ -25,4 +25,4 @@ export default function BookingCtaSection(): React.JSX.Element {
       </div>
     </div>
   );
-}
+}
\ No newline at end of file