From 6473d72349a0f197510724c7c0e399969f078380 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 18:30:19 +0000
Subject: [PATCH 1/2] Update src/app/layout.tsx

---
 src/app/layout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 0add9a5..2da6b6c 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -11,8 +11,8 @@ import { Times_New_Roman } from 'next/font/google';
 
 
 export const metadata: Metadata = {
-  title: 'Webild Platform',
-  description: 'Accelerate your development cycle with our powerful tools.',
+  title: 'Home Page',
+  description: 'Welcome to our website',
   openGraph: {
     "title": "BucioAngelOfficial",
     "description": "Systems. Strategies. Solutions.",

From 72efd65e5c9430d457ec64adb7b1af13328f7ed0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 18:30:20 +0000
Subject: [PATCH 2/2] Update src/app/page.tsx

---
 src/app/page.tsx | 72 ++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 61 insertions(+), 11 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4029cdf..cf1b629 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,5 @@
 'use client';
+
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
@@ -9,38 +10,87 @@ 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 { Zap, Shield, Star, Globe, ArrowRight } from 'lucide-react';
+import { ArrowRight, Star, Globe, Zap, CheckCircle, Mail, Phone, MapPin } from 'lucide-react';
+
+const navItems = [
+  { name: "Home", id: "/" }
+];
 
 export default function Page() {
-  const navItems = [{ name: "Home", id: "/" }];
   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>
       <div id="nav" data-section="nav">
         <NavbarStyleApple navItems={navItems} />
       </div>
       <div id="hero" data-section="hero">
-        <HeroSplitTestimonial title="Build Faster" description="Accelerate your development cycle with our powerful tools." background={{ variant: "gradient-bars" }} mediaAnimation="slide-up" testimonials={[{ name: "Jane Doe", handle: "@janedoe", testimonial: "Best service ever!", rating: 5 }]} />
+        <HeroSplitTestimonial 
+          title="Build your dream"
+          description="Innovation at your fingertips."
+          background={{ variant: "gradient-bars" }}
+          testimonials={[{ name: "Jane Doe", handle: "@janedoe", testimonial: "Amazing experience!", rating: 5 }]}
+          mediaAnimation="slide-up"
+        />
       </div>
       <div id="about" data-section="about">
-        <AboutMetric title="Our Impact" metrics={[{ icon: Zap, label: "Growth", value: "200%" }, { icon: Shield, label: "Trust", value: "99%" }]} metricsAnimation="slide-up" useInvertedBackground={false} />
+        <AboutMetric 
+          title="Our Impact"
+          metrics={[{ icon: Zap, label: "Growth", value: "100%" }, { icon: Star, label: "Satisfaction", value: "99%" }]}
+          metricsAnimation="slide-up"
+          useInvertedBackground={false}
+        />
       </div>
       <div id="startups" data-section="startups">
-        <FeatureHoverPattern title="Features" description="Discover what makes us unique." animationType="slide-up" features={[{ icon: Star, title: "Automation", description: "Automate your workflow." }, { icon: Globe, title: "Global", description: "Reach users everywhere." }]} textboxLayout="default" useInvertedBackground={false} />
+        <FeatureHoverPattern 
+          title="Core Features"
+          description="Everything you need to succeed."
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[{ icon: CheckCircle, title: "Speed", description: "Lightning fast performance." }, { icon: Globe, title: "Global", description: "Reach customers everywhere." }]}
+        />
       </div>
       <div id="content" data-section="content">
-        <ProductCardTwo title="Products" description="Explore our latest offerings." textboxLayout="default" gridVariant="bento-grid" animationType="slide-up" products={[{ id: "1", brand: "Webild", name: "Product Alpha", price: "$99", rating: 5, reviewCount: "10", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }, { id: "2", brand: "Webild", name: "Product Beta", price: "$149", rating: 4, reviewCount: "8", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }, { id: "3", brand: "Webild", name: "Product Gamma", price: "$199", rating: 5, reviewCount: "15", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }]} useInvertedBackground={false} />
+        <ProductCardTwo 
+          title="Our Products"
+          textboxLayout="default"
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          products={[
+            { id: "1", brand: "BrandA", name: "Product A", price: "$10", rating: 5, reviewCount: "10", imageSrc: "https://example.com/a.jpg" },
+            { id: "2", brand: "BrandB", name: "Product B", price: "$20", rating: 4, reviewCount: "20", imageSrc: "https://example.com/b.jpg" },
+            { id: "3", brand: "BrandC", name: "Product C", price: "$30", rating: 5, reviewCount: "30", imageSrc: "https://example.com/c.jpg" }
+          ]}
+        />
       </div>
       <div id="testimonial" data-section="testimonial">
-        <TestimonialCardThirteen title="Testimonials" description="What our users say." showRating={true} animationType="slide-up" textboxLayout="default" testimonials={[{ id: "1", name: "Jane Doe", handle: "@janedoe", testimonial: "Fantastic service!", rating: 5, icon: Star }, { id: "2", name: "John Smith", handle: "@johnsmith", testimonial: "Really helped our business grow.", rating: 5, icon: Star }]} useInvertedBackground={false} />
+        <TestimonialCardThirteen 
+          showRating={true}
+          animationType="slide-up"
+          textboxLayout="default"
+          testimonials={[{ id: "1", name: "User A", handle: "@userA", testimonial: "Perfect!", rating: 5 }, { id: "2", name: "User B", handle: "@userB", testimonial: "Great quality.", rating: 5 }]}
+        />
       </div>
       <div id="blog" data-section="blog">
-        <BlogCardOne title="Latest Insights" description="Read our latest updates." textboxLayout="default" animationType="slide-up" blogs={[{ id: "1", category: "News", title: "Growth Trends", excerpt: "How to grow fast in 2025.", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593", authorName: "Admin", authorAvatar: "", date: "2025-01-01" }, { id: "2", category: "Guides", title: "Dev Tips", excerpt: "Master your tech stack.", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593", authorName: "Expert", authorAvatar: "", date: "2025-01-05" }]} useInvertedBackground={false} />
+        <BlogCardOne 
+          title="Latest News"
+          textboxLayout="default"
+          animationType="slide-up"
+          blogs={[
+            { id: "1", category: "Updates", title: "New Features", excerpt: "Read about our latest update.", imageSrc: "https://example.com/blog1.jpg", authorName: "Admin", authorAvatar: "", date: "2025-01-01" },
+            { id: "2", category: "Tech", title: "Future Tech", excerpt: "Exploring the future.", imageSrc: "https://example.com/blog2.jpg", authorName: "Admin", authorAvatar: "", date: "2025-01-02" }
+          ]}
+        />
       </div>
       <div id="contact" data-section="contact">
-        <ContactText text="Get in Touch" background={{ variant: "gradient-bars" }} useInvertedBackground={false} />
+        <ContactText 
+          text="Get in touch with us."
+          background={{ variant: "gradient-bars" }}
+        />
       </div>
       <div id="footer" data-section="footer">
-        <FooterCard logoText="Webild" socialLinks={[{ icon: ArrowRight, href: "#", ariaLabel: "Twitter" }]} />
+        <FooterCard 
+          logoText="Webild"
+        />
       </div>
     </ThemeProvider>
   );