diff --git a/src/app/page.tsx b/src/app/page.tsx
index abca38c..1e16d02 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,4 @@
 "use client";
-
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
@@ -9,11 +8,10 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import Link from 'next/link';
 
 const navItems = [
-  { name: "Home", id: "/" },
-  { name: "About", id: "/about" },
-  { name: "Contact", id: "/contact" }
+  { name: "Home", id: "/" }
 ];
 
 export default function Page() {
@@ -31,75 +29,71 @@ export default function Page() {
         headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleApple navItems={navItems} brandName="Webild" />
+        <NavbarStyleApple navItems={navItems} />
       </div>
       <div id="hero" data-section="hero">
         <HeroBillboardTestimonial 
-          title="Welcome to Webild" 
-          description="Innovation at your fingertips." 
-          background={{ variant: "gradient-bars" }}
-          testimonials={[{ name: "Jane Doe", handle: "@janedoe", testimonial: "Fantastic service!", rating: 5 }]}
+            title="Experience Excellence" 
+            description="Discover our premium services designed for your success."
+            background={{ variant: "plain" }}
+            testimonials={[]}
         />
       </div>
       <div id="about" data-section="about">
         <SplitAbout 
-          title="About Us" 
-          description="We build digital experiences." 
-          textboxLayout="default" 
-          useInvertedBackground={false} 
-          mediaAnimation="none" 
-          bulletPoints={[{ title: "Quality", description: "High standards" }]}
+            title="About Us" 
+            description="We provide top-tier solutions with a focus on innovation and quality."
+            textboxLayout="default"
+            mediaAnimation="none"
+            useInvertedBackground={false}
+            bulletPoints={[]}
         />
       </div>
       <div id="menu" data-section="menu">
         <ProductCardFour 
-          title="Our Services" 
-          description="Explore our offerings" 
-          gridVariant="uniform-all-items-equal" 
-          animationType="slide-up" 
-          textboxLayout="default" 
-          useInvertedBackground={false}
-          products={[
-            { id: "1", name: "Web Design", price: "$99", variant: "Basic", imageSrc: "/placeholder.png" },
-            { id: "2", name: "SEO", price: "$149", variant: "Pro", imageSrc: "/placeholder.png" },
-            { id: "3", name: "Marketing", price: "$199", variant: "Elite", imageSrc: "/placeholder.png" }
-          ]}
+            title="Our Products" 
+            description="Explore our curated selection of high-quality items."
+            gridVariant="uniform-all-items-equal" 
+            animationType="none"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[]}
         />
       </div>
       <div id="faq" data-section="faq">
         <FaqSplitText 
-          faqs={[{ id: "1", title: "Question?", content: "Answer." }]} 
-          sideTitle="FAQ" 
-          faqsAnimation="slide-up" 
-          useInvertedBackground={false}
+            faqs={[]}
+            sideTitle="Frequently Asked Questions"
+            faqsAnimation="none"
+            useInvertedBackground={false}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFifteen 
-          testimonial="Great work!" 
-          rating={5} 
-          author="John Smith" 
-          avatars={[{ src: "/avatar.png", alt: "John" }]} 
-          ratingAnimation="slide-up" 
-          avatarsAnimation="slide-up" 
-          useInvertedBackground={false}
+            testimonial="The service provided was exceptional and exceeded my expectations."
+            rating={5}
+            author="Jane Doe"
+            avatars={[]}
+            ratingAnimation="none"
+            avatarsAnimation="none"
+            useInvertedBackground={false}
         />
       </div>
       <div id="contact" data-section="contact">
         <ContactCenter 
-          tag="Contact" 
-          title="Get in Touch" 
-          description="Contact us today!" 
-          background={{ variant: "plain" }} 
-          useInvertedBackground={false}
+            tag="Contact"
+            title="Get In Touch"
+            description="Have questions? Reach out to our team anytime."
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">
         <FooterBaseReveal 
-          logoText="Webild" 
-          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
+            logoText="Webild"
+            columns={[]}
         />
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}