From 91f0a67d43abf308faaf5e4b64cf9e732c116451 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 26 Mar 2026 13:31:25 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 293 +++++++++++++++--------------------------------
 1 file changed, 94 insertions(+), 199 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e159561..4106000 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,216 +13,111 @@ import TextAbout from '@/components/sections/about/TextAbout';
 export default function LandingPage() {
   return (
     <ThemeProvider
-        contentWidth="w-content-width"
-        sizing="default"
-        background="background-1"
-        cardStyle="card-1"
-        buttonStyle="primary-button-1"
-        navbar="navbar-1"
-        footer="footer-1"
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Properties",
-          id: "properties",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="EstatePro"
-      button={{
-        text: "Contact Us",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Properties", id: "properties" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="EstatePro"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
-      logoText="Find Your Next Home"
-      description="We specialize in curating the finest residential properties for discerning buyers, combining decades of local expertise with personalized service to find your dream space."
-      buttons={[
-        {
-          text: "Browse Properties",
-          href: "#properties",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="https://pixabay.com/get/g4e93a7ef883022e4fa6b8adaaa7ab8ee299f9862b5e8693de17f609838b0f2c0e8a3e874118c028a3788e6d65a4428be8d8112c34545df39602232781179d4e1_1280.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogoBillboard
+            logoText="Find Your Next Home"
+            description="We specialize in curating the finest residential properties for discerning buyers, combining decades of local expertise with personalized service to find your dream space."
+            buttons={[
+              { text: "Browse Properties", href: "#properties" },
+              { text: "Contact Us", href: "#contact" },
+            ]}
+            background={{ variant: "gradient-bars" }}
+            imageSrc="https://pixabay.com/get/g4e93a7ef883022e4fa6b8adaaa7ab8ee299f9862b5e8693de17f609838b0f2c0e8a3e874118c028a3788e6d65a4428be8d8112c34545df39602232781179d4e1_1280.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={true}
-      tag="About Us"
-      title="Your Trusted Partner in Real Estate"
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            title="Your Trusted Partner in Real Estate"
+            tag="About Us"
+            useInvertedBackground={true}
+            buttons={[{ text: "Learn More", href: "#" }]}
+          />
+        </div>
 
-  <div id="properties" data-section="properties">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Modern Villa",
-          price: "$1,250,000",
-          imageSrc: "https://pixabay.com/get/gd6c01688f161815880ff8c9c95058010c178957ababaf908e69a198aa5806c31f8ec8818b576d98223630aeb595e124146a5dda38144e82d2a85608db25be8cf_1280.jpg",
-        },
-        {
-          id: "2",
-          name: "Spacious Garden Home",
-          price: "$890,000",
-          imageSrc: "https://pixabay.com/get/gaab2381c39d605a9b04a9c437dcd106e67bf11d9b200cbf618ef49f18089b18c485e95f0a4fe278dde824b933566045621ae2f48f4c9765700a4f5a90093ad25_1280.jpg",
-        },
-        {
-          id: "3",
-          name: "Luxury Apartment",
-          price: "$675,000",
-          imageSrc: "https://pixabay.com/get/g1e78fe78fc5804c879739c7d95c9417e70ac8c481e5e380aca702abc9ac0e5e249984774cdfff52d6332fd68c22446b15021887841545a167b06456599bea77f_1280.jpg",
-        },
-      ]}
-      title="Featured Listings"
-      description="Discover our latest premium collection of homes, carefully selected for their unique design and prime location."
-    />
-  </div>
+        <div id="properties" data-section="properties">
+          <ProductCardThree
+            title="Featured Listings"
+            description="Discover our latest premium collection of homes, carefully selected for their unique design and prime location."
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Modern Villa", price: "$1,250,000", imageSrc: "https://pixabay.com/get/gd6c01688f161815880ff8c9c95058010c178957ababaf908e69a198aa5806c31f8ec8818b576d98223630aeb595e124146a5dda38144e82d2a85608db25be8cf_1280.jpg" },
+              { id: "2", name: "Spacious Garden Home", price: "$890,000", imageSrc: "https://pixabay.com/get/gaab2381c39d605a9b04a9c437dcd106e67bf11d9b200cbf618ef49f18089b18c485e95f0a4fe278dde824b933566045621ae2f48f4c9765700a4f5a90093ad25_1280.jpg" },
+              { id: "3", name: "Luxury Apartment", price: "$675,000", imageSrc: "https://pixabay.com/get/g1e78fe78fc5804c879739c7d95c9417e70ac8c481e5e380aca702abc9ac0e5e249984774cdfff52d6332fd68c22446b15021887841545a167b06456599bea77f_1280.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "An incredible experience. They understood exactly what I needed.",
-          imageSrc: "https://pixabay.com/get/g06829ae4f2734c25c9d45894f9af07cd48e0c1a9b2898339d1255a6c1ccebb65e80dc1f109fe7c67a41eb1e802b2e7128788cf39812e5cced71ccdab7acab884_1280.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael B.",
-          handle: "@mikeb",
-          testimonial: "Professional, efficient, and very knowledgeable. Highly recommended!",
-          imageSrc: "https://pixabay.com/get/ge774e8cac821128470a2f0e9356990660d9fb8b1ec9ef2f3bec676bf53f9e951219b7ab57359170e6d6964df26c889b2a73a475ff6e0a4d8214e2ef81ded1308_1280.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena R.",
-          handle: "@elenar",
-          testimonial: "Found my dream apartment in record time. Seamless transaction.",
-          imageSrc: "https://pixabay.com/get/g7740db799b1a5153959d77131e7c76f37a5b37d208917fd5708fa18ee314611b67c97eafb19dbb2c12eebdfc5be87cd188f3c2a002865cf0382ff781a596c912_1280.jpg",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          handle: "@davidk",
-          testimonial: "The best team in the market. They made the whole process easy.",
-          imageSrc: "https://pixabay.com/get/gbd1f319aecea121be9d5f76fdf354cdb23a4804e749ae4a73a442ccf607fbc194dadb9fd4b5e58e1ba013d2f118c2a218881c769de75afc1e250a9e3857f66ca_1280.jpg",
-        },
-      ]}
-      title="Client Success Stories"
-      description="Hear from our clients who found their perfect homes with us."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            title="Client Success Stories"
+            description="Hear from our clients who found their perfect homes with us."
+            animationType="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "An incredible experience. They understood exactly what I needed.", imageSrc: "https://pixabay.com/get/g06829ae4f2734c25c9d45894f9af07cd48e0c1a9b2898339d1255a6c1ccebb65e80dc1f109fe7c67a41eb1e802b2e7128788cf39812e5cced71ccdab7acab884_1280.jpg" },
+              { id: "2", name: "Michael B.", handle: "@mikeb", testimonial: "Professional, efficient, and very knowledgeable. Highly recommended!", imageSrc: "https://pixabay.com/get/ge774e8cac821128470a2f0e9356990660d9fb8b1ec9ef2f3bec676bf53f9e951219b7ab57359170e6d6964df26c889b2a73a475ff6e0a4d8214e2ef81ded1308_1280.jpg" },
+              { id: "3", name: "Elena R.", handle: "@elenar", testimonial: "Found my dream apartment in record time. Seamless transaction.", imageSrc: "https://pixabay.com/get/g7740db799b1a5153959d77131e7c76f37a5b37d208917fd5708fa18ee314611b67c97eafb19dbb2c12eebdfc5be87cd188f3c2a002865cf0382ff781a596c912_1280.jpg" },
+              { id: "4", name: "David K.", handle: "@davidk", testimonial: "The best team in the market. They made the whole process easy.", imageSrc: "https://pixabay.com/get/gbd1f319aecea121be9d5f76fdf354cdb23a4804e749ae4a73a442ccf607fbc194dadb9fd4b5e58e1ba013d2f118c2a218881c769de75afc1e250a9e3857f66ca_1280.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Let's Get Started"
-      description="Contact us today for a personalized consultation or to schedule a viewing of any of our featured listings."
-      inputs={[
-        {
-          name: "fullName",
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "How can we help you?",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="https://pixabay.com/get/gcca8b8038a24cf8b7499f51dcc16cd70bbcf56e21ea165bdf2f97cf539fac66bc75e6e139a79cb3f21f8c7e9cd69ae734419d9cde62ab3f49ebb35c260b818c7_1280.jpg"
-      mediaAnimation="opacity"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            title="Let's Get Started"
+            description="Contact us today for a personalized consultation or to schedule a viewing of any of our featured listings."
+            useInvertedBackground={false}
+            inputs={[
+              { name: "fullName", type: "text", placeholder: "Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "How can we help you?", rows: 4, required: true }}
+            imageSrc="https://pixabay.com/get/gcca8b8038a24cf8b7499f51dcc16cd70bbcf56e21ea165bdf2f97cf539fac66bc75e6e139a79cb3f21f8c7e9cd69ae734419d9cde62ab3f49ebb35c260b818c7_1280.jpg"
+            mediaAnimation="opacity"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="EstatePro"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 | EstatePro"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="EstatePro"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
+              { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
+            ]}
+            copyrightText="© 2025 | EstatePro"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );