src/app/page.tsx

@@ -1,6 +1,6 @@
-"use client";
+'use client';
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import SplitAbout from '@/components/sections/about/SplitAbout';
@@ -12,68 +12,55 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 const navItems = [{ name: "Home", id: "/" }];
 
-export default function HomePage() {
+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">
-        <NavbarStyleApple navItems={navItems} brandName="Webild" />
+        <NavbarStyleApple navItems={navItems} />
       </div>
       <div id="hero" data-section="hero">
         <HeroBillboardTestimonial 
-          title="Elevate Your Brand" 
-          description="We build high-performance digital experiences that convert." 
-          background={{ variant: "animated-grid" }} 
-          testimonials={[{ name: "Jane Doe", handle: "@janedoe", testimonial: "Fantastic service!", rating: 5 }]}
+          title="Modern Elegance"
+          description="Experience the future of design with our premium solutions."
+          background={{ variant: "gradient-bars" }}
+          testimonials={[]}
         />
       </div>
       <div id="about" data-section="about">
         <SplitAbout 
-          title="Our Story" 
-          description="Dedicated to excellence in design and development." 
-          textboxLayout="default" 
-          useInvertedBackground={false} 
-          mediaAnimation="opacity" 
-          bulletPoints={[{ title: "Quality", description: "High standards" }, { title: "Speed", description: "Fast delivery" }]}
+          title="About Us"
+          description="We are committed to delivering excellence."
+          textboxLayout="split"
+          bulletPoints={[]}
+          mediaAnimation="slide-up"
         />
       </div>
       <div id="menu" data-section="menu">
         <ProductCardFour 
-          title="Our Services" 
-          description="Explore our offerings" 
-          gridVariant="bento-grid" 
-          animationType="slide-up" 
-          textboxLayout="default" 
+          title="Our Menu"
+          description="Handcrafted selections for your refined taste."
+          gridVariant="bento-grid"
+          animationType="slide-up"
           useInvertedBackground={false}
-          products={[{ id: "1", name: "Web Design", price: "$99", variant: "Pro", imageSrc: "/img1.jpg" }, { id: "2", name: "SEO", price: "$49", variant: "Basic", imageSrc: "/img2.jpg" }, { id: "3", name: "Marketing", price: "$199", variant: "Elite", imageSrc: "/img3.jpg" }]}
+          products={[]}
+          textboxLayout="default"
         />
       </div>
       <div id="faq" data-section="faq">
         <FaqSplitMedia 
-          title="Frequently Asked Questions"
-          description="Everything you need to know about our services."
-          faqs={[{ id: "1", title: "How do I start?", content: "Contact us today!" }, { id: "2", title: "Pricing?", content: "Custom quotes." }]} 
+          title="FAQs"
+          description="Questions answered."
+          faqs={[]}
           faqsAnimation="slide-up"
           textboxLayout="default"
-          useInvertedBackground={false}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSixteen 
-          title="Client Success Stories"
-          description="See how we help businesses grow."
-          testimonials={[{ id: "1", name: "John Smith", role: "CEO", company: "Tech Corp", rating: 5 }]}
-          kpiItems={[{ value: "100+", label: "Projects Completed" }, { value: "98%", label: "Client Satisfaction" }, { value: "50+", label: "Happy Clients" }]}
+          title="Testimonials"
+          description="Hear from our satisfied partners."
+          testimonials={[]}
+          kpiItems={[{ value: "100+", label: "Clients" }, { value: "50+", label: "Projects" }, { value: "10+", label: "Awards" }]}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -81,16 +68,15 @@ export default function HomePage() {
       </div>
       <div id="contact" data-section="contact">
         <ContactSplitForm 
-          title="Let's Get Started"
-          description="Reach out to us to begin your journey."
-          inputs={[{ name: "name", type: "text", placeholder: "Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]} 
-          useInvertedBackground={false}
+          title="Get In Touch"
+          description="We would love to hear from you."
+          inputs={[{ name: "email", type: "email", placeholder: "Email" }, { name: "name", type: "text", placeholder: "Name" }]}
         />
       </div>
       <div id="footer" data-section="footer">
         <FooterBaseReveal 
-          logoText="Webild" 
-          columns={[{ title: "Navigate", items: [{ label: "Home", href: "/" }] }]} 
+          logoText="Webild"
+          columns={[]}
         />
       </div>
     </ThemeProvider>