From 7c5c850ff520dbd4acb460cc776ad714342f80e0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 30 Apr 2026 10:01:49 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6aae92b..ab52db4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,36 +11,35 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Shield, Zap, Target } from 'lucide-react';
 
 const navItems = [{ name: "Home", id: "/" }];
 
 export default function Page() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen navItems={navItems} logoText="Logo" />
+        <NavbarStyleFullscreen navItems={navItems} />
       </div>
       <div id="hero" data-section="hero">
         <HeroOverlay title="Welcome" description="Description" />
       </div>
       <div id="features" data-section="features">
-        <FeatureCardMedia title="Features" description="Features desc" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[]} />
+        <FeatureCardMedia title="Features" description="Features desc" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{ id: "f1", title: "Feature 1", description: "Desc 1", tag: "Tag 1" }, { id: "f2", title: "Feature 2", description: "Desc 2", tag: "Tag 2" }]} />
       </div>
       <div id="services" data-section="services">
-        <ProductCardFour title="Services" description="Services desc" gridVariant="bento-grid" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} products={[]} />
+        <ProductCardFour title="Services" description="Services desc" gridVariant="bento-grid" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} products={[{ id: "p1", name: "Prod 1", price: "$10", variant: "V1", imageSrc: "img1" }, { id: "p2", name: "Prod 2", price: "$20", variant: "V2", imageSrc: "img2" }, { id: "p3", name: "Prod 3", price: "$30", variant: "V3", imageSrc: "img3" }]} />
       </div>
       <div id="projects" data-section="projects">
         <MediaAbout title="Projects" description="Projects desc" useInvertedBackground={false} />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwelve cardTitle="Testimonials" cardTag="Tag" cardAnimation="slide-up" useInvertedBackground={false} testimonials={[]} />
+        <TestimonialCardTwelve cardTitle="Testimonials" cardTag="Tag" cardAnimation="slide-up" useInvertedBackground={false} testimonials={[{ id: "t1", name: "Name 1", imageSrc: "img1" }, { id: "t2", name: "Name 2", imageSrc: "img2" }]} />
       </div>
       <div id="savings" data-section="savings">
-        <MetricCardSeven title="Savings" description="Savings desc" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} metrics={[]} />
+        <MetricCardSeven title="Savings" description="Savings desc" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} metrics={[{ id: "m1", value: "10%", title: "Metric 1", items: ["Item 1"] }, { id: "m2", value: "20%", title: "Metric 2", items: ["Item 2"] }]} />
       </div>
       <div id="faq" data-section="faq">
-        <FaqBase title="FAQ" description="FAQ desc" faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} faqs={[]} />
+        <FaqBase title="FAQ" description="FAQ desc" faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} faqs={[{ id: "q1", title: "Q1", content: "A1" }, { id: "q2", title: "Q2", content: "A2" }]} />
       </div>
       <div id="contact" data-section="contact">
         <ContactCenter tag="Contact" title="Get in touch" description="Contact us" useInvertedBackground={false} background={{ variant: "plain" }} />