From d76883dd34b23d65a8a2da078b29929719ee9759 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 30 Mar 2026 05:30:47 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 322 +++++++++++++++++------------------------------
 1 file changed, 115 insertions(+), 207 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 491c1a8..2b4bd2e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,221 +13,129 @@ import TextAbout from '@/components/sections/about/TextAbout';
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="expand-hover"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="ArtisanDoors"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "About", id: "about" },
+              { name: "Features", id: "features" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="ArtisanDoors"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroSplit
-      background={{
-        variant: "plain",
-      }}
-      title="Entrance to Elegance"
-      description="Crafting bespoke door designs tailored to your home's unique character. Excellence in every entry."
-      buttons={[
-        {
-          text: "View Our Collection",
-          href: "#features",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/decorative-wooden-entrance-door-historic-house-vintage-city-doorway_169016-71092.jpg"
-      imageAlt="Luxurious custom entrance door"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/house-entrance-plants-japanese-culture_23-2149301148.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13236.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/elegant-young-businesswoman-with-blue-jacket_23-2147605035.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/decorative-wooden-entrance-door-historic-house-vintage-city-doorway_169016-71092.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/house-entrance-japan-building_23-2149301118.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Trusted by 2000+ homeowners"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Sustainable Oak",
-        },
-        {
-          type: "text",
-          text: "Precision Steel",
-        },
-        {
-          type: "text",
-          text: "Hand-Carved",
-        },
-        {
-          type: "text",
-          text: "Architectural Design",
-        },
-        {
-          type: "text",
-          text: "Bespoke Hardware",
-        },
-      ]}
-    />
-  </div>
+        <div id="home" data-section="home">
+          <HeroSplit
+            background={{ variant: "plain" }}
+            title="Entrance to Elegance"
+            description="Crafting bespoke door designs tailored to your home's unique character. Excellence in every entry."
+            buttons={[{ text: "View Our Collection", href: "#features" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/decorative-wooden-entrance-door-historic-house-vintage-city-doorway_169016-71092.jpg"
+            imageAlt="Luxurious custom entrance door"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/house-entrance-plants-japanese-culture_23-2149301148.jpg", alt: "Client 1" },
+              { src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13236.jpg", alt: "Client 2" },
+              { src: "http://img.b2bpic.net/free-photo/elegant-young-businesswoman-with-blue-jacket_23-2147605035.jpg", alt: "Client 3" },
+              { src: "http://img.b2bpic.net/free-photo/decorative-wooden-entrance-door-historic-house-vintage-city-doorway_169016-71092.jpg", alt: "Client 4" },
+              { src: "http://img.b2bpic.net/free-photo/house-entrance-japan-building_23-2149301118.jpg", alt: "Client 5" }
+            ]}
+            avatarText="Trusted by 2000+ homeowners"
+            marqueeItems={[
+              { type: "text", text: "Sustainable Oak" },
+              { type: "text", text: "Precision Steel" },
+              { type: "text", text: "Hand-Carved" },
+              { type: "text", text: "Architectural Design" },
+              { type: "text", text: "Bespoke Hardware" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={true}
-      title="The Art of Entry"
-      buttons={[
-        {
-          text: "Read Our Story",
-          href: "#",
-        },
-      ]}
-      tag="Our Philosophy"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={true}
+            title="The Art of Entry"
+            buttons={[{ text: "Read Our Story", href: "#" }]}
+            tag="Our Philosophy"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: 1,
-          title: "Modern Precision",
-          description: "High-performance materials for durability and style.",
-          imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-plants-japanese-culture_23-2149301148.jpg",
-          imageAlt: "Modern entrance door",
-        },
-        {
-          id: 2,
-          title: "Artisan Craft",
-          description: "Hand-finished details that define true elegance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13236.jpg",
-          imageAlt: "Wood door detail",
-        },
-        {
-          id: 3,
-          title: "Bespoke Finishing",
-          description: "Custom glass, hardware, and textures to your taste.",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-businesswoman-with-blue-jacket_23-2147605035.jpg",
-          imageAlt: "Glass door design",
-        },
-      ]}
-      title="Designed for You"
-      description="Our custom designs transform standard entryways into architectural statements."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSix
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: 1, title: "Modern Precision", description: "High-performance materials for durability and style.", imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-plants-japanese-culture_23-2149301148.jpg", imageAlt: "Modern entrance door" },
+              { id: 2, title: "Artisan Craft", description: "Hand-finished details that define true elegance.", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13236.jpg", imageAlt: "Wood door detail" },
+              { id: 3, title: "Bespoke Finishing", description: "Custom glass, hardware, and textures to your taste.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-businesswoman-with-blue-jacket_23-2147605035.jpg", imageAlt: "Glass door design" }
+            ]}
+            title="Designed for You"
+            description="Our custom designs transform standard entryways into architectural statements."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="depth-3d"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          description: "Years of Craftsmanship",
-        },
-        {
-          id: "m2",
-          value: "2000+",
-          description: "Happy Clients",
-        },
-        {
-          id: "m3",
-          value: "98%",
-          description: "Referral Rate",
-        },
-      ]}
-      title="Quality in Numbers"
-      description="Proven performance and satisfaction in every build."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="depth-3d"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "15+", description: "Years of Craftsmanship" },
+              { id: "m2", value: "2000+", description: "Happy Clients" },
+              { id: "m3", value: "98%", description: "Referral Rate" }
+            ]}
+            title="Quality in Numbers"
+            description="Proven performance and satisfaction in every build."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get in touch"
-      title="Start Your Design"
-      description="Consult with our designers and bring your vision to life today."
-      imageSrc="http://img.b2bpic.net/free-photo/house-entrance-japan-building_23-2149301118.jpg"
-      imageAlt="Luxury front entrance"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Get in touch"
+            title="Start Your Design"
+            description="Consult with our designers and bring your vision to life today."
+            imageSrc="http://img.b2bpic.net/free-photo/house-entrance-japan-building_23-2149301118.jpg"
+            imageAlt="Luxury front entrance"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Features",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 ArtisanDoors. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About", href: "#about" },
+                  { label: "Features", href: "#features" }
+                ]
+              },
+              {
+                title: "Support",                items: [
+                  { label: "Contact", href: "#contact" },
+                  { label: "FAQ", href: "#" }
+                ]
+              }
+            ]}
+            copyrightText="© 2024 ArtisanDoors. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );