From fe0f748b2f02edc20da8924f0d6cf27eddb8ce3f Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Wed, 3 Jun 2026 15:18:53 +0000
Subject: [PATCH] Bob AI: Add booking buttons to Accommodation and Experiences
 section

---
 src/pages/HomePage/sections/Accommodation.tsx |  62 ++++++-----
 src/pages/HomePage/sections/Experiences.tsx   | 104 +++++++++---------
 2 files changed, 87 insertions(+), 79 deletions(-)

diff --git a/src/pages/HomePage/sections/Accommodation.tsx b/src/pages/HomePage/sections/Accommodation.tsx
index 9bba2c6..4720060 100644
--- a/src/pages/HomePage/sections/Accommodation.tsx
+++ b/src/pages/HomePage/sections/Accommodation.tsx
@@ -4,39 +4,43 @@
 import React from 'react';
 import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+import Button from "@/components/ui/Button";
 
 export default function AccommodationSection(): React.JSX.Element {
   return (
-    <div id="accommodation" data-section="accommodation">
+    <div id="accommodation" data-section="accommodation" className="relative">
         <SectionErrorBoundary name="accommodation">
-              <FeaturesDetailedSteps
-          tag="Accommodation"
-          title="Indulge in Our Luxurious Rooms & Suites"
-          description="Each space at The Grand Hotel is meticulously designed for ultimate comfort and sophistication, offering elegant decor, modern amenities, and breathtaking views to ensure a serene retreat."
-          steps={[
-            {
-              tag: "Cozy Comfort",
-              title: "Standard Room",
-              subtitle: "Your Elegant Retreat",
-              description: "Perfect for a relaxing stay, our Standard Rooms offer essential amenities and a comfortable ambiance.",
-              imageSrc: "http://img.b2bpic.net/free-photo/white-bed-lamp-hotel-business_1203-4933.jpg",
-            },
-            {
-              tag: "Spacious Luxury",
-              title: "Deluxe Suite",
-              subtitle: "The Premium Experience",
-              description: "Enjoy expansive living areas, enhanced amenities, and picturesque city views from our Deluxe Suites.",
-              imageSrc: "http://img.b2bpic.net/free-photo/empty-atelier-with-sketches-tools_482257-85311.jpg",
-            },
-            {
-              tag: "Unmatched Grandeur",
-              title: "Presidential Suite",
-              subtitle: "An Opulent Haven",
-              description: "The pinnacle of luxury, our Presidential Suite offers personalized service, private dining, and panoramic vistas.",
-              imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-worker-business-trip_482257-80852.jpg",
-            },
-          ]}
-        />
+          <FeaturesDetailedSteps
+            tag="Accommodation"
+            title="Indulge in Our Luxurious Rooms & Suites"
+            description="Each space at The Grand Hotel is meticulously designed for ultimate comfort and sophistication, offering elegant decor, modern amenities, and breathtaking views to ensure a serene retreat."
+            steps={[
+              {
+                tag: "Cozy Comfort",
+                title: "Standard Room",
+                subtitle: "Your Elegant Retreat",
+                description: "Perfect for a relaxing stay, our Standard Rooms offer essential amenities and a comfortable ambiance.",
+                imageSrc: "http://img.b2bpic.net/free-photo/white-bed-lamp-hotel-business_1203-4933.jpg",
+              },
+              {
+                tag: "Spacious Luxury",
+                title: "Deluxe Suite",
+                subtitle: "The Premium Experience",
+                description: "Enjoy expansive living areas, enhanced amenities, and picturesque city views from our Deluxe Suites.",
+                imageSrc: "http://img.b2bpic.net/free-photo/empty-atelier-with-sketches-tools_482257-85311.jpg",
+              },
+              {
+                tag: "Unmatched Grandeur",
+                title: "Presidential Suite",
+                subtitle: "An Opulent Haven",
+                description: "The pinnacle of luxury, our Presidential Suite offers personalized service, private dining, and panoramic vistas.",
+                imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-worker-business-trip_482257-80852.jpg",
+              },
+            ]}
+          />
+          <div className="flex justify-center pb-24 -mt-12 relative z-10">
+            <Button text="Book Your Stay" variant="primary" href="/booking" className="px-8 py-4 text-lg" />
+          </div>
         </SectionErrorBoundary>
       </div>
   );
diff --git a/src/pages/HomePage/sections/Experiences.tsx b/src/pages/HomePage/sections/Experiences.tsx
index ec23092..b3860ce 100644
--- a/src/pages/HomePage/sections/Experiences.tsx
+++ b/src/pages/HomePage/sections/Experiences.tsx
@@ -4,60 +4,64 @@
 import React from 'react';
 import FeaturesRevealCardsBentoSharp from '@/components/sections/features/FeaturesRevealCardsBentoSharp';
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+import Button from "@/components/ui/Button";
 
 export default function ExperiencesSection(): React.JSX.Element {
   return (
-    <div id="experiences" data-section="experiences">
+    <div id="experiences" data-section="experiences" className="relative">
         <SectionErrorBoundary name="experiences">
-              <FeaturesRevealCardsBentoSharp
-          tag="Experiences"
-          title="Beyond Your Stay: Our Signature Services"
-          description="From gourmet dining to rejuvenating spa treatments, The Grand Hotel offers an array of services designed to enrich every moment of your visit."
-          items={[
-            {
-              title: "Fine Dining",
-              description: "Savor exquisite dishes prepared by award-winning chefs in an elegant atmosphere.",
-              href: "#",
-              imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mushrooms-tomato_140725-3752.jpg",
-            },
-            {
-              title: "Spa & Wellness",
-              description: "Indulge in a range of treatments designed for ultimate relaxation and rejuvenation.",
-              href: "#",
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fair-skinned-women-use-moisturizing-day-cream-sensitive-skin-light-room-self-care-health-day-concept_197531-31471.jpg",
-            },
-            {
-              title: "Fitness Center",
-              description: "Maintain your routine with our state-of-the-art facilities and professional trainers.",
-              href: "#",
-              imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-looking-mirror_23-2149832697.jpg",
-            },
-            {
-              title: "Event Spaces",
-              description: "Host your perfect occasion in our versatile venues, ideal for weddings and conferences.",
-              href: "#",
-              imageSrc: "http://img.b2bpic.net/free-photo/beautifully-decorated-venue-interior-wedding_181624-58530.jpg",
-            },
-            {
-              title: "Concierge Service",
-              description: "Our dedicated team provides personalized assistance to cater to your every need.",
-              href: "#",
-              imageSrc: "http://img.b2bpic.net/free-photo/guests-with-suitcases-hotel-reception_482257-80053.jpg",
-            },
-            {
-              title: "Rooftop Bar",
-              description: "Enjoy crafted beverages and stunning panoramic cityscapes from our exclusive bar.",
-              href: "#",
-              imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat_627829-5507.jpg",
-            },
-            {
-              title: "Business Center",
-              description: "Fully equipped facilities for your professional needs, ensuring productivity on the go.",
-              href: "#",
-              imageSrc: "http://img.b2bpic.net/free-photo/view-empty-waiting-room_1170-1960.jpg",
-            },
-          ]}
-        />
+          <FeaturesRevealCardsBentoSharp
+            tag="Experiences"
+            title="Beyond Your Stay: Our Signature Services"
+            description="From gourmet dining to rejuvenating spa treatments, The Grand Hotel offers an array of services designed to enrich every moment of your visit."
+            items={[
+              {
+                title: "Fine Dining",
+                description: "Savor exquisite dishes prepared by award-winning chefs in an elegant atmosphere.",
+                href: "/booking",
+                imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mushrooms-tomato_140725-3752.jpg",
+              },
+              {
+                title: "Spa & Wellness",
+                description: "Indulge in a range of treatments designed for ultimate relaxation and rejuvenation.",
+                href: "/booking",
+                imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fair-skinned-women-use-moisturizing-day-cream-sensitive-skin-light-room-self-care-health-day-concept_197531-31471.jpg",
+              },
+              {
+                title: "Fitness Center",
+                description: "Maintain your routine with our state-of-the-art facilities and professional trainers.",
+                href: "/booking",
+                imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-looking-mirror_23-2149832697.jpg",
+              },
+              {
+                title: "Event Spaces",
+                description: "Host your perfect occasion in our versatile venues, ideal for weddings and conferences.",
+                href: "/booking",
+                imageSrc: "http://img.b2bpic.net/free-photo/beautifully-decorated-venue-interior-wedding_181624-58530.jpg",
+              },
+              {
+                title: "Concierge Service",
+                description: "Our dedicated team provides personalized assistance to cater to your every need.",
+                href: "/booking",
+                imageSrc: "http://img.b2bpic.net/free-photo/guests-with-suitcases-hotel-reception_482257-80053.jpg",
+              },
+              {
+                title: "Rooftop Bar",
+                description: "Enjoy crafted beverages and stunning panoramic cityscapes from our exclusive bar.",
+                href: "/booking",
+                imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat_627829-5507.jpg",
+              },
+              {
+                title: "Business Center",
+                description: "Fully equipped facilities for your professional needs, ensuring productivity on the go.",
+                href: "/booking",
+                imageSrc: "http://img.b2bpic.net/free-photo/view-empty-waiting-room_1170-1960.jpg",
+              },
+            ]}
+          />
+          <div className="flex justify-center pb-24 -mt-12 relative z-10">
+            <Button text="Inquire About Experiences" variant="primary" href="/booking" className="px-8 py-4 text-lg" />
+          </div>
         </SectionErrorBoundary>
       </div>
   );
-- 
2.49.1