diff --git a/src/app/page.tsx b/src/app/page.tsx
index 808ad9e..19c6180 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -35,13 +35,13 @@ export default function Page() {
         <TextAbout title="About Us" useInvertedBackground={false} />
       </div>
       <div id="menu" data-section="menu">
-        <ProductCardOne title="Our Menu" description="Discover our selection" gridVariant="bento-grid" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} products={[]} />
+        <ProductCardOne title="Our Menu" description="Discover our selection" gridVariant="bento-grid" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} products={[{ id: "1", name: "Item", price: "$10", imageSrc: "https://images.unsplash.com/photo-1517248135467-4c7edcad34c4" }, { id: "2", name: "Item", price: "$10", imageSrc: "https://images.unsplash.com/photo-1554118811-1e0d58224f24" }, { id: "3", name: "Item", price: "$10", imageSrc: "https://images.unsplash.com/photo-1559339352-11d035aa65de" }]} />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwelve testimonials={[]} cardTitle="Reviews" cardTag="Feedback" cardAnimation="slide-up" useInvertedBackground={false} />
+        <TestimonialCardTwelve testimonials={[{ id: "1", name: "John", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d" }, { id: "2", name: "Jane", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330" }]} cardTitle="Reviews" cardTag="Feedback" cardAnimation="slide-up" useInvertedBackground={false} />
       </div>
       <div id="faq" data-section="faq">
-        <FaqBase title="FAQ" description="Common questions" faqs={[]} faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} />
+        <FaqBase title="FAQ" description="Common questions" faqs={[{ id: "1", title: "Question", content: "Answer" }, { id: "2", title: "Question", content: "Answer" }]} faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterBaseCard columns={footerColumns} />