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

---
 src/app/contact/page.tsx | 269 +++++++--------------------------------
 1 file changed, 46 insertions(+), 223 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 4c8cddb..a32f4a4 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,14 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactFaq from '@/components/sections/contact/ContactFaq';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import { Calendar, Mail, Phone } from "lucide-react";
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -24,225 +21,51 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-          href: "/",
-        },
-        {
-          name: "About",
-          id: "about",
-          href: "/about",
-        },
-        {
-          name: "Destinations",
-          id: "destinations",
-          href: "/destinations",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-          href: "/pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-          href: "/contact",
-        },
-      ]}
-      brandName="Wanderlust Journeys"
-      bottomLeftText="Explore the World"
-      bottomRightText="travel@wanderlust.com"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Destinations", id: "/destinations" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Wanderlust Journeys"
+            bottomLeftText="Explore the World"
+            bottomRightText="travel@wanderlust.com"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Get in Touch"
-      description="We'd love to hear from you! Fill out the form below or reach out directly, and let's start planning your next great adventure together."
-      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/table-with-map-touristic-set_23-2147732616.jpg?_wi=2"
-      imageAlt="beautiful world map travel"
-      mediaAnimation="slide-up"
-      buttonText="Send Message"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Get in Touch"
+            title="Plan Your Dream Getaway"
+            description="Ready to embark on an unforgettable journey? Our travel experts are here to help you every step of the way."
+            imageSrc="http://img.b2bpic.net/free-photo/table-with-map-touristic-set_23-2147732616.jpg"
+            imageAlt="Stylized world map with connecting lines"
+            mediaAnimation="slide-up"
+            mediaPosition="right"
+            inputPlaceholder="Your Email Address"
+            buttonText="Send Inquiry"
+            termsText="By submitting, you agree to our Privacy Policy and Terms of Service."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactFaq
-      animationType="slide-up"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "1",
-          title: "What are your business hours?",
-          content: "Our online support is available 24/7. For direct calls, our travel specialists are available Monday to Friday, 9:00 AM - 6:00 PM EST.",
-        },
-        {
-          id: "2",
-          title: "Where are you located?",
-          content: "Wanderlust Journeys operates globally with a primary office in New York City. We serve clients worldwide through our online platform and dedicated virtual consultations.",
-        },
-        {
-          id: "3",
-          title: "Do you offer international calls?",
-          content: "Yes, we offer international call options. Please schedule a call through our website or contact form, and we'll arrange it at a convenient time for you.",
-        },
-        {
-          id: "4",
-          title: "How quickly will I receive a response?",
-          content: "We aim to respond to all inquiries within 24-48 business hours. For urgent matters, please use our direct phone line.",
-        },
-      ]}
-      ctaTitle="Need Immediate Assistance?"
-      ctaDescription="Our dedicated team is ready to assist you with any urgent travel inquiries or last-minute questions."
-      ctaButton={{
-        text: "Call Us Now",
-        href: "tel:+1234567890",
-      }}
-      ctaIcon={Phone}
-    />
-  </div>
-
-  <div id="metric" data-section="metric">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          icon: Mail,
-          title: "Email Us",
-          value: "info@wanderlust.com",
-        },
-        {
-          id: "2",
-          icon: Phone,
-          title: "Call Us",
-          value: "+1 (555) 123-4567",
-        },
-        {
-          id: "3",
-          icon: Calendar,
-          title: "Office Hours",
-          value: "Mon-Fri: 9am-6pm EST",
-        },
-      ]}
-      title="Connect with Us"
-      description="We're here to help you every step of the way. Reach out via your preferred method and let us assist your travel needs."
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Our Team",
-              href: "/about#team",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Destinations",
-          items: [
-            {
-              label: "Asia",
-              href: "/destinations#asia",
-            },
-            {
-              label: "Europe",
-              href: "/destinations#europe",
-            },
-            {
-              label: "Americas",
-              href: "/destinations#americas",
-            },
-            {
-              label: "Africa",
-              href: "/destinations#africa",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "/pricing#faq",
-            },
-            {
-              label: "Contact Us",
-              href: "/contact",
-            },
-            {
-              label: "Booking Policy",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Wanderlust Journeys"
-      copyrightText="© 2024 Wanderlust Journeys. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/traveller-man-with-backpack-explores-iceland_346278-319.jpg"
+            imageAlt="Serene mountain lake at sunset"
+            columns={[
+              { title: "Destinations", items: [{ label: "Europe", href: "/destinations#europe" }, { label: "Asia", href: "/destinations#asia" }, { label: "Africa", href: "/destinations#africa" }, { label: "Americas", href: "/destinations#americas" }] },
+              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Our Team", href: "/about#team" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
+              { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "/contact" }, { label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] }
+            ]}
+            logoText="Wanderlust Journeys"
+            copyrightText="© 2025 | Wanderlust Journeys. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );