From 0b7d4cc8dec70115d3925aaa831f903fe00ae921 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 22 Jun 2026 01:02:33 +0000
Subject: [PATCH] Bob AI: Added FAQ section to address pre-booking hesitations

---
 src/pages/HomePage.tsx              |  4 +-
 src/pages/HomePage/sections/Faq.tsx | 65 +++++++++++++++++++++++++++++
 2 files changed, 68 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/HomePage/sections/Faq.tsx

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 079c090..7842b04 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -15,7 +15,8 @@ import ContactSection from './HomePage/sections/Contact';
 
 
 import ReviewsSection from './HomePage/sections/Reviews';
-import NewsletterSection from './HomePage/sections/Newsletter';export default function HomePage(): React.JSX.Element {
+import NewsletterSection from './HomePage/sections/Newsletter';
+import FaqSection from './HomePage/sections/Faq';export default function HomePage(): React.JSX.Element {
   return (
 <StyleProvider siteBackground="none" heroBackground="none" buttonVariant="default">
       <SiteBackgroundSlot />
@@ -30,6 +31,7 @@ import NewsletterSection from './HomePage/sections/Newsletter';export default fu
 
       <JourneysSection />
       <ReviewsSection />
+      <FaqSection />
 
       <ContactSection />
       <NewsletterSection />
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..ad60298
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,65 @@
+import React from 'react';
+import TextAnimation from '@/components/ui/TextAnimation';
+import ScrollReveal from '@/components/ui/ScrollReveal';
+import Accordion from '@/components/ui/Accordion';
+import Tag from '@/components/ui/Tag';
+
+export default function FaqSection() {
+  const faqItems = [
+    {
+      title: "What time is check-in and check-out?",
+      content: "Check-in is at 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out are subject to availability."
+    },
+    {
+      title: "Are the rooms pet-friendly?",
+      content: "Yes, we have designated pet-friendly rooms. Please let us know in advance so we can prepare for your furry friend."
+    },
+    {
+      title: "What is your cancellation policy?",
+      content: "You can cancel free of charge up to 48 hours before your scheduled arrival. Cancellations made within 48 hours will incur a one-night fee."
+    },
+    {
+      title: "Do I need to pay a deposit?",
+      content: "A valid credit card is required to secure your reservation, but no deposit is charged until you arrive, unless you book a non-refundable rate."
+    },
+    {
+      title: "Do you offer airport transfers?",
+      content: "Yes, we can arrange airport transfers for an additional fee. Please contact our concierge team at least 24 hours before your flight."
+    },
+    {
+      title: "Is parking available on-site?",
+      content: "We offer secure valet parking for our guests at a daily rate. Self-parking is also available nearby."
+    }
+  ];
+
+  return (
+    <section data-webild-section="faq" id="faq" className="relative w-full py-24 bg-background">
+      <div className="w-content-width mx-auto">
+        <div className="flex flex-col md:flex-row gap-12 md:gap-24">
+          <div className="w-full md:w-1/3 flex flex-col items-start">
+            <ScrollReveal variant="fade">
+              <Tag text="FAQ" className="mb-6" />
+            </ScrollReveal>
+            <TextAnimation
+              text="Common Questions"
+              variant="fade-blur"
+              tag="h2"
+              gradientText={false}
+              className="text-4xl md:text-5xl font-bold text-foreground mb-6"
+            />
+            <ScrollReveal variant="fade" delay={0.2}>
+              <p className="text-lg text-accent">
+                Everything you need to know before you book your stay with us. If you have any other questions, feel free to reach out.
+              </p>
+            </ScrollReveal>
+          </div>
+          <div className="w-full md:w-2/3">
+            <ScrollReveal variant="fade" delay={0.3}>
+              <Accordion items={faqItems} />
+            </ScrollReveal>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
\ No newline at end of file
-- 
2.49.1