Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -31,14 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Listings",          id: "features"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Reviews",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Listings", id: "features" },
+        { name: "About", id: "about" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="FlatVision"
     />
@@ -46,49 +42,24 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Your Next Home. Elevated."
       description="FlatVision curates premium apartments for people who refuse to settle. Live where you belong."
       leftCarouselItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg", imageAlt: "Luxury Interior View 1" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/kitchen-product-backdrop-interior-background-image_53876-145561.jpg", imageAlt: "Luxury Interior View 2" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-doing-sport-with-dog_52683-127956.jpg", imageAlt: "Luxury Interior View 3" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797707.jpg", imageAlt: "Luxury Interior View 4" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/young-european-woman-jumpsuit-sits-kitchen-table-ceiling-lapm-orange-warm-light_343596-1795.jpg", imageAlt: "Luxury Interior View 5" }
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dg0SMqCqggruzuDj3c4a785uYA/uploaded-1778688695483-iusfgyij.jpg?_wi=1", imageAlt: "Luxury Interior View 1" }
       ]}
       rightCarouselItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-seat-sky_1150-10819.jpg", imageAlt: "City View 1" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2150771911.jpg", imageAlt: "City View 2" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-70.jpg", imageAlt: "City View 3" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/sofa_1203-2905.jpg", imageAlt: "City View 4" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/black-wooden-wardrobe-decorated-with-blinds-wardrobe-with-blinds-decoration_169016-13065.jpg", imageAlt: "City View 5" }
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dg0SMqCqggruzuDj3c4a785uYA/uploaded-1778688695483-iusfgyij.jpg?_wi=2", imageAlt: "City View 1" }
       ]}
       buttons={[
         { text: "Explore Listings", href: "#features" },
         { text: "Book a Viewing", href: "#contact" },
       ]}
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/successful-businesswoman-posing-outdoors_1262-16431.jpg", alt: "Successful businesswoman posing outdoors" },
-        { src: "http://img.b2bpic.net/free-photo/portrait-smiling-business-woman-white-background_231208-14003.jpg", alt: "Portrait of smiling business woman" },
-        { src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195337.jpg", alt: "Portrait of confident young businesswoman" },
-        { src: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-camera-with-arm-crossed_23-2148187252.jpg", alt: "Confident businesswoman looking at camera" },
-        { src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg", alt: "Head shot of happy beautiful young woman" }
-      ]}
-      avatarText="Join 1,000+ happy residents"
-      marqueeItems={[
-        { type: "image", src: "http://img.b2bpic.net/free-photo/skyscrapers-sunset_1112-1870.jpg", alt: "Skyscrapers at sunset" },
-        { type: "image", src: "http://img.b2bpic.net/free-photo/armchairs-sofas_1203-695.jpg", alt: "Armchairs and sofas" },
-        { type: "image", src: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468895.jpg", alt: "Logistics operations" },
-        { type: "image", src: "http://img.b2bpic.net/free-photo/beach-chair-summer-sky-white_1203-5683.jpg", alt: "Beach chair" },
-        { type: "text", text: "FlatVision Excellence" }
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <AboutMetric
-      useInvertedBackground={false}
       title="Why Thousands Choose FlatVision"
       metrics={[
         { icon: Sparkles, label: "Smooth Move-ins", value: "98%" },
@@ -96,14 +67,16 @@ export default function LandingPage() {
         { icon: ShieldCheck, label: "Transparent Terms", value: "100%" }
       ]}
       metricsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureBento
       animationType="slide-up"
-      textboxLayout="split"
+      textboxLayout="split-actions"
       useInvertedBackground={false}
+      buttons={[{ text: "Explore All Listings", href: "#contact" }]}
       features={[
         {
           title: "Genuinely Helpful Team",          description: "Staff that goes above and beyond to support you.",          bentoComponent: "reveal-icon",          icon: Users
@@ -115,23 +88,8 @@ export default function LandingPage() {
           title: "Prime Locations",          description: "Unbeatable value in the heart of the city.",          bentoComponent: "reveal-icon",          icon: MapPin
         }
       ]}
-      title="Curated Spaces"
-      description="Discover premium apartments tailored for your lifestyle."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        { id: "m1", value: "500+", title: "Apartments Listed", items: ["Fully vetted", "Premium quality"] },
-        { id: "m2", value: "1.2k+", title: "Happy Residents", items: ["Found their home", "Part of the family"] },
-        { id: "m3", value: "4.9/5", title: "Resident Rating", items: ["Industry-leading", "Consistently rated"] }
-      ]}
-      title="Our Impact"
-      description="Excellence in real estate."
+      title="Featured Listings"
+      description="Discover premium apartments curated for your elevated lifestyle."
     />
   </div>
 
@@ -141,53 +99,63 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        { id: "1", name: "Sarah J.", handle: "Young Professional", testimonial: "The easiest move I've ever made. Zero stress.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
-        { id: "2", name: "Mark D.", handle: "Family Tenant", testimonial: "The team was so patient during our search.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-love-sitting-cozy-sofa_273443-623.jpg" },
-        { id: "3", name: "Elena R.", handle: "Resident", testimonial: "Maintenance was sorted within hours.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-handsome-man-sitting-couch-home-holding-tablet-listening-music-earphones-talking-online-happy-smiling-green-checkered-shirt-leisure-having-rest_285396-1597.jpg" },
-        { id: "4", name: "James L.", handle: "Returning Resident", testimonial: "Would never trust anyone else.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-sitting-sofa-home-portrait-comfortable-woman-winter-clothes-relaxing_657921-462.jpg" },
-        { id: "5", name: "David W.", handle: "Resident", testimonial: "Everything is transparent and honest.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-with-gadgets-sitting-couch_23-2147744834.jpg" }
+        { id: "1", name: "Sarah J.", handle: "Professional", testimonial: "The easiest move I've ever made.", rating: 5 },
+        { id: "2", name: "Mark D.", handle: "Resident", testimonial: "The team went above and beyond.", rating: 5 }
       ]}
       showRating={true}
-      title="Hear It From Those Who Live Here"
-      description="Real feedback from residents who chose FlatVision."
+      title="Resident Reviews"
+      description="Real feedback from people who love living in our communities."
+    />
+  </div>
+
+  <div id="metrics" data-section="metrics">
+      <MetricCardSeven
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      metrics={[
+        { id: "m1", value: "500+", title: "Apartments", items: ["Vetted", "Luxury"] },
+        { id: "m2", value: "1.2k+", title: "Residents", items: ["Happy", "Connected"] },
+        { id: "m3", value: "4.9/5", title: "Rating", items: ["Consistent", "Quality"] }
+      ]}
+      title="Trust & Credentials"
+      description="Proven excellence in property management."
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqDouble
+      faqs={[
+        { id: "f1", title: "How does it work?", content: "Browse, view, apply, and move in effortlessly." },
+        { id: "f2", title: "Is maintenance reliable?", content: "Yes, we provide 24/7 dedicated support." }
+      ]}
+      title="How It Works"
+      description="Simple steps to your new luxury apartment."
+      faqsAnimation="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      faqs={[
-        { id: "f1", title: "Are pets allowed?", content: "Yes, we are pet-friendly in most locations." },
-        { id: "f2", title: "Is maintenance fast?", content: "We offer 24-hour maintenance support." },
-        { id: "f3", title: "How do I book a viewing?", content: "Simply fill out our contact form." }
-      ]}
-      title="Frequently Asked Questions"
-      description="Everything you need to know."
-      faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
-      useInvertedBackground={false}
-      background={{ variant: "sparkles-gradient" }}
+      title="Ready for Your New Home?"
+      description="Speak to our advisors to schedule a private tour today."
       tag="Contact Us"
-      title="Your Perfect Flat Is One Call Away"
-      description="Speak to a FlatVision advisor today — no pressure, just results."
-      imageSrc="http://img.b2bpic.net/free-photo/view-house-lamp-with-futuristic-design_23-2151037462.jpg"
-      mediaAnimation="slide-up"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dg0SMqCqggruzuDj3c4a785uYA/uploaded-1778688695483-iusfgyij.jpg?_wi=3"
+      background={{ variant: "plain" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="FlatVision"
-      leftLink={{ text: "Terms of Service", href: "#" }}
-      rightLink={{ text: "Privacy Policy", href: "#" }}
+      leftLink={{ text: "Terms", href: "#" }}
+      rightLink={{ text: "Privacy", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}