From 67f2a58df99a4731633bafcc5c5cf2bcd6ea19d9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 7 May 2026 07:02:10 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 203 ++++++++++++-----------------------------------
 1 file changed, 51 insertions(+), 152 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8fff0e8..cd836e9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Listings",
-          id: "#products",
-        },
+          name: "Listings",          id: "#products"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Elysian Estates"
     />
@@ -56,8 +48,7 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Defining Luxury Real Estate"
       description="Exquisite estates curated for the most discerning individuals. Discover your private sanctuary with Elysian Estates."
       imageSrc="http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg"
@@ -84,34 +75,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          label: "Concierge",
-          title: "24/7 Personalized Service",
-          items: [
-            "Private tours",
-            "Legal consultation",
-            "Property management",
-          ],
+          id: "f1",          label: "Concierge",          title: "24/7 Personalized Service",          items: [
+            "Private tours",            "Legal consultation",            "Property management"],
         },
         {
-          id: "f2",
-          label: "Privacy",
-          title: "Discreet Acquisitions",
-          items: [
-            "Off-market listings",
-            "Identity protection",
-            "Private negotiations",
-          ],
+          id: "f2",          label: "Privacy",          title: "Discreet Acquisitions",          items: [
+            "Off-market listings",            "Identity protection",            "Private negotiations"],
         },
         {
-          id: "f3",
-          label: "Global",
-          title: "International Network",
-          items: [
-            "Worldwide access",
-            "Bilingual support",
-            "Relocation assistance",
-          ],
+          id: "f3",          label: "Global",          title: "International Network",          items: [
+            "Worldwide access",            "Bilingual support",            "Relocation assistance"],
         },
       ]}
       title="Why Elysian"
@@ -127,41 +100,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          name: "Azure Villa",
-          price: "$8,500,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/relax-area-hotel_1150-10812.jpg",
-        },
+          id: "p1",          name: "Azure Villa",          price: "$8,500,000",          imageSrc: "http://img.b2bpic.net/free-photo/relax-area-hotel_1150-10812.jpg"},
         {
-          id: "p2",
-          name: "Skyview Penthouse",
-          price: "$12,000,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-pool-lush-tropical-surroundings_23-2152008195.jpg",
-        },
+          id: "p2",          name: "Skyview Penthouse",          price: "$12,000,000",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-pool-lush-tropical-surroundings_23-2152008195.jpg"},
         {
-          id: "p3",
-          name: "Riverside Estate",
-          price: "$6,200,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-woman-bikini-male-shirt-posing-with-glass-water-kitchen_627829-11342.jpg",
-        },
+          id: "p3",          name: "Riverside Estate",          price: "$6,200,000",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-woman-bikini-male-shirt-posing-with-glass-water-kitchen_627829-11342.jpg"},
         {
-          id: "p4",
-          name: "Mountain Sanctuary",
-          price: "$4,800,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059652.jpg",
-        },
+          id: "p4",          name: "Mountain Sanctuary",          price: "$4,800,000",          imageSrc: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059652.jpg"},
         {
-          id: "p5",
-          name: "Urban Haven",
-          price: "$3,500,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-kitchen-minimalist-style_169016-20010.jpg",
-        },
+          id: "p5",          name: "Urban Haven",          price: "$3,500,000",          imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-kitchen-minimalist-style_169016-20010.jpg"},
         {
-          id: "p6",
-          name: "Coastal Escape",
-          price: "$7,100,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dining-set-modern-luxury-dining-room_105762-1798.jpg",
-        },
+          id: "p6",          name: "Coastal Escape",          price: "$7,100,000",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dining-set-modern-luxury-dining-room_105762-1798.jpg"},
       ]}
       title="Exclusive Listings"
       description="A curated selection of the finest properties currently available worldwide."
