From b1581e272558f6905a5c365bd04a4b28be7e44ab Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 13 May 2026 21:31:16 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f6a6822..90a4c38 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,36 +9,36 @@ import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaA
 import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Shield, Zap, Target, Star, CheckCircle } from "lucide-react";
+import { Zap, Target} from "lucide-react";
 
 export default function HomePage() {
   const navItems = [{ name: "Home", id: "/" }];
   
   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">
         <NavbarStyleCentered navItems={navItems} brandName="Webild" />
       </div>
       <div id="hero" data-section="hero">
-        <HeroSplit title="Design Your Future" description="Empowering businesses with modern digital solutions." background={{ variant: "gradient-bars" }} />
+        <HeroSplit title="Design Your Future" description="Empowering businesses with modern digital solutions." background={{ variant: "gradient-bars" }} mediaAnimation="slide-up" />
       </div>
       <div id="social-proof" data-section="social-proof">
-        <SocialProofOne names={["Acme", "Globex", "Soylent"]} title="Trusted by industry leaders" textboxLayout="default" />
+        <SocialProofOne names={["Acme", "Globex", "Soylent"]} title="Trusted by industry leaders" description="Working with the best in the business." textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="services" data-section="services">
         <FeatureCardTwentyFive title="Our Services" description="We provide top-tier digital transformation services." animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{ title: "Strategy", description: "Detailed planning", icon: Target, mediaItems: [{ imageSrc: "https://images.unsplash.com/photo-1552667466-07770ae110d0" }, { imageSrc: "https://images.unsplash.com/photo-1552667466-07770ae110d0" }] }]} />
       </div>
       <div id="why-us" data-section="why-us">
-        <MetricSplitMediaAbout title="Why Choose Us" description="We combine expertise with innovation." metrics={[{ value: "10+", title: "Years Experience" }]} useInvertedBackground={true} mediaAnimation="slide-up" />
+        <MetricSplitMediaAbout title="Why Choose Us" description="We combine expertise with innovation." metrics={[{ value: "10+", title: "Years Experience" }]} useInvertedBackground={true} />
       </div>
       <div id="reviews" data-section="reviews">
-        <TestimonialCardTwo title="Client Reviews" animationType="slide-up" textboxLayout="default" testimonials={[{ id: "1", name: "John Doe", role: "CEO", testimonial: "Fantastic results!" }]} />
+        <TestimonialCardTwo title="Client Reviews" description="What our clients say about us." animationType="slide-up" textboxLayout="default" useInvertedBackground={false} testimonials={[{ id: "1", name: "John Doe", role: "CEO", testimonial: "Fantastic results!" }]} />
       </div>
       <div id="process" data-section="process">
         <FeatureCardTwentyFive title="Our Process" description="Step-by-step excellence." animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{ title: "Discovery", description: "Understanding your needs", icon: Zap, mediaItems: [{ imageSrc: "https://images.unsplash.com/photo-1522202176988-66273c2fd55f" }, { imageSrc: "https://images.unsplash.com/photo-1522202176988-66273c2fd55f" }] }]} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactCTA tag="Contact" title="Get in Touch" description="Ready to start your project?" buttons={[{ text: "Contact Us", href: "#" }]} />
+        <ContactCTA tag="Contact" title="Get in Touch" description="Ready to start your project?" buttons={[{ text: "Contact Us", href: "#" }]} background={{ variant: "plain" }} useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterBase logoText="Webild" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />