From f94a5771ad33cba4c936693215de4f86c2d2e5eb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 26 May 2026 12:26:15 +0000
Subject: [PATCH] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 220 +++++++++++++--------------------------
 1 file changed, 71 insertions(+), 149 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 130b99e..22fc197 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,13 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import { Sparkles } from "lucide-react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Mail } from 'lucide-react';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
@@ -23,152 +22,75 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Packages",
-          id: "/packages",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-        {
-          name: "Client Login",
-          id: "/login",
-        },
-      ]}
-      brandName="eXpand AD"
-      button={{
-        text: "Get a Quote",
-        href: "/contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Packages", id: "/packages" },
+              { name: "Contact", id: "/contact" },
+              { name: "Client Login", id: "/login" }
+            ]}
+            brandName="eXpand AD"
+            button={{ text: "Get a Quote", href: "/contact" }}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "What social media platforms do you manage?",
-          content: "We manage a wide range of platforms including Facebook, Instagram, LinkedIn, X (formerly Twitter), TikTok, and Pinterest. We tailor our strategy based on your target audience and business goals.",
-        },
-        {
-          id: "q2",
-          title: "How do your pricing packages work?",
-          content: "Our pricing is tiered, offering Starter, Growth, and Enterprise solutions. Each package includes different levels of service, platforms, and reporting. Custom quotes are available for specific needs.",
-        },
-        {
-          id: "q3",
-          title: "Can I integrate my existing tools?",
-          content: "Yes, we aim for seamless integration with your existing marketing stack where possible. We'll discuss compatibility during the onboarding process to ensure smooth operations.",
-        },
-        {
-          id: "q4",
-          title: "What is the onboarding process like?",
-          content: "Our onboarding is streamlined. Once you choose a package, we'll schedule an initial consultation to understand your brand, goals, and audience. We'll then set up your accounts and launch within days.",
-        },
-        {
-          id: "q5",
-          title: "Do you offer custom brand design services?",
-          content: "Absolutely! Beyond our standard packages, we provide bespoke brand design services, including logo creation, visual identity guidelines, and comprehensive brand strategy development.",
-        },
-      ]}
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Find answers to common questions about our services, pricing, and onboarding process."
-      faqsAnimation="slide-up"
-      textPosition="left"
-      showCard={true}
-    />
-  </div>
+        <div id="contact-form" data-section="contact-form">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Request a Custom Quote"
+            description="Tell us about your project and specific needs. Our team will get back to you with a tailored solution."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true },
+              { name: "company", type: "text", placeholder: "Company Name" },
+              { name: "phone", type: "tel", placeholder: "Phone Number" }
+            ]}
+            multiSelect={{
+              name: "services",              label: "Interested Services",              options: ["Social Media Management", "Influencer Marketing", "Brand Design", "Performance Analytics", "Custom Campaign"]
+            }}
+            textarea={{
+              name: "message",              placeholder: "Tell us more about your project...",              rows: 5
+            }}
+            buttonText="Submit Quote Request"
+            imageSrc="http://img.b2bpic.net/free-photo/side-view-man-writing-notes-working_23-2148767930.jpg"
+            imageAlt="Person working on a laptop, requesting a quote"
+            mediaPosition="right"
+            mediaAnimation="slide-up"
+            onSubmit={(data) => console.log('Quote Request Form Data:', data)}
+          />
+        </div>
 
-  <div id="contact-page" data-section="contact-page">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "downward-rays-static",
-      }}
-      tag="Get in Touch"
-      title="We'd Love to Hear From You"
-      description="Have questions about our services or need a custom quote? Fill out the form below, and our team will get back to you promptly."
-      tagIcon={Sparkles}
-      inputPlaceholder="Your Name"
-      buttonText="Send Message"
-      termsText="By submitting this form, you agree to our Privacy Policy and Terms of Service."
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="eXpand AD"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/#about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Packages",
-              href: "/packages",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Client Login",
-              href: "/login",
-            },
-            {
-              label: "FAQ",
-              href: "/contact#faq",
-            },
-            {
-              label: "Blog",
-              href: "/blog",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 eXpand AD. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="eXpand AD"
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "/#about" },
+                  { label: "Services", href: "/services" },
+                  { label: "Packages", href: "/packages" },
+                  { label: "Contact", href: "/contact" }
+                ]
+              },
+              {
+                title: "Resources",                items: [
+                  { label: "Client Login", href: "/login" },
+                  { label: "FAQ", href: "/contact#faq" }
+                ]
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" }
+                ]
+              }
+            ]}
+            copyrightText="© 2024 eXpand AD. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file