Add src/app/fragrance-request/page.tsx

src/app/fragrance-request/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 FragranceRequestPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay 
+        brandName="UMBRA"
+        navItems={[{ name: "Home", id: "/" }, { name: "Collection", id: "/#products" }, { name: "Contact", id: "/contact" }]}
+      />
+      <div className="pt-32">
+        <ContactSplitForm
+          title="Bespoke Fragrance Design"
+          description="We'll help you craft the perfect scent profile."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Name", required: true },
+            { name: "email", type: "email", placeholder: "Email", required: true }
+          ]}
+          textarea={{ name: "pref", placeholder: "Notes", required: true }}
+          onSubmit={(data) => alert("Request submitted! We will reach out shortly.")}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}