From 703c160ce2678d8311caa43be01fc40958a5aea1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 19:08:38 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 423 +++++++++++++++--------------------------------
 1 file changed, 133 insertions(+), 290 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3989d99..d313128 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,307 +19,150 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         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">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="FinestraTek"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Features", id: "features" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="FinestraTek"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlay
-      title="FinestraTek: High Performance Window Solutions"
-      description="Experience superior quality, thermal insulation, and modern design for your residential and commercial spaces."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/top-old-apartment-building-with-metal-projectiles-roof-clear-blue-sky_181624-2510.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg",
-          alt: "Smiley father posing with arms crossed",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-360.jpg",
-          alt: "Expressive senior female posing indoor",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg",
-          alt: "Medium shot smiley man at home with heater",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg",
-          alt: "Country music interpret singing outdoors",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-woman-standing-near-house_250224-214.jpg",
-          alt: "Smiling woman standing near house",
-        },
-      ]}
-      avatarText="Trusted by 10,000+ satisfied homeowners"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="FinestraTek: High Performance Window Solutions"
+            description="Experience superior quality, thermal insulation, and modern design for your residential and commercial spaces."
+            buttons={[{ text: "Contact Us", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/top-old-apartment-building-with-metal-projectiles-roof-clear-blue-sky_181624-2510.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg", alt: "Smiley father posing with arms crossed" },
+              { src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-360.jpg", alt: "Expressive senior female posing indoor" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg", alt: "Medium shot smiley man at home with heater" },
+              { src: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg", alt: "Country music interpret singing outdoors" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-woman-standing-near-house_250224-214.jpg", alt: "Smiling woman standing near house" }
+            ]}
+            avatarText="Trusted by 10,000+ satisfied homeowners"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={true}
-      title="Excellence in Engineering"
-      description="FinestraTek combines precision engineering with contemporary aesthetics. We deliver innovative window solutions designed for longevity, energy efficiency, and unmatched clarity."
-      imageSrc="http://img.b2bpic.net/free-photo/man-enjoying-morning-with-cup-coffee_1098-21869.jpg"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={true}
+            title="Excellence in Engineering"
+            description="FinestraTek combines precision engineering with contemporary aesthetics. We deliver innovative window solutions designed for longevity, energy efficiency, and unmatched clarity."
+            imageSrc="http://img.b2bpic.net/free-photo/man-enjoying-morning-with-cup-coffee_1098-21869.jpg"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Energy Efficiency",
-          author: "Thermal Tech",
-          description: "Advanced thermal break technology that keeps your interior temperatures stable throughout the seasons.",
-          tags: [
-            "Performance",
-            "Green",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/battery-low-sign-front-side-with-white-background_187299-39729.jpg",
-        },
-        {
-          id: "f2",
-          title: "Sound Isolation",
-          author: "Acoustic Shield",
-          description: "Superior sound-dampening glass layers designed to create a quiet, tranquil home environment.",
-          tags: [
-            "Acoustics",
-            "Quiet",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/snowy-window-with-christmas-interior-decor_23-2149553479.jpg",
-        },
-        {
-          id: "f3",
-          title: "Advanced Security",
-          author: "Safety First",
-          description: "Multi-point locking mechanisms and impact-resistant materials for total peace of mind.",
-          tags: [
-            "Safety",
-            "Secure",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-smartphone-indoors_1163-1512.jpg",
-        },
-      ]}
-      title="Why Choose FinestraTek"
-      description="Our systems are built to redefine standards in window manufacturing."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Why Choose FinestraTek"
+            description="Our systems are built to redefine standards in window manufacturing."
+            features={[
+              { id: "f1", title: "Energy Efficiency", author: "Thermal Tech", description: "Advanced thermal break technology that keeps your interior temperatures stable throughout the seasons.", tags: ["Performance", "Green"], imageSrc: "http://img.b2bpic.net/free-photo/battery-low-sign-front-side-with-white-background_187299-39729.jpg" },
+              { id: "f2", title: "Sound Isolation", author: "Acoustic Shield", description: "Superior sound-dampening glass layers designed to create a quiet, tranquil home environment.", tags: ["Acoustics", "Quiet"], imageSrc: "http://img.b2bpic.net/free-photo/snowy-window-with-christmas-interior-decor_23-2149553479.jpg" },
+              { id: "f3", title: "Advanced Security", author: "Safety First", description: "Multi-point locking mechanisms and impact-resistant materials for total peace of mind.", tags: ["Safety", "Secure"], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-smartphone-indoors_1163-1512.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={true}
-      title="Our Impact"
-      tag="Trusted Quality"
-      metrics={[
-        {
-          id: "m1",
-          value: "10k+",
-          description: "Windows Installed",
-        },
-        {
-          id: "m2",
-          value: "99%",
-          description: "Customer Satisfaction",
-        },
-        {
-          id: "m3",
-          value: "15+",
-          description: "Years Experience",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={true}
+            title="Our Impact"
+            tag="Trusted Quality"
+            metricsAnimation="slide-up"
+            metrics={[
+              { id: "m1", value: "10k+", description: "Windows Installed" },
+              { id: "m2", value: "99%", description: "Customer Satisfaction" },
+              { id: "m3", value: "15+", description: "Years Experience" }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Marco R.",
-          role: "Architect",
-          company: "Studio Design",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg",
-        },
-        {
-          id: "t2",
-          name: "Giulia B.",
-          role: "Homeowner",
-          company: "Residential",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-architect-with-helmet-plan_23-2147702532.jpg",
-        },
-        {
-          id: "t3",
-          name: "Luca F.",
-          role: "Developer",
-          company: "Construction Lab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept_23-2147813127.jpg",
-        },
-        {
-          id: "t4",
-          name: "Elena S.",
-          role: "Interior Designer",
-          company: "Modern Living",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-luxury-travel-house_23-2149140859.jpg",
-        },
-        {
-          id: "t5",
-          name: "Paolo C.",
-          role: "Homeowner",
-          company: "Urban Homes",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/fellows-having-fun-outside_23-2147679231.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "5.0",
-          label: "Avg Rating",
-        },
-        {
-          value: "100%",
-          label: "Compliance",
-        },
-        {
-          value: "48h",
-          label: "Service Speed",
-        },
-      ]}
-      title="Client Success"
-      description="Read what our partners and homeowners say about FinestraTek."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Client Success"
+            description="Read what our partners and homeowners say about FinestraTek."
+            kpiItems={[
+              { value: "5.0", label: "Avg Rating" },
+              { value: "100%", label: "Compliance" },
+              { value: "48h", label: "Service Speed" }
+            ]}
+            testimonials={[
+              { id: "t1", name: "Marco R.", role: "Architect", company: "Studio Design", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg" },
+              { id: "t2", name: "Giulia B.", role: "Homeowner", company: "Residential", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-architect-with-helmet-plan_23-2147702532.jpg" },
+              { id: "t3", name: "Luca F.", role: "Developer", company: "Construction Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept_23-2147813127.jpg" },
+              { id: "t4", name: "Elena S.", role: "Interior Designer", company: "Modern Living", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-luxury-travel-house_23-2149140859.jpg" },
+              { id: "t5", name: "Paolo C.", role: "Homeowner", company: "Urban Homes", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fellows-having-fun-outside_23-2147679231.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "How long does installation take?",
-          content: "Installation timelines vary by the size of the project but typically conclude within 1-3 business days.",
-        },
-        {
-          id: "q2",
-          title: "Are these windows energy efficient?",
-          content: "Absolutely. All our windows feature advanced thermal breaks and multi-layer glazing for maximum efficiency.",
-        },
-        {
-          id: "q3",
-          title: "Do you provide custom sizing?",
-          content: "Yes, we specialize in bespoke window solutions tailored to the specific dimensions of your architectural design.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/black-businessman-assisting-clients_482257-121939.jpg"
-      title="Common Questions"
-      description="Find answers to our most frequently asked questions about installation and products."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqsAnimation="slide-up"
+            title="Common Questions"
+            description="Find answers to our most frequently asked questions about installation and products."
+            imageSrc="http://img.b2bpic.net/free-photo/black-businessman-assisting-clients_482257-121939.jpg"
+            faqs={[
+              { id: "q1", title: "How long does installation take?", content: "Installation timelines vary by the size of the project but typically conclude within 1-3 business days." },
+              { id: "q2", title: "Are these windows energy efficient?", content: "Absolutely. All our windows feature advanced thermal breaks and multi-layer glazing for maximum efficiency." },
+              { id: "q3", title: "Do you provide custom sizing?", content: "Yes, we specialize in bespoke window solutions tailored to the specific dimensions of your architectural design." }
+            ]}
+          />
+        </div>
 
-  <div id="blog" data-section="blog">
-      <BlogCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Latest Insights"
-      description="Stay informed on building trends and home improvements."
-      blogs={[
-        {
-          id: "b1",
-          category: "Guides",
-          title: "Choosing The Right Window Type",
-          excerpt: "Learn the difference between various window frame materials and glass options for your home.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388947.jpg",
-          authorName: "Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/woman-living-room-smiles-holding-mug_23-2148385593.jpg",
-          date: "2025-05-10",
-        },
-        {
-          id: "b2",
-          category: "Tips",
-          title: "Improving Energy Efficiency",
-          excerpt: "Small changes to your home insulation can drastically reduce your monthly energy consumption.",
-          imageSrc: "http://img.b2bpic.net/free-photo/color-year-interior-design-space-with-furniture-decor_23-2151397308.jpg",
-          authorName: "Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/concentrated-young-woman-her-modern-office_23-2147601430.jpg",
-          date: "2025-05-12",
-        },
-        {
-          id: "b3",
-          category: "Trends",
-          title: "Minimalist Design Trends 2025",
-          excerpt: "The latest styles in modern home architecture and window aesthetics.",
-          imageSrc: "http://img.b2bpic.net/free-photo/different-tools-workshop_23-2147749296.jpg",
-          authorName: "Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086842.jpg",
-          date: "2025-05-15",
-        },
-      ]}
-    />
-  </div>
+        <div id="blog" data-section="blog">
+          <BlogCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Latest Insights"
+            description="Stay informed on building trends and home improvements."
+            blogs={[
+              { id: "b1", category: "Guides", title: "Choosing The Right Window Type", excerpt: "Learn the difference between various window frame materials and glass options for your home.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388947.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/woman-living-room-smiles-holding-mug_23-2148385593.jpg", date: "2025-05-10" },
+              { id: "b2", category: "Tips", title: "Improving Energy Efficiency", excerpt: "Small changes to your home insulation can drastically reduce your monthly energy consumption.", imageSrc: "http://img.b2bpic.net/free-photo/color-year-interior-design-space-with-furniture-decor_23-2151397308.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/concentrated-young-woman-her-modern-office_23-2147601430.jpg", date: "2025-05-12" },
+              { id: "b3", category: "Trends", title: "Minimalist Design Trends 2025", excerpt: "The latest styles in modern home architecture and window aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/different-tools-workshop_23-2147749296.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086842.jpg", date: "2025-05-15" }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "animated-grid",
-      }}
-      text="Ready to get started on your home improvement project? Contact us today for a consultation."
-      buttons={[
-        {
-          text: "Email Support",
-          href: "mailto:hello@finestratek.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "animated-grid" }}
+            text="Ready to get started on your home improvement project? Contact us today for a consultation."
+            buttons={[{ text: "Email Support", href: "mailto:hello@finestratek.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="FinestraTek"
-      copyrightText="© 2025 FinestraTek | All Rights Reserved"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="FinestraTek"
+            copyrightText="© 2025 FinestraTek | All Rights Reserved"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1