src/app/page.tsx

@@ -14,65 +14,86 @@ const navItems = [{ name: 'Home', id: '/' }];
 
 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 
+      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} />
       </div>
       <div id="hero" data-section="hero">
-        <HeroOverlay title="Funmich Couture" description="Elevate your style with premium couture tailoring." imageSrc="https://images.unsplash.com/photo-1558769132-cb1aea3581c7" />
+        <HeroOverlay 
+          title="Bespoke Elegance in Port Harcourt" 
+          description="Port Harcourt's premier fashion house for custom tailoring, fabric sales, and professional fashion education."
+        />
       </div>
       <div id="features" data-section="features">
         <FeatureCardTwentyNine 
-          title="Our Services"
-          description="Bespoke tailoring, fabric sales, and professional education."
-          gridVariant="bento-grid"
-          animationType="slide-up"
+          title="Our Services" 
+          description="Comprehensive fashion solutions for every individual."
+          gridVariant="bento-grid" 
+          animationType="slide-up" 
           textboxLayout="default"
-          features={[]}
-          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" }
+          ]}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFive 
-          title="Client Stories"
-          description="See what our customers say."
+          title="Client Stories" 
+          description="What our valued clients say about us."
           textboxLayout="default"
-          testimonials={[]}
-          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" }
+          ]}
         />
       </div>
       <div id="gallery" data-section="gallery">
         <BlogCardOne 
-          title="Latest Collections"
-          description="Explore our recent designs."
-          animationType="slide-up"
+          title="Our Work" 
+          description="Explore our latest creations."
+          animationType="slide-up" 
           textboxLayout="default"
-          blogs={[]}
-          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" }
+          ]}
         />
       </div>
       <div id="faq" data-section="faq">
         <FaqBase 
-          title="FAQs"
-          description="Common questions."
-          faqsAnimation="slide-up"
+          title="Frequently Asked Questions" 
+          description="Find answers to common queries."
+          faqsAnimation="slide-up" 
           textboxLayout="default"
-          faqs={[]}
-          useInvertedBackground={false}
+          faqs={[
+            { id: "1", title: "How to book?", content: "Visit our studio." },
+            { id: "2", title: "Do you sell fabric?", content: "Yes, we do." }
+          ]}
         />
       </div>
       <div id="contact" data-section="contact">
         <ContactText 
-          text="Get in touch with us for bespoke tailoring."
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
+          text="Ready to get started? Contact us today!" 
+          background={{ variant: 'plain' }}
         />
       </div>
       <div id="footer" data-section="footer">
         <FooterMedia 
-          logoText="Funmich Couture"
-          columns={[]}
-          imageSrc="https://images.unsplash.com/photo-1558769132-cb1aea3581c7"
+          imageSrc="/footer-bg.jpg" 
+          logoText="Funmich Couture" 
+          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
         />
       </div>
     </ThemeProvider>