src/app/page.tsx

@@ -1,5 +1,5 @@
 'use client';
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
@@ -9,80 +9,91 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 
-const navItems = [{ name: "Home", id: "/" }];
+const navItems = [
+  { name: "Home", id: "/" }
+];
 
 export default function Page() {
   return (
-    <ThemeProvider defaultButtonVariant="hover-magnetic" 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">
         <NavbarStyleCentered navItems={navItems} />
       </div>
       <div id="hero" data-section="hero">
         <HeroLogoBillboard 
-            logoText="Pizza al Taglio"
-            description="Authentic Roman-style pizza, crafted with passion."
-            buttons={[{ text: "Order Now", href: "#varieta" }]}
-            background={{ variant: "plain" }}
+          logoText="Webild"
+          description="Your vision, our expertise. Building digital excellence together."
+          buttons={[{ text: "Get Started" }]}
         />
       </div>
       <div id="social" data-section="social">
         <SocialProofOne 
-            names={["Gambero Rosso", "TripAdvisor", "Michelin Guide"]}
-            title="Recognized Quality"
-            description="Trusted by food critics and local pizza lovers alike."
-            textboxLayout="default"
-            useInvertedBackground={false}
+          names={["Acme Corp", "Global Tech", "Innovate Inc", "NextGen"]}
+          title="Trusted by industry leaders"
+          description="We power innovation for the world's most ambitious teams."
+          textboxLayout="default"
         />
       </div>
       <div id="prodotto" data-section="prodotto">
         <MediaAbout 
-            title="Our Craft"
-            description="We use slow-fermented dough and high-quality seasonal ingredients for the perfect crunch."
-            useInvertedBackground={false}
+          title="About Our Approach"
+          description="We focus on delivering high-quality, scalable solutions tailored to your unique needs."
         />
       </div>
       <div id="varieta" data-section="varieta">
         <ProductCardTwo 
-            title="Our Pizzas"
-            description="Freshly baked daily."
-            gridVariant="three-columns-all-equal-width"
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            products={[
-                { id: "1", brand: "Classic", name: "Margherita", price: "$8.00", rating: 5, reviewCount: "120", imageSrc: "https://images.unsplash.com/photo-1574071318508-1cdbab80d002?q=80&w=600" },
-                { id: "2", brand: "Premium", name: "Prosciutto", price: "$12.00", rating: 4, reviewCount: "85", imageSrc: "https://images.unsplash.com/photo-1604382354936-07c5d9983bd3?q=80&w=600" },
-                { id: "3", brand: "Veggie", name: "Funghi", price: "$10.00", rating: 5, reviewCount: "95", imageSrc: "https://images.unsplash.com/photo-1595854341625-f33ee10dbf94?q=80&w=600" }
-            ]}
+          title="Our Solutions"
+          description="Explore our suite of premium digital tools."
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          products={[
+            { id: "1", brand: "Web", name: "Basic Suite", price: "$99", rating: 4.5, reviewCount: "10", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" },
+            { id: "2", brand: "Web", name: "Pro Suite", price: "$199", rating: 4.8, reviewCount: "25", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" },
+            { id: "3", brand: "Web", name: "Enterprise", price: "$499", rating: 5.0, reviewCount: "50", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }
+          ]}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardOne 
-            title="Voices"
-            description="What our customers say."
-            gridVariant="one-large-right-three-stacked-left"
-            animationType="blur-reveal"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            testimonials={[
-                { id: "1", name: "Luca", role: "Local", company: "Rome", rating: 5 },
-                { id: "2", name: "Sarah", role: "Traveler", company: "London", rating: 5 }
-            ]}
+          title="Client Success Stories"
+          description="Don't just take our word for it."
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          testimonials={[
+            { id: "1", name: "Alice", role: "CEO", company: "TechCorp", rating: 5 },
+            { id: "2", name: "Bob", role: "CTO", company: "DataFlow", rating: 5 },
+            { id: "3", name: "Charlie", role: "Founder", company: "StartUp", rating: 5 }
+          ]}
         />
       </div>
       <div id="contact" data-section="contact">
         <ContactSplitForm 
-            title="Visit Us"
-            description="Find us in the heart of the city."
-            useInvertedBackground={false}
-            inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
+          title="Let's Connect"
+          description="Reach out to us today to start your next project."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Full Name" },
+            { name: "email", type: "email", placeholder: "Email Address" }
+          ]}
         />
       </div>
       <div id="footer" data-section="footer">
         <FooterSimple 
-            columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
-            bottomLeftText="© 2024 Al Faro"
-            bottomRightText="All rights reserved."
+          columns={[{ title: "Company", items: [{ label: "About" }, { label: "Contact" }] }]}
+          bottomLeftText="© 2024 Webild Inc."
+          bottomRightText="All rights reserved."
         />
       </div>
     </ThemeProvider>