From 4d157ada2017db87e5653cd70f80c49be2244baf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 18:42:38 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 96 ++++++++++++++++++++++++++----------------------
 1 file changed, 53 insertions(+), 43 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index aa69375..3a7fa3f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,87 +9,97 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
 import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { Star, Shield, Zap, Facebook, Twitter } from 'lucide-react';
+import { Zap, Shield, ArrowRight, Star, Globe, Mail } from 'lucide-react';
 
 export default function Page() {
   const navItems = [
-    { name: "Home", id: "/" }
+    { name: "Home", id: "/" },
+    { name: "Contact", id: "/contact" }
   ];
+
   return (
-    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+    <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">
-        <NavbarStyleApple navItems={navItems} />
+        <NavbarStyleApple navItems={navItems} brandName="Webild" />
       </div>
       <div id="hero" data-section="hero">
         <HeroSplitTestimonial 
-          title="Build Smarter" 
-          description="Elevate your workflow with our advanced AI solutions designed for efficiency." 
-          background={{ variant: "gradient-bars" }} 
-          testimonials={[{ name: "Jane Doe", handle: "@janedoe", testimonial: "Incredible tool!", rating: 5 }]} 
-          mediaAnimation="slide-up" 
+          title="Systems. Strategies. Solutions."
+          description="Webild delivers professional web solutions to elevate your business."
+          background={{ variant: 'radial-gradient' }}
+          testimonials={[]} 
+          mediaAnimation="blur-reveal"
         />
       </div>
       <div id="about" data-section="about">
         <AboutMetric 
-          title="Our Impact" 
-          metrics={[{ icon: Zap, label: "Growth", value: "200%" }, { icon: Star, label: "Satisfaction", value: "99%" }]} 
-          metricsAnimation="slide-up" 
-          useInvertedBackground={false} 
+          title="Our Impact"
+          metrics={[{ icon: Zap, label: "Projects", value: "100+" }, { icon: Shield, label: "Clients", value: "50+" }]}
+          metricsAnimation="slide-up"
+          useInvertedBackground={false}
         />
       </div>
       <div id="startups" data-section="startups">
         <FeatureHoverPattern 
-          title="Key Features" 
-          description="Everything you need to scale." 
-          features={[{ icon: Shield, title: "Security", description: "Top notch protection." }, { icon: Zap, title: "Performance", description: "Ultra fast speed." }]} 
-          animationType="slide-up" 
-          textboxLayout="default" 
-          useInvertedBackground={false} 
+          title="Core Features"
+          description="Discover the power of our platform."
+          features={[{ icon: Star, title: "Automation", description: "Scale faster with ease." }, { icon: Globe, title: "Global Reach", description: "Reach clients everywhere." }]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="content" data-section="content">
         <ProductCardTwo 
-          gridVariant="bento-grid" 
-          animationType="slide-up" 
-          title="Our Products" 
-          description="Top-tier digital solutions." 
-          textboxLayout="default" 
-          useInvertedBackground={false}
-          products={[{ id: "1", brand: "Brand A", name: "Product 1", price: "$99", rating: 5, reviewCount: "100", imageSrc: "https://example.com/p1.jpg" }, { id: "2", brand: "Brand B", name: "Product 2", price: "$149", rating: 4, reviewCount: "80", imageSrc: "https://example.com/p2.jpg" }, { id: "3", brand: "Brand C", name: "Product 3", price: "$199", rating: 5, reviewCount: "120", imageSrc: "https://example.com/p3.jpg" }]} 
+          title="Catalog"
+          description="Our premium product selection."
+          gridVariant="uniform-all-items-equal"
+          animationType="blur-reveal"
+          textboxLayout="default"
+          products={[
+            { id: "1", brand: "Webild", name: "Basic Plan", price: "$99", rating: 5, reviewCount: "10", imageSrc: "/placeholder.jpg" },
+            { id: "2", brand: "Webild", name: "Pro Plan", price: "$199", rating: 5, reviewCount: "20", imageSrc: "/placeholder.jpg" },
+            { id: "3", brand: "Webild", name: "Enterprise", price: "$499", rating: 5, reviewCount: "50", imageSrc: "/placeholder.jpg" }
+          ]}
         />
       </div>
       <div id="testimonial" data-section="testimonial">
         <TestimonialCardThirteen 
-          showRating={true} 
-          animationType="slide-up" 
-          title="Client Reviews" 
-          description="Read what our customers say about us."
-          textboxLayout="default" 
-          useInvertedBackground={false}
-          testimonials={[{ id: "1", name: "Alice", handle: "@alice", testimonial: "Changed my business.", rating: 5 }]} 
+          showRating={true}
+          animationType="depth-3d"
+          textboxLayout="default"
+          testimonials={[{ id: "1", name: "Alice", handle: "@alice", testimonial: "Fantastic service!", rating: 5 }]}
         />
       </div>
       <div id="blog" data-section="blog">
         <BlogCardOne 
-          animationType="slide-up" 
-          title="Our Blog" 
-          description="Latest news and updates."
-          textboxLayout="default" 
-          useInvertedBackground={false}
-          blogs={[{ id: "1", category: "Tech", title: "Future of AI", excerpt: "How it works.", imageSrc: "https://example.com/ai.jpg", authorName: "Admin", authorAvatar: "", date: "2025-01-01" }]} 
+          animationType="slide-up"
+          textboxLayout="default"
+          blogs={[]}
         />
       </div>
       <div id="contact" data-section="contact">
         <ContactText 
-          text="Get in touch with our team today." 
-          background={{ variant: "gradient-bars" }} 
+          text="Get in touch with our team today."
+          background={{ variant: 'plain' }}
           useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">
         <FooterCard 
-          logoText="Webild" 
-          socialLinks={[{ icon: Facebook, href: "#", ariaLabel: "Facebook" }, { icon: Twitter, href: "#", ariaLabel: "Twitter" }]} 
+          logoText="Webild"
+          socialLinks={[{ icon: Mail, href: "mailto:info@webild.com", ariaLabel: "Email Us" }]}
         />
       </div>
     </ThemeProvider>
-- 
2.49.1