diff --git a/src/app/page.tsx b/src/app/page.tsx
index 81812ec..4e64ba2 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 HeroOverlay from '@/components/sections/hero/HeroOverlay';
@@ -10,96 +9,33 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 
-const navItems = [{ name: 'Home', id: '/' }];
-
 export default function Page() {
+  const navItems = [{ name: 'Home', id: '/' }, { name: 'Contact', id: '/contact' }];
   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 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">
-        <NavbarStyleApple navItems={navItems} />
+        <NavbarStyleApple navItems={navItems} brandName="Webild" />
       </div>
       <div id="hero" data-section="hero">
-        <HeroOverlay 
-          title="Bespoke Elegance in Port Harcourt" 
-          description="Port Harcourt's premier fashion house for custom tailoring, fabric sales, and professional fashion education."
-        />
+        <HeroOverlay title="Innovate Your Digital Presence" description="Modern, scalable solutions for the digital age." />
       </div>
       <div id="features" data-section="features">
-        <FeatureCardTwentyNine 
-          title="Our Services" 
-          description="Comprehensive fashion solutions for every individual."
-          gridVariant="bento-grid" 
-          animationType="slide-up" 
-          textboxLayout="default"
-          useInvertedBackground={false}
-          features={[
-            { title: "Custom Tailoring", description: "Perfect fits for every occasion.", imageSrc: "/placeholder.jpg", titleIconSrc: "/icon.png", buttonText: "Learn More" },
-            { title: "Fabric Sales", description: "High-quality textiles sourced globally.", imageSrc: "/placeholder.jpg", titleIconSrc: "/icon.png", buttonText: "Learn More" }
-          ]}
-        />
+        <FeatureCardTwentyNine gridVariant="bento-grid" animationType="slide-up" title="Our Features" description="Powerful tools to accelerate your workflow." textboxLayout="default" features={[{ title: "Performance", description: "Lightning fast load times.", imageSrc: "asset://performance", titleIconSrc: "asset://icon", buttonText: "Learn More" }, { title: "Security", description: "Enterprise-grade protection.", imageSrc: "asset://security", titleIconSrc: "asset://icon", buttonText: "Learn More" }]} />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFive 
-          title="Client Stories" 
-          description="What our valued clients say about us."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          testimonials={[
-            { id: "1", name: "Jane Doe", date: "2025-01-01", title: "Elegant Design", quote: "Amazing work!", tag: "VIP", avatarSrc: "/avatar.jpg" },
-            { id: "2", name: "John Smith", date: "2025-01-02", title: "Quality Service", quote: "Professional experience.", tag: "Client", avatarSrc: "/avatar.jpg" }
-          ]}
-        />
+        <TestimonialCardFive title="Trusted by Many" description="Hear what our clients say about us." textboxLayout="default" testimonials={[{ id: "1", name: "Alex P.", date: "2024-01-01", title: "Excellent", quote: "Game changing experience!", tag: "User", avatarSrc: "asset://avatar1" }, { id: "2", name: "Sarah M.", date: "2024-01-02", title: "Amazing", quote: "Professional team and quality work.", tag: "Client", avatarSrc: "asset://avatar2" }]} />
       </div>
       <div id="gallery" data-section="gallery">
-        <BlogCardOne 
-          title="Our Work" 
-          description="Explore our latest creations."
-          animationType="slide-up" 
-          textboxLayout="default"
-          useInvertedBackground={false}
-          blogs={[
-             { id: "1", category: "Couture", title: "Autumn Collection", excerpt: "New styles.", imageSrc: "/blog.jpg", authorName: "Funmich", authorAvatar: "/avatar.jpg", date: "2025-01-01" },
-             { id: "2", category: "School", title: "Fashion Academy", excerpt: "Join our course.", imageSrc: "/blog.jpg", authorName: "Funmich", authorAvatar: "/avatar.jpg", date: "2025-01-02" }
-          ]}
-        />
+        <BlogCardOne animationType="slide-up" title="Latest Insights" description="Stay updated with our blog." textboxLayout="default" blogs={[{ id: "1", category: "Update", title: "New Features Released", excerpt: "Explore what is new.", imageSrc: "asset://blog1", authorName: "Admin", authorAvatar: "asset://avatar1", date: "2024-01-01" }, { id: "2", category: "Tutorial", title: "Getting Started", excerpt: "A guide for beginners.", imageSrc: "asset://blog2", authorName: "Admin", authorAvatar: "asset://avatar2", date: "2024-01-02" }]} />
       </div>
       <div id="faq" data-section="faq">
-        <FaqBase 
-          title="Frequently Asked Questions" 
-          description="Find answers to common queries."
-          faqsAnimation="slide-up" 
-          textboxLayout="default"
-          useInvertedBackground={false}
-          faqs={[
-            { id: "1", title: "How to book?", content: "Visit our studio." },
-            { id: "2", title: "Do you sell fabric?", content: "Yes, we do." }
-          ]}
-        />
+        <FaqBase title="Frequently Asked Questions" description="Get the answers you need." faqsAnimation="slide-up" textboxLayout="default" faqs={[{ id: "1", title: "How does it work?", content: "Simply integrate and scale." }, { id: "2", title: "Is it secure?", content: "Yes, we use top-tier encryption." }]} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactText 
-          text="Ready to get started? Contact us today!" 
-          background={{ variant: 'plain' }}
-          useInvertedBackground={false}
-        />
+        <ContactText text="Get in touch with our team today." background={{ variant: "gradient-bars" }} />
       </div>
       <div id="footer" data-section="footer">
-        <FooterMedia 
-          imageSrc="/footer-bg.jpg" 
-          logoText="Funmich Couture" 
-          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
-        />
+        <FooterMedia logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} imageSrc="asset://footer" />
       </div>
     </ThemeProvider>
   );