Merge version_7_1782090088439 into main

Merge version_7_1782090088439 into main

src/index.css

@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/darkTheme/luxury */
-  --background: #fafffb;
-  --card: #ffffff;
-  --foreground: #001a0a;
-  --primary-cta: #0a705f;
-  --primary-cta-text: #fafffb;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #001a0a;
-  --accent: #a8d9be;
-  --background-accent: #6bbfb8;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffffe6;
+  --primary-cta: #e6e6e6;
+  --primary-cta-text: #0a0a0a;
+  --secondary-cta: #1a1a1a;
+  --secondary-cta-text: #ffffffe6;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* @layout/border-radius/rounded */
   --radius: 1rem;

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

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>
+  );
+}