From 2f63413ef1902547a376bbb575d36651ba0077c5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 07:33:03 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 422 +++++++++++++----------------------------------
 1 file changed, 112 insertions(+), 310 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e06b413..9fef859 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,324 +20,126 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Properties",
-          id: "products",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Elite Estate"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Properties", id: "products" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Elite Estate"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="ELITE ESTATE"
-      description="Discover your dream property with our expert team. We bring luxury and lifestyle together seamlessly."
-      buttons={[
-        {
-          text: "Browse Properties",
-          href: "#products",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-girl-posing-street-dress-with-backpack_1296-805.jpg?_wi=1"
-      imageAlt="Luxury home exterior"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="ELITE ESTATE"
+            description="Discover your dream property with our expert team. We bring luxury and lifestyle together seamlessly."
+            buttons={[
+              { text: "Browse Properties", href: "#products" },
+              { text: "Contact Us", href: "#contact" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-girl-posing-street-dress-with-backpack_1296-805.jpg"
+            imageAlt="Luxury home exterior"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Years of Excellence in Realty"
-      description="Our agency is dedicated to matching you with the perfect home. We prioritize transparency, integrity, and client satisfaction above all else."
-      metrics={[
-        {
-          value: "500+",
-          title: "Homes Sold",
-        },
-        {
-          value: "12+",
-          title: "Years Experience",
-        },
-        {
-          value: "98%",
-          title: "Satisfaction Rate",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/cheerful-business-people_1098-16470.jpg?_wi=1"
-      imageAlt="Real estate professional"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Years of Excellence in Realty"
+            description="Our agency is dedicated to matching you with the perfect home. We prioritize transparency, integrity, and client satisfaction above all else."
+            metrics={[
+              { value: "500+", title: "Homes Sold" },
+              { value: "12+", title: "Years Experience" },
+              { value: "98%", title: "Satisfaction Rate" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/cheerful-business-people_1098-16470.jpg"
+            imageAlt="Real estate professional"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Expert Guidance",
-          description: "Local market knowledge for better results.",
-          bentoComponent: "reveal-icon",
-          icon: ShieldCheck,
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-building-exterior-night-with-architectural-lighting_84443-74866.jpg",
-          imageAlt: "Modern Building Exterior at Night with Architectural Lighting",
-        },
-        {
-          title: "Property Valuation",
-          description: "Accurate pricing for every asset.",
-          bentoComponent: "reveal-icon",
-          icon: Building2,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-posing-street-dress-with-backpack_1296-805.jpg?_wi=2",
-          imageAlt: "Modern Building Exterior at Night with Architectural Lighting",
-        },
-        {
-          title: "Global Network",
-          description: "Access to international listings.",
-          bentoComponent: "reveal-icon",
-          icon: Globe,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-people_1098-16470.jpg?_wi=2",
-          imageAlt: "Modern Building Exterior at Night with Architectural Lighting",
-        },
-      ]}
-      title="Why Choose Elite Estate"
-      description="We offer a comprehensive suite of services to ensure your real estate journey is smooth, efficient, and successful."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Expert Guidance",                description: "Local market knowledge for better results.",                bentoComponent: "reveal-icon",                icon: ShieldCheck
+              },
+              {
+                title: "Property Valuation",                description: "Accurate pricing for every asset.",                bentoComponent: "reveal-icon",                icon: Building2
+              },
+              {
+                title: "Global Network",                description: "Access to international listings.",                bentoComponent: "reveal-icon",                icon: Globe
+              },
+            ]}
+            title="Why Choose Elite Estate"
+            description="We offer a comprehensive suite of services to ensure your real estate journey is smooth, efficient, and successful."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Luxury Villa",
-          price: "$1,200,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/pink-villa-by-mountains-aesthetic_23-2151949113.jpg",
-        },
-        {
-          id: "2",
-          name: "Urban Apartment",
-          price: "$450,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-handsome-bearded-brutal-man-enjoying-sunset-view-bangkok-city-from-high-floor_343596-14.jpg",
-        },
-        {
-          id: "3",
-          name: "Suburban Home",
-          price: "$600,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-stone-metal-building-blue-sky_181624-7605.jpg",
-        },
-        {
-          id: "4",
-          name: "Modern Penthouse",
-          price: "$2,500,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-80.jpg",
-        },
-        {
-          id: "5",
-          name: "Beachside Cottage",
-          price: "$850,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings_23-2149661419.jpg",
-        },
-        {
-          id: "6",
-          name: "Family Townhouse",
-          price: "$520,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-building-with-geometric-facade-clean-lines-clear-sky_41433-196.jpg",
-        },
-      ]}
-      title="Featured Listings"
-      description="Explore our curated selection of top-tier residential and commercial properties."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Luxury Villa", price: "$1,200,000", imageSrc: "http://img.b2bpic.net/free-photo/pink-villa-by-mountains-aesthetic_23-2151949113.jpg" },
+              { id: "2", name: "Urban Apartment", price: "$450,000", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-handsome-bearded-brutal-man-enjoying-sunset-view-bangkok-city-from-high-floor_343596-14.jpg" },
+              { id: "3", name: "Suburban Home", price: "$600,000", imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-stone-metal-building-blue-sky_181624-7605.jpg" },
+            ]}
+            title="Featured Listings"
+            description="Explore our curated selection of top-tier residential and commercial properties."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "15k+",
-          description: "Active Users",
-        },
-        {
-          id: "m2",
-          value: "$2B",
-          description: "Assets Managed",
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          description: "Support Availability",
-        },
-      ]}
-      title="Market Impact"
-      description="Reliable data-driven results for every client."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Let's Talk"
+            title="Connect With a Dealer"
+            description="Our experts are ready to assist you with your property needs."
+            inputPlaceholder="Enter your email address"
+            buttonText="Schedule a Meeting"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Alice Johnson",
-          handle: "@alice",
-          testimonial: "Excellent service and professionalism throughout the home buying process.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-holding-keys_23-2148252052.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mark Stevens",
-          handle: "@mark",
-          testimonial: "They made buying our first home effortless and enjoyable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-showing-new-house-smiley-couple-laptop_23-2148895494.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sarah Miller",
-          handle: "@sarah",
-          testimonial: "Professional, kind, and extremely knowledgeable about the local market.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-love-together-hugging-kitchen_23-2148113941.jpg",
-        },
-        {
-          id: "t4",
-          name: "Robert Smith",
-          handle: "@bob",
-          testimonial: "Highly recommend their services for anyone in the market.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-from-home_23-2149173331.jpg",
-        },
-        {
-          id: "t5",
-          name: "Elena Rodriguez",
-          handle: "@elena",
-          testimonial: "Best experience I've ever had with a real estate team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-picture-album_23-2149515315.jpg",
-        },
-      ]}
-      title="Client Success Stories"
-      description="Don't take our word for it—listen to the families we've helped find their perfect home."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "How do I schedule a visit?",
-          content: "Simply click the contact link and fill out the form.",
-        },
-        {
-          id: "f2",
-          title: "Do you offer property financing?",
-          content: "We work with top lenders to provide financial guidance.",
-        },
-        {
-          id: "f3",
-          title: "Can you help with property management?",
-          content: "Yes, we have a specialized team for property maintenance.",
-        },
-      ]}
-      title="Common Questions"
-      description="Answers to everything you need to know about working with us."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Let's Talk"
-      title="Connect With a Dealer"
-      description="Our experts are ready to assist you with your property needs."
-      inputPlaceholder="Enter your email address"
-      buttonText="Schedule a Meeting"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="ELITE ESTATE"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help Center",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="ELITE ESTATE"
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "#" },
+                  { label: "Careers", href: "#" },
+                ],
+              },
+              {
+                title: "Support",                items: [
+                  { label: "Help Center", href: "#" },
+                  { label: "Contact", href: "#contact" },
+                ],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1