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

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

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 6e1057c..a257544 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,11 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
-export default function ContactPage() {
+export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="bounce-effect"
@@ -21,77 +22,161 @@ export default function ContactPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-        <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="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="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-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="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>
+  <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>
       </ReactLenis>
     </ThemeProvider>
   );