diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..1d0cbcb
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,29 @@
+"use client"
+
+import React from 'react';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay 
+        brandName="UMBRA"
+        navItems={[{ name: "Home", id: "/" }, { name: "Collection", id: "/#products" }, { name: "Fragrance Request", id: "/fragrance-request" }]}
+      />
+      <div className="pt-32">
+        <ContactSplitForm
+          title="Contact Us"
+          description="Get in touch for support or collaborations."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Name", required: true },
+            { name: "email", type: "email", placeholder: "Email", required: true }
+          ]}
+          textarea={{ name: "msg", placeholder: "Message", required: true }}
+          onSubmit={(data) => alert("Message sent!")}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file