From be2a36adcc73e6e127d2fe014e416429e43b2d12 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 26 Mar 2026 09:49:37 +0000
Subject: [PATCH] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 229 ++++++++++++---------------------------
 1 file changed, 72 insertions(+), 157 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index a257544..6e1057c 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="bounce-effect"
@@ -22,161 +21,77 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "About Us",
-          id: "about",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="DropStore"
-      button={{
-        text: "Shop Now",
-        href: "#products",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              {
+                name: "Home",                href: "/"},
+              {
+                name: "Products",                href: "/#products"},
+              {
+                name: "About Us",                href: "/about"},
+              {
+                name: "FAQ",                href: "/faq"},
+              {
+                name: "Contact",                href: "/contact"},
+            ]}
+            brandName="DropStore"
+            button={{
+              text: "Shop Now",              href: "/#products"}}
+          />
+        </div>
 
-  <div id="contact-form" data-section="contact-form">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Get in Touch with DropStore"
-      description="We'd love to hear from you! Fill out the form below and we'll get back to you as soon as possible. Your feedback is important to us."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-        {
-          name: "subject",
-          type: "text",
-          placeholder: "Subject",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Your Message",
-        rows: 5,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-holding-looking-clipboard-drinking-coffee-isolated-purple-background_141793-84942.jpg?_wi=2"
-      imageAlt="Customer support representative with headset"
-      mediaAnimation="slide-up"
-      mediaPosition="right"
-      buttonText="Send Message"
-    />
-  </div>
+        <div id="contact-content" data-section="contact-content">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{
+              variant: "radial-gradient"}}
+            tag="Reach Out"
+            title="Contact Our Support Team"
+            description="Have questions, feedback, or need assistance with your order? Our dedicated support team is here to help you. Fill out the form below or reach us through our social channels."
+            inputPlaceholder="Your email address"
+            buttonText="Send Message"
+            termsText="By clicking Send Message you're confirming that you agree with our Privacy Policy."
+          />
+        </div>
 
-  <div id="contact-cta-details" data-section="contact-cta-details">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Need immediate assistance?"
-      title="Reach Out Directly"
-      description="Connect with our support team through phone or live chat for real-time help with your orders or inquiries."
-      buttons={[
-        {
-          text: "Call Us: (800) 123-4567",
-          href: "tel:+18001234567",
-        },
-        {
-          text: "Start Live Chat",
-          href: "/chat",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "All Products",
-              href: "/products",
-            },
-            {
-              label: "New Arrivals",
-              href: "/products?filter=new",
-            },
-            {
-              label: "Best Sellers",
-              href: "/products?filter=bestsellers",
-            },
-            {
-              label: "Deals",
-              href: "/products?filter=deals",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Contact Us",
-              href: "/contact",
-            },
-            {
-              label: "Careers",
-              href: "/careers",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "/faq",
-            },
-            {
-              label: "Shipping & Returns",
-              href: "/shipping",
-            },
-            {
-              label: "Track Your Order",
-              href: "/track-order",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 DropStore. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              {
+                title: "Shop",                items: [
+                  {
+                    label: "Trending Products",                    href: "/#products"},
+                  {
+                    label: "New Arrivals",                    href: "/#products"},
+                  {
+                    label: "Best Sellers",                    href: "/#products"},
+                ],
+              },
+              {
+                title: "Company",                items: [
+                  {
+                    label: "About Us",                    href: "/about"},
+                  {
+                    label: "Contact Us",                    href: "/contact"},
+                  {
+                    label: "FAQ",                    href: "/faq"},
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  {
+                    label: "Privacy Policy",                    href: "#"},
+                  {
+                    label: "Terms of Service",                    href: "#"},
+                  {
+                    label: "Shipping Policy",                    href: "#"},
+                ],
+              },
+            ]}
+            copyrightText="© 2024 DropStore. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );