From b237d2b8e72dced75375cb9246f2abf8b1764f9f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 16 May 2026 21:42:00 +0000
Subject: [PATCH] Update src/app/fragrance-request/page.tsx

---
 src/app/fragrance-request/page.tsx | 28 +++++++++++++++++++++-------
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/app/fragrance-request/page.tsx b/src/app/fragrance-request/page.tsx
index 39066f6..94c97d0 100644
--- a/src/app/fragrance-request/page.tsx
+++ b/src/app/fragrance-request/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import React from 'react';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
@@ -7,12 +7,25 @@ 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">
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay 
+          brandName="UMBRA"
+          navItems={[{ name: "Home", id: "/" }, { name: "Collection", id: "/products" }, { name: "Contact", id: "/contact" }, { name: "Fragrance Request", id: "/fragrance-request" }]}
+        />
+      </div>
+      <div id="contact" data-section="contact" className="pt-32">
         <ContactSplitForm
           title="Bespoke Fragrance Design"
           description="We'll help you craft the perfect scent profile."
@@ -21,6 +34,7 @@ export default function FragranceRequestPage() {
             { name: "email", type: "email", placeholder: "Email", required: true }
           ]}
           textarea={{ name: "pref", placeholder: "Notes", required: true }}
+          useInvertedBackground={false}
           onSubmit={(data) => alert("Request submitted! We will reach out shortly.")}
         />
       </div>