diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..d63bfb7
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function ContactPage() {
+    return (
+        <ThemeProvider>
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={[
+                        { name: "Home", href: "/" },
+                        { name: "FAQ", href: "/faq" },
+                        { name: "Interactive", href: "/interactive" },
+                        { name: "Contact", href: "/contact" },
+                    ]}
+                    brandName="Luxuria"
+                />
+                <ContactCenter 
+                    tag="Get in Touch" 
+                    title="Contact Our Team" 
+                    description="Ready to plan your next journey? We're here to help."
+                    background={{ variant: 'radial-gradient' }}
+                    useInvertedBackground={false}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}
\ No newline at end of file