src/app/page.tsx

@@ -1,5 +1,4 @@
-"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';
@@ -9,88 +8,75 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
-const navItems = [
-  { name: "Home", id: "/" }
-];
-
-export default function Page() {
+export default function HomePage() {
+  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">
         <HeroBillboardTestimonial 
-            title="Experience Excellence" 
-            description="Discover our premium services designed for your success."
-            background={{ variant: "plain" }}
-            testimonials={[]}
+          title="Experience Excellence"
+          description="Premium services for your success."
+          background={{ variant: 'plain' }}
+          testimonials={[]}
         />
       </div>
       <div id="about" data-section="about">
         <SplitAbout 
-            title="About Us" 
-            description="We provide top-tier solutions with a focus on innovation and quality."
-            textboxLayout="default"
-            mediaAnimation="none"
-            useInvertedBackground={false}
-            bulletPoints={[]}
+          title="About Us"
+          description="We focus on delivering high-quality solutions."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          mediaAnimation="none"
+          bulletPoints={[]}
         />
       </div>
       <div id="menu" data-section="menu">
         <ProductCardFour 
-            title="Our Products" 
-            description="Explore our curated selection of high-quality items."
-            gridVariant="uniform-all-items-equal" 
-            animationType="none"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            products={[]}
+          title="Our Services"
+          description="Explore our curated offerings."
+          gridVariant="bento-grid"
+          animationType="none"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          products={[]}
         />
       </div>
       <div id="faq" data-section="faq">
         <FaqSplitText 
-            faqs={[]}
-            sideTitle="Frequently Asked Questions"
-            faqsAnimation="none"
-            useInvertedBackground={false}
+          sideTitle="Questions"
+          faqsAnimation="none"
+          faqs={[]}
+          useInvertedBackground={false}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFifteen 
-            testimonial="The service provided was exceptional and exceeded my expectations."
-            rating={5}
-            author="Jane Doe"
-            avatars={[]}
-            ratingAnimation="none"
-            avatarsAnimation="none"
-            useInvertedBackground={false}
+          testimonial="Best service ever!"
+          rating={5}
+          author="John Doe"
+          avatars={[]}
+          ratingAnimation="none"
+          avatarsAnimation="none"
+          useInvertedBackground={false}
         />
       </div>
       <div id="contact" data-section="contact">
         <ContactCenter 
-            tag="Contact"
-            title="Get In Touch"
-            description="Have questions? Reach out to our team anytime."
-            background={{ variant: "plain" }}
-            useInvertedBackground={false}
+          tag="Contact"
+          title="Get in Touch"
+          description="Reach out to us today."
+          background={{ variant: 'plain' }}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">
         <FooterBaseReveal 
-            logoText="Webild"
-            columns={[]}
+          logoText="Excellence"
+          columns={[]}
         />
       </div>
     </ThemeProvider>