From 523170fab7330b3598eb095f19cf85ee803394ce Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 10 May 2026 13:26:16 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 454 +++++++++++++----------------------------------
 1 file changed, 120 insertions(+), 334 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1218cbc..36e22d8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,13 +6,13 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Home } from "lucide-react";
+import { Home, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -22,351 +22,137 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="mediumLarge"
         sizing="large"
-        background="noise"
-        cardStyle="soft-shadow"
+        background="floatingGradient"
+        cardStyle="glass-depth"
         primaryButtonStyle="gradient"
         secondaryButtonStyle="radial-glow"
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "The Space",
-          id: "about",
-        },
-        {
-          name: "Amenities",
-          id: "features",
-        },
-        {
-          name: "Residences",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Elysian Residences"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "The Space", id: "about" },
+              { name: "Amenities", id: "features" },
+              { name: "Residences", id: "products" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Elysian Residences"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="Elysian Residences"
-      description="Experience unparalleled luxury in this exquisite 4BHK apartment designed for those who demand the finest in residential elegance and urban serenity."
-      buttons={[
-        {
-          text: "Explore Residences",
-          href: "#products",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-loft-luxury-living-room-with-design-chandelier_105762-2226.jpg",
-          imageAlt: "luxury apartment balcony view sunset",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/terrace_1203-53.jpg",
-          imageAlt: "luxurious bedroom interior warm lighting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg",
-          imageAlt: "spacious luxury dining room design",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/bathtub-faucet-closeup-with-luxury-living-concept_53876-146213.jpg",
-          imageAlt: "modern luxury bathroom interior design",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378905.jpg",
-          imageAlt: "architectural balcony city view",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-urban-space-with-building-close-up_23-2148287770.jpg",
-          imageAlt: "modern premium apartment lobby",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlayTestimonial
+            title="Experience 4BHK 3D Living"
+            description="An immersive journey into unparalleled luxury, where architectural elegance meets digital sophistication in every corner of your future home."
+            testimonials={[
+              { name: "Sarah Miller", handle: "@architect", testimonial: "The 3D immersive feel is absolutely breathtaking.", rating: 5 },
+              { name: "David Thorne", handle: "@investor", testimonial: "The most modern residential experience I've seen.", rating: 5 }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-loft-luxury-living-room-with-design-chandelier_105762-2226.jpg"
+            tag="Immersive Experience"
+            tagIcon={Sparkles}
+            buttons={[{ text: "Explore", href: "#products" }]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="Architectural Marvel"
-      title="A Home That Inspires"
-      description="Nestled in the heart of the city, this 4BHK apartment offers a seamless blend of modern technology and timeless luxury, featuring a sprawling, extraordinary balcony perfect for serene moments."
-      subdescription="Every detail reflects refined craftsmanship, from the floor-to-ceiling windows to the curated premium interior finishes."
-      icon={Home}
-      imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929511.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={true}
+            tag="Architectural Marvel"
+            title="A Home That Inspires"
+            description="Nestled in the heart of the city, this 4BHK apartment offers a seamless blend of modern technology and timeless luxury."
+            subdescription="Every detail reflects refined craftsmanship, from the floor-to-ceiling windows to the curated premium interior finishes."
+            icon={Home}
+            imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929511.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Wellness Centre",
-          author: "Spa Level",
-          description: "Rejuvenate in our world-class fitness and wellness studio.",
-          tags: [
-            "Health",
-            "Wellness",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-doing-yoga-outdoors_23-2148732923.jpg",
-        },
-        {
-          id: "f2",
-          title: "Outdoor Serenity",
-          author: "Balcony Level",
-          description: "Expansive terraces providing 360-degree city skyline views.",
-          tags: [
-            "Outdoor",
-            "Balcony",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/two-people-cafe-enjoying-time-spending-with-each-other_23-2147891123.jpg",
-        },
-        {
-          id: "f3",
-          title: "Kitchen Excellence",
-          author: "Utility Level",
-          description: "Professional-grade culinary spaces with premium stone finishes.",
-          tags: [
-            "Kitchen",
-            "Utility",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/kitchen-symmetry-metal-cutlery-minimalist-storage_169016-68870.jpg",
-        },
-      ]}
-      title="Unrivaled Amenities"
-      description="Enjoy a suite of world-class facilities designed for ultimate comfort."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Wellness Centre", author: "Spa Level", description: "Rejuvenate in our world-class fitness studio.", tags: ["Health"], imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-doing-yoga-outdoors_23-2148732923.jpg" },
+              { id: "f2", title: "Outdoor Serenity", author: "Balcony Level", description: "Expansive terraces with city skyline views.", tags: ["Outdoor"], imageSrc: "http://img.b2bpic.net/free-photo/two-people-cafe-enjoying-time-spending-with-each-other_23-2147891123.jpg" }
+            ]}
+            title="Unrivaled Amenities"
+            description="Enjoy a suite of world-class facilities designed for ultimate comfort."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Master Suite A",
-          price: "View Details",
-          imageSrc: "http://img.b2bpic.net/free-photo/nice-organised-workspace-with-lamp_23-2148592289.jpg",
-        },
-        {
-          id: "p2",
-          name: "Living Hall",
-          price: "View Details",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-style-bedroom-interior-hotel-bedroom-generative-ai-illustration_1258-151611.jpg",
-        },
-        {
-          id: "p3",
-          name: "Dining Lounge",
-          price: "View Details",
-          imageSrc: "http://img.b2bpic.net/free-photo/shot-wooden-table-with-wooden-chairs-near-window-curtains-kitchen-with-black-interior_181624-4177.jpg",
-        },
-        {
-          id: "p4",
-          name: "Gourmet Kitchen",
-          price: "View Details",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-desk-art-supplies_23-2148577636.jpg",
-        },
-        {
-          id: "p5",
-          name: "Private Balcony",
-          price: "View Details",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-spending-time-home_23-2149160327.jpg",
-        },
-        {
-          id: "p6",
-          name: "Guest Suite",
-          price: "View Details",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-living-room-interior-modern-furniture_1048-14125.jpg",
-        },
-      ]}
-      title="Residence Layouts"
-      description="Choose the perfect spatial arrangement that fits your lifestyle."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "Master Suite A", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/nice-organised-workspace-with-lamp_23-2148592289.jpg" },
+              { id: "p2", name: "Living Hall", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-style-bedroom-interior-hotel-bedroom-generative-ai-illustration_1258-151611.jpg" }
+            ]}
+            title="Residence Layouts"
+            description="Choose the perfect spatial arrangement that fits your lifestyle."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "4BHK",
-          title: "Layout",
-          description: "Spacious family residence",
-          imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-still-life-with-black-sofa-decor-living-room_169016-6439.jpg",
-        },
-        {
-          id: "m2",
-          value: "1500sqft",
-          title: "Balcony Area",
-          description: "Exclusive terrace space",
-          imageSrc: "http://img.b2bpic.net/free-photo/popular-resort-with-pools-water-parks-turkey-hotel-resort_146671-18837.jpg",
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          title: "Security",
-          description: "Advanced tech monitoring",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683479.jpg",
-        },
-      ]}
-      title="Key Statistics"
-      description="Excellence defined by the numbers."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "4BHK", title: "Layout", description: "Spacious residence", imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-still-life-with-black-sofa-decor-living-room_169016-6439.jpg" },
+              { id: "m2", value: "1500sqft", title: "Terrace", description: "Exclusive area", imageSrc: "http://img.b2bpic.net/free-photo/popular-resort-with-pools-water-parks-turkey-hotel-resort_146671-18837.jpg" }
+            ]}
+            title="Key Statistics"
+            description="Excellence defined by the numbers."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Miller",
-          role: "Architect",
-          testimonial: "The design of the balcony alone is worth the investment. Absolutely breathtaking city views.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-family-spending-time-home_23-2150231646.jpg",
-        },
-        {
-          id: "t2",
-          name: "David Thorne",
-          role: "Entrepreneur",
-          testimonial: "Living here feels like being in a luxury hotel. The finishes are impeccable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-409.jpg",
-        },
-        {
-          id: "t3",
-          name: "Jessica Low",
-          role: "Designer",
-          testimonial: "The space utilization in the 4BHK layout is brilliant. Perfect for hosting.",
-          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-with-pizza-slice-mouth-playing-online-multiplayer-gaming-with-black-female-friend_482257-134983.jpg",
-        },
-        {
-          id: "t4",
-          name: "Mark Wilson",
-          role: "Tech Executive",
-          testimonial: "Incredible amenities and a very peaceful residential experience. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sharing-ideas-with-pretty-girlfriend_1098-15697.jpg",
-        },
-        {
-          id: "t5",
-          name: "Elena Ross",
-          role: "Artist",
-          testimonial: "The natural light flooding the rooms is an artist's dream. Simply stunning.",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-pizza-lunch_23-2148451694.jpg",
-        },
-      ]}
-      title="Resident Experiences"
-      description="What our residents say about their home."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Sarah Miller", role: "Architect", testimonial: "The balcony is breathtaking.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-family-spending-time-home_23-2150231646.jpg" }
+            ]}
+            title="Resident Experiences"
+            description="What our residents say."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Are the units fully furnished?",
-          content: "Yes, every unit comes with fully curated premium furnishings.",
-        },
-        {
-          id: "q2",
-          title: "What security measures exist?",
-          content: "We feature multi-layer biometric and 24/7 surveillance security.",
-        },
-        {
-          id: "q3",
-          title: "Is parking included?",
-          content: "Each residence includes two dedicated covered parking spots.",
-        },
-      ]}
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Get to know more about our living spaces."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[{ id: "q1", title: "Are units furnished?", content: "Yes, fully curated." }]}
+            sideTitle="Frequently Asked Questions"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Schedule a Private Viewing"
-      description="Reach out to our sales concierge to book a private tour of the apartment."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167810.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Schedule a Viewing"
+            description="Book your private tour today."
+            inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167810.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings_23-2149661416.jpg"
-      logoText="Elysian Residences"
-      columns={[
-        {
-          title: "Explore",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Amenities",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings_23-2149661416.jpg"
+            logoText="Elysian Residences"
+            columns={[{ title: "Explore", items: [{ label: "Home", href: "#hero" }] }]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file