From 36bbb7f2957758bab4d8c0af63bb28ade48fb8af Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 14:44:24 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 110 ++++++++++++++++++++++++++---------------------
 1 file changed, 60 insertions(+), 50 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 55c1eb2..7908b78 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,5 @@
 'use client';
+
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
@@ -8,85 +9,94 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { ArrowRight, Star, Mail, MapPin, Phone } from 'lucide-react';
 
-const navItems = [{ name: "Home", id: "/" }];
+export default function HomePage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Contact", id: "/contact" }
+  ];
 
-export default function Page() {
   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">
-        <NavbarStyleCentered navItems={navItems} />
+        <NavbarStyleCentered 
+          navItems={navItems} 
+          brandName="Webild"
+        />
       </div>
+
       <div id="hero" data-section="hero">
-        <HeroLogoBillboard 
-          logoText=".AL FARO"
-          description="La pizza al taglio più desiderata"
-          buttons={[{ text: "Scopri di più", href: "#prodotto" }]}
-          background={{ variant: "plain" }}
-          mediaAnimation="none"
+        <HeroLogoBillboard
+          logoText="Innovative Solutions"
+          description="We provide top-tier services to help your business scale efficiently."
+          buttons={[{ text: "Get Started", href: "/contact" }]}
+          background={{ variant: "gradient-bars" }}
         />
       </div>
+
       <div id="social" data-section="social">
-        <SocialProofOne 
-          names={["Gambero Rosso", "TripAdvisor", "Michelin Guide"]}
-          title="Riconoscimenti"
-          description="I nostri partner e riconoscimenti nel mondo della pizza."
+        <SocialProofOne
+          names={["Google", "Microsoft", "Amazon", "Netflix"]}
+          title="Trusted by Industry Leaders"
+          description="Join thousands of satisfied clients."
           textboxLayout="default"
-          useInvertedBackground={false}
         />
       </div>
+
       <div id="prodotto" data-section="prodotto">
-        <MediaAbout 
-          title="La nostra filosofia"
-          description="Qualità altissima, impasti leggeri e una varietà infinita."
-          useInvertedBackground={false}
+        <MediaAbout
+          title="Our Approach"
+          description="We believe in quality and transparency in every project we take on."
         />
       </div>
+
       <div id="varieta" data-section="varieta">
-        <ProductCardTwo 
-          title="Le nostre varietà"
-          description="Ogni giorno sforniamo nuove combinazioni di gusto."
-          gridVariant="uniform-all-items-equal"
+        <ProductCardTwo
+          title="Our Featured Products"
+          description="Explore our curated selection of high-quality items."
+          gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground={false}
+          products={[
+            { id: "1", brand: "Brand A", name: "Product 1", price: "$99", rating: 5, reviewCount: "100", imageSrc: "/images/p1.jpg" },
+            { id: "2", brand: "Brand B", name: "Product 2", price: "$149", rating: 4, reviewCount: "85", imageSrc: "/images/p2.jpg" },
+            { id: "3", brand: "Brand C", name: "Product 3", price: "$199", rating: 5, reviewCount: "120", imageSrc: "/images/p3.jpg" }
+          ]}
         />
       </div>
+
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardOne 
-          title="Cosa dicono di noi"
-          description="L'esperienza dei nostri clienti."
-          testimonials={[]}
+        <TestimonialCardOne
+          title="What Clients Say"
+          description="Read real stories from our community."
           gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
+          animationType="blur-reveal"
           textboxLayout="default"
-          useInvertedBackground={false}
+          testimonials={[
+            { id: "t1", name: "John Doe", role: "CEO", company: "Tech Corp", rating: 5 },
+            { id: "t2", name: "Jane Smith", role: "CTO", company: "Web Inc", rating: 5 }
+          ]}
         />
       </div>
+
       <div id="contact" data-section="contact">
-        <ContactSplitForm 
-          title="Prenota la tua esperienza"
-          description="Contattaci per riservare il tuo posto da .AL FARO."
-          inputs={[{ name: "name", type: "text", placeholder: "Nome" }, { name: "email", type: "email", placeholder: "Email" }]}
-          useInvertedBackground={false}
+        <ContactSplitForm
+          title="Let's Connect"
+          description="Fill out the form and we will reach out shortly."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Full Name", required: true },
+            { name: "email", type: "email", placeholder: "Email Address", required: true }
+          ]}
         />
       </div>
+
       <div id="footer" data-section="footer">
-        <FooterSimple 
-          columns={[]}
-          bottomLeftText=".AL FARO © 2024"
-          bottomRightText="Pizza al Taglio Premium"
+        <FooterSimple
+          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
+          bottomLeftText="© 2024 Webild"
+          bottomRightText="All rights reserved."
         />
       </div>
     </ThemeProvider>
-- 
2.49.1