From da75efe0c4b8f6ed973de978ccb5c9816bf0fe4d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 13 Mar 2026 07:13:59 +0000
Subject: [PATCH] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 160 +++++++++++++--------------------------
 1 file changed, 54 insertions(+), 106 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 1a9447c..20e6e78 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,13 +1,55 @@
 "use client";
 
-import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
-import { MessageSquare } from "lucide-react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { MessageSquare } from 'lucide-react';
 
 export default function ContactPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Products", id: "/products" },
+    { name: "Process", id: "/process" },
+    { name: "Gallery", id: "/gallery" },
+    { name: "Contact", id: "/contact" },
+  ];
+
+  const footerColumns = [
+    {
+      title: "Company",      items: [
+        { label: "About Us", href: "/about" },
+        { label: "Manufacturing Process", href: "/process" },
+        { label: "Gallery", href: "/gallery" },
+        { label: "Careers", href: "/careers" },
+      ],
+    },
+    {
+      title: "Products",      items: [
+        { label: "Men's Apparel", href: "/products#mens" },
+        { label: "Women's Apparel", href: "/products#womens" },
+        { label: "Kids Wear", href: "/products#kids" },
+        { label: "Private Label", href: "/products#private-label" },
+      ],
+    },
+    {
+      title: "Contact",      items: [
+        { label: "Phone", href: "tel:+919876543210" },
+        { label: "Email", href: "mailto:sales@sonuexim.com" },
+        { label: "Office Address", href: "https://maps.google.com/?q=Sonu+Exim+Noida" },
+        { label: "WhatsApp", href: "https://wa.me/919876543210" },
+      ],
+    },
+    {
+      title: "Legal",      items: [
+        { label: "Privacy Policy", href: "#" },
+        { label: "Terms of Service", href: "#" },
+        { label: "Compliance", href: "#" },
+      ],
+    },
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
@@ -15,7 +57,7 @@ export default function ContactPage() {
       borderRadius="soft"
       contentWidth="compact"
       sizing="medium"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="inset"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
@@ -24,17 +66,9 @@ export default function ContactPage() {
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
           brandName="Sonu Exim"
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/about" },
-            { name: "Products", id: "/products" },
-            { name: "Process", id: "/process" },
-            { name: "Gallery", id: "/gallery" },
-            { name: "Contact", id: "/contact" },
-          ]}
+          navItems={navItems}
           button={{
-            text: "Call Now",
-            href: "tel:+919876543210",
+            text: "Call Now",            href: "tel:+919876543210"
           }}
         />
       </div>
@@ -46,108 +80,22 @@ export default function ContactPage() {
           description="Connect with our team to discuss your garment manufacturing needs, request samples, or inquire about bulk orders."
           tagIcon={MessageSquare}
           tagAnimation="slide-up"
-          background={{
-            variant: "noiseDiagonalGradient",
-          }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hzrdyr&_wi=4"
-          imageAlt="professional business meeting conference"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hzrdyr"
+          imageAlt="Business meeting"
           mediaAnimation="blur-reveal"
           mediaPosition="right"
           inputPlaceholder="your@company.com"
           buttonText="Get In Touch"
           termsText="We respect your privacy. Your inquiry will be handled confidentially by our sourcing team."
-          onSubmit={(email) => {
-            console.log("Contact inquiry from:", email);
-          }}
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterBaseCard
           logoText="Sonu Exim"
-          columns={[
-            {
-              title: "Company",
-              items: [
-                {
-                  label: "About Us",
-                  href: "/about",
-                },
-                {
-                  label: "Manufacturing Process",
-                  href: "/process",
-                },
-                {
-                  label: "Gallery",
-                  href: "/gallery",
-                },
-                {
-                  label: "Careers",
-                  href: "/careers",
-                },
-              ],
-            },
-            {
-              title: "Products",
-              items: [
-                {
-                  label: "Men's Apparel",
-                  href: "/products",
-                },
-                {
-                  label: "Women's Apparel",
-                  href: "/products",
-                },
-                {
-                  label: "Kids Wear",
-                  href: "/products",
-                },
-                {
-                  label: "Private Label",
-                  href: "/products",
-                },
-              ],
-            },
-            {
-              title: "Contact",
-              items: [
-                {
-                  label: "Phone",
-                  href: "tel:+919876543210",
-                },
-                {
-                  label: "Email",
-                  href: "mailto:sales@sonuexim.com",
-                },
-                {
-                  label: "Office Address",
-                  href: "https://maps.google.com/?q=Sonu+Exim+Noida",
-                },
-                {
-                  label: "WhatsApp",
-                  href: "https://wa.me/919876543210",
-                },
-              ],
-            },
-            {
-              title: "Legal",
-              items: [
-                {
-                  label: "Privacy Policy",
-                  href: "#",
-                },
-                {
-                  label: "Terms of Service",
-                  href: "#",
-                },
-                {
-                  label: "Compliance",
-                  href: "#",
-                },
-              ],
-            },
-          ]}
+          columns={footerColumns}
           copyrightText="© 2025 Sonu Exim. All rights reserved. | Premium Garment Exporter from India"
         />
       </div>