From 9ae7ad50647367b66458a36331370a6ef2a5ff87 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 19:56:11 +0000
Subject: [PATCH] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 4e482e2..b343690 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -10,11 +10,21 @@ export default function ContactPage() {
   const [formData, setFormData] = useState({ name: "", email: "", subject: "", message: "" });
 
   return (
-    <ThemeProvider>
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="mediumLargeSizeLargeTitles"
+        background="floatingGradient"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="normal"
+    >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
           navItems={[{ name: "Home", id: "/" }, { name: "Contact", id: "/contact" }]}
-          brandName="Benak Consulting LLC"
         />
         <div className="pt-32 pb-16 px-6 max-w-4xl mx-auto">
           <h1 className="text-4xl font-bold mb-8">Contact Us</h1>
@@ -26,12 +36,12 @@ export default function ContactPage() {
               <p className="mb-2"><strong>Email:</strong> info@benakconsulting.com</p>
               <p><strong>Hours:</strong> Mon-Fri, 9am - 5pm</p>
             </div>
-            <form className="flex flex-col gap-4">
+            <form className="flex flex-col gap-4" onSubmit={(e) => e.preventDefault()}>
               <input type="text" placeholder="Full Name" className="p-3 border rounded" required onChange={(e) => setFormData({...formData, name: e.target.value})} />
               <input type="email" placeholder="Email" className="p-3 border rounded" required onChange={(e) => setFormData({...formData, email: e.target.value})} />
               <input type="text" placeholder="Company/Subject" className="p-3 border rounded" required onChange={(e) => setFormData({...formData, subject: e.target.value})} />
               <textarea placeholder="Message" rows={5} className="p-3 border rounded" required onChange={(e) => setFormData({...formData, message: e.target.value})} />
-              <button type="submit" className="bg-primary-cta text-white p-3 rounded font-semibold">Send Message</button>
+              <button type="submit" className="p-3 rounded font-semibold">Send Message</button>
             </form>
           </div>
         </div>