@@ -175,23 +124,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          icon: Building,
-          title: "Properties Sold",
-          value: "1,200+",
-        },
+          id: "m1",          icon: Building,
+          title: "Properties Sold",          value: "1,200+"},
         {
-          id: "m2",
-          icon: Users,
-          title: "Happy Clients",
-          value: "950+",
-        },
+          id: "m2",          icon: Users,
+          title: "Happy Clients",          value: "950+"},
         {
-          id: "m3",
-          icon: Globe,
-          title: "Countries",
-          value: "25+",
-        },
+          id: "m3",          icon: Globe,
+          title: "Countries",          value: "25+"},
       ]}
       title="By The Numbers"
       description="Proven results for discerning clients."
@@ -203,30 +143,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          name: "Alexander Sterling",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-woman-smiling-confident-studying-home_839833-22673.jpg",
-        },
+          id: "t1",          name: "Alexander Sterling",          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-woman-smiling-confident-studying-home_839833-22673.jpg"},
         {
-          id: "t2",
-          name: "Sophia Moretti",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg",
-        },
+          id: "t2",          name: "Sophia Moretti",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg"},
         {
-          id: "t3",
-          name: "Julian Thorne",
-          imageSrc: "http://img.b2bpic.net/free-photo/charming-female-employee-helping-out-coworker-sitting-discussing-project-office-lounge-zone-lying-sofa-typing-keyboard-laptop-smiling-camera-amused-talking-freelancing-coworking-space_197531-30350.jpg",
-        },
+          id: "t3",          name: "Julian Thorne",          imageSrc: "http://img.b2bpic.net/free-photo/charming-female-employee-helping-out-coworker-sitting-discussing-project-office-lounge-zone-lying-sofa-typing-keyboard-laptop-smiling-camera-amused-talking-freelancing-coworking-space_197531-30350.jpg"},
         {
-          id: "t4",
-          name: "Elena Vance",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-luxury-travel-house_23-2149140851.jpg",
-        },
+          id: "t4",          name: "Elena Vance",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-luxury-travel-house_23-2149140851.jpg"},
         {
-          id: "t5",
-          name: "Marcus Aurelius",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
-        },
+          id: "t5",          name: "Marcus Aurelius",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg"},
       ]}
       cardTitle="Client Voices"
       cardTag="Testimonials"
@@ -239,20 +164,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "How do we handle privacy?",
-          content: "We use encrypted channels and strict non-disclosure agreements for all transactions.",
-        },
+          id: "q1",          title: "How do we handle privacy?",          content: "We use encrypted channels and strict non-disclosure agreements for all transactions."},
         {
-          id: "q2",
-          title: "Can you handle international sales?",
-          content: "Yes, our team has global expertise in handling complex international real estate law.",
-        },
+          id: "q2",          title: "Can you handle international sales?",          content: "Yes, our team has global expertise in handling complex international real estate law."},
         {
-          id: "q3",
-          title: "How do I book a private tour?",
-          content: "Simply contact our concierge desk directly to schedule an exclusive viewing.",
-        },
+          id: "q3",          title: "How do I book a private tour?",          content: "Simply contact our concierge desk directly to schedule an exclusive viewing."},
       ]}
       sideTitle="Common Inquiries"
       faqsAnimation="slide-up"
@@ -261,55 +177,38 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get In Touch"
+      <ContactSplitForm
       title="Start Your Journey"
       description="Ready to find your dream property? Connect with us today for a private consultation."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true }
+      ]}
+      useInvertedBackground={true}
       imageSrc="http://img.b2bpic.net/free-photo/stylish-empty-desk-high-end-loft-apartment-workspace_482257-120187.jpg"
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBase
+      logoText="Elysian Estates"
       columns={[
         {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Listings",
-              href: "#products",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
+          title: "Company",          items: [
+            { label: "About", href: "#about" },
+            { label: "Listings", href: "#products" },
+          ]
         },
         {
-          items: [
-            {
-              label: "Terms",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
+          title: "Legal",          items: [
+            { label: "Terms", href: "#" },
+            { label: "Privacy", href: "#" },
+          ]
+        }
       ]}
-      logoText="Elysian Estates"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file