Add src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -0,0 +1,42 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Shop", id: "/shop" },
+            { name: "Book", id: "/booking" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="GG Goldhair"
+        />
+        <div className="pt-32 pb-20">
+            <FaqSplitMedia
+              title="Frequently Asked Questions"
+              description="Common questions about our location, hours, and policies."
+              faqs={[
+                { id: "f1", title: "Where is the salon?", content: "We are located in the heart of downtown at 123 Stylist Lane." },
+                { id: "f2", title: "What are your hours?", content: "Tue-Sat: 10AM - 7PM, Sun-Mon: Closed." },
+              ]}
+              faqsAnimation="slide-up"
+            />
+            <ContactText
+                text="Visit us for a consultation or give us a call to learn more."
+                background={{ variant: "radial-gradient" }}
+            />
+        </div>
+        <FooterCard logoText="GG Goldhair" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}