From 790417e7619dcab1c9b05152a418b7946eda911f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 23 Mar 2026 06:07:20 +0000
Subject: [PATCH] Update src/app/contact/page.tsx

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

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 267001b..3bc4970 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,11 +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 FaqBase from '@/components/sections/faq/FaqBase';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import { MessageCircleQuestion } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -27,121 +27,65 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "home",
-          href: "/",
+          name: "Home",          id: "/"
         },
         {
-          name: "Products",
-          id: "products",
-          href: "/products",
+          name: "Products",          id: "/products"
         },
         {
-          name: "About",
-          id: "about",
-          href: "/about",
+          name: "About",          id: "/about"
         },
         {
-          name: "Contact",
-          id: "contact",
-          href: "/contact",
-        },
+          name: "Contact",          id: "/contact"
+        }
       ]}
       brandName="Shopify Store"
       button={{
-        text: "Shop Now",
-        href: "/products",
+        text: "Shop Now",        href: "/products"
       }}
     />
   </div>
 
-  <div id="contact-form" data-section="contact-form">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Get In Touch With Us"
-      description="Have a question, feedback, or need assistance? Fill out the form below, and our team will get back to you promptly."
-      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",
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Your Message",
-        rows: 5,
-        required: true,
+  <div id="contact" data-section="contact">
+      <ContactSplit
+      useInvertedBackground={true}
+      background={{
+        variant: "plain"
       }}
-      imageSrc="http://img.b2bpic.net/free-psd/investment-web-template-illustrated_23-2149042516.jpg?_wi=2"
-      imageAlt="Illustration of a customer service representative helping a client"
-      mediaAnimation="blur-reveal"
-      mediaPosition="left"
+      tag="Get in Touch"
+      title="Contact Our Store"
+      description="Have questions or need assistance? Reach out to our friendly support team. We're here to help with any inquiries."
+      imageSrc="http://img.b2bpic.net/free-psd/investment-web-template-illustrated_23-2149042516.jpg"
+      mediaAnimation="slide-up"
+      mediaPosition="right"
+      imageAlt="customer service representative illustration"
       buttonText="Send Message"
     />
   </div>
 
-  <div id="contact-faq" data-section="contact-faq">
-      <FaqBase
+  <div id="faq" data-section="faq">
+      <FaqDouble
       textboxLayout="default"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
-          title: "What payment methods do you accept?",
-          content: "We accept major credit cards (Visa, MasterCard, Amex), PayPal, and Apple Pay.",
+          id: "q1",          title: "How do I place an order?",          content: "Simply browse our products, add your desired items to the cart, and proceed to checkout. Follow the prompts to enter your shipping and payment information."
         },
         {
-          id: "2",
-          title: "How long does shipping take?",
-          content: "Standard shipping usually takes 5-7 business days, while express shipping takes 2-3 business days depending on your location.",
+          id: "q2",          title: "What payment methods do you accept?",          content: "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and other secure payment options. All transactions are encrypted for your security."
         },
         {
-          id: "3",
-          title: "Can I return a product?",
-          content: "Yes, we offer a 30-day return policy for most items. Please refer to our Returns Policy page for more details.",
+          id: "q3",          title: "How long does shipping take?",          content: "Shipping times vary depending on your location and the selected shipping method. Typically, orders are processed within 1-2 business days, with delivery taking 3-7 business days."
         },
         {
-          id: "4",
-          title: "Do you offer international shipping?",
-          content: "Yes, we ship to over 50 countries worldwide. Shipping costs and times vary by destination.",
-        },
+          id: "q4",          title: "Can I return a product?",          content: "Yes, we offer hassle-free returns within 30 days of purchase, provided the item is unused and in its original packaging. Please see our full return policy for more details."
+        }
       ]}
       title="Frequently Asked Questions"
-      description="Find quick answers to our most common questions below. If you can't find what you're looking for, feel free to contact us directly."
-      tag="Support Center"
+      description="Find quick answers to your most common questions about our products, orders, and services. We're here to help!"
+      tag="Support"
+      faqsAnimation="slide-up"
       tagIcon={MessageCircleQuestion}
-      faqsAnimation="blur-reveal"
-    />
-  </div>
-
-  <div id="contact-cta" data-section="contact-cta">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Stay Connected"
-      title="Don't Miss Out on Exclusive Offers!"
-      description="Sign up for our newsletter to receive updates on new products, special discounts, and much more."
-      buttons={[
-        {
-          text: "Subscribe Now",
-          href: "#newsletter-signup",
-        },
-      ]}
     />
   </div>
 
@@ -149,68 +93,53 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Shop",
-          items: [
+          title: "Shop",          items: [
             {
-              label: "All Products",
-              href: "/products",
+              label: "All Products",              href: "/products"
             },
             {
-              label: "New Arrivals",
-              href: "/products?filter=new",
+              label: "New Arrivals",              href: "/products?filter=new"
             },
             {
-              label: "Best Sellers",
-              href: "/products?filter=bestsellers",
+              label: "Best Sellers",              href: "/products?filter=bestsellers"
             },
             {
-              label: "Sale",
-              href: "/products?filter=sale",
-            },
-          ],
+              label: "Sale",              href: "/products?filter=sale"
+            }
+          ]
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "/about",
+              label: "About Us",              href: "/about"
             },
             {
-              label: "Contact",
-              href: "/contact",
+              label: "Contact",              href: "/contact"
             },
             {
-              label: "Careers",
-              href: "#",
+              label: "Careers",              href: "#"
             },
             {
-              label: "Blog",
-              href: "#",
-            },
-          ],
+              label: "Blog",              href: "#"
+            }
+          ]
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "FAQ",
-              href: "/contact#faq",
+              label: "FAQ",              href: "/contact#faq"
             },
             {
-              label: "Shipping & Returns",
-              href: "#",
+              label: "Shipping & Returns",              href: "#"
             },
             {
-              label: "Privacy Policy",
-              href: "#",
+              label: "Privacy Policy",              href: "#"
             },
             {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+              label: "Terms of Service",              href: "#"
+            }
+          ]
+        }
       ]}
       copyrightText="© 2025 Shopify Store. All rights reserved."
     />
-- 
2.49.1