Add src/app/faq/page.tsx

src/app/faq/page.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function FaqPage() {
+    return (
+        <ThemeProvider>
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={[
+                        { name: "Home", href: "/" },
+                        { name: "FAQ", href: "/faq" },
+                        { name: "Interactive", href: "/interactive" },
+                        { name: "Contact", href: "/contact" },
+                    ]}
+                    brandName="Luxuria"
+                />
+                <FaqSplitMedia
+                    title="Frequently Asked Questions"
+                    description="Everything you need to know about our luxury travel experiences."
+                    faqs={[
+                        { id: "1", title: "How do I start planning my trip?", content: "Simply reach out to us via our contact form or give us a call to begin your bespoke consultation." },
+                        { id: "2", title: "What makes our services luxury?", content: "We provide hand-curated experiences, private aviation, and 24/7 support to ensure every detail is flawless." },
+                        { id: "3", title: "Can you handle special requests?", content: "Absolutely, our team specializes in crafting personalized itineraries to meet your specific needs." },
+                    ]}
+                    mediaAnimation="slide-up"
+                    faqsAnimation="slide-up"
+                    textboxLayout="default"
+                    useInvertedBackground={false}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}