diff --git a/src/app/page.tsx b/src/app/page.tsx
index 79b8e60..9c8ce21 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,7 +19,7 @@ export default function Page() {
         <NavbarStyleApple navItems={navItems} brandName="Webild" />
       </div>
       <div id="hero" data-section="hero">
-        <HeroSplitTestimonial title="Build Faster" description="Accelerate your development cycle with our powerful tools." background={{ variant: "gradient-bars" }} mediaAnimation="slide-up" />
+        <HeroSplitTestimonial title="Build Faster" description="Accelerate your development cycle with our powerful tools." background={{ variant: "gradient-bars" }} mediaAnimation="slide-up" testimonials={[{ name: "Jane Doe", handle: "@janedoe", testimonial: "Best service ever!", rating: 5 }]} />
       </div>
       <div id="about" data-section="about">
         <AboutMetric title="Our Impact" metrics={[{ icon: Zap, label: "Growth", value: "200%" }, { icon: Shield, label: "Trust", value: "99%" }]} metricsAnimation="slide-up" useInvertedBackground={false} />
@@ -28,13 +28,13 @@ export default function Page() {
         <FeatureHoverPattern title="Features" description="Discover what makes us unique." animationType="slide-up" features={[{ icon: Star, title: "Automation", description: "Automate your workflow." }, { icon: Globe, title: "Global", description: "Reach users everywhere." }]} textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="content" data-section="content">
-        <ProductCardTwo title="Products" description="Explore our latest offerings." textboxLayout="default" gridVariant="bento-grid" animationType="slide-up" products={[{ id: "1", brand: "Webild", name: "Product Alpha", price: "$99", rating: 5, reviewCount: "10", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }, { id: "2", brand: "Webild", name: "Product Beta", price: "$149", rating: 4, reviewCount: "8", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }, { id: "3", brand: "Webild", name: "Product Gamma", price: "$199", rating: 5, reviewCount: "15", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }]} />
+        <ProductCardTwo title="Products" description="Explore our latest offerings." textboxLayout="default" gridVariant="bento-grid" animationType="slide-up" products={[{ id: "1", brand: "Webild", name: "Product Alpha", price: "$99", rating: 5, reviewCount: "10", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }, { id: "2", brand: "Webild", name: "Product Beta", price: "$149", rating: 4, reviewCount: "8", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }, { id: "3", brand: "Webild", name: "Product Gamma", price: "$199", rating: 5, reviewCount: "15", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }]} useInvertedBackground={false} />
       </div>
       <div id="testimonial" data-section="testimonial">
-        <TestimonialCardThirteen title="Testimonials" description="What our users say." showRating={true} animationType="slide-up" textboxLayout="default" testimonials={[{ id: "1", name: "Jane Doe", handle: "@janedoe", testimonial: "Fantastic service!", rating: 5, icon: Star }, { id: "2", name: "John Smith", handle: "@johnsmith", testimonial: "Really helped our business grow.", rating: 5, icon: Star }]} />
+        <TestimonialCardThirteen title="Testimonials" description="What our users say." showRating={true} animationType="slide-up" textboxLayout="default" testimonials={[{ id: "1", name: "Jane Doe", handle: "@janedoe", testimonial: "Fantastic service!", rating: 5, icon: Star }, { id: "2", name: "John Smith", handle: "@johnsmith", testimonial: "Really helped our business grow.", rating: 5, icon: Star }]} useInvertedBackground={false} />
       </div>
       <div id="blog" data-section="blog">
-        <BlogCardOne title="Latest Insights" description="Read our latest updates." textboxLayout="default" animationType="slide-up" blogs={[{ id: "1", category: "News", title: "Growth Trends", excerpt: "How to grow fast in 2025.", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593", authorName: "Admin", authorAvatar: "", date: "2025-01-01" }, { id: "2", category: "Guides", title: "Dev Tips", excerpt: "Master your tech stack.", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593", authorName: "Expert", authorAvatar: "", date: "2025-01-05" }]} />
+        <BlogCardOne title="Latest Insights" description="Read our latest updates." textboxLayout="default" animationType="slide-up" blogs={[{ id: "1", category: "News", title: "Growth Trends", excerpt: "How to grow fast in 2025.", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593", authorName: "Admin", authorAvatar: "", date: "2025-01-01" }, { id: "2", category: "Guides", title: "Dev Tips", excerpt: "Master your tech stack.", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593", authorName: "Expert", authorAvatar: "", date: "2025-01-05" }]} useInvertedBackground={false} />
       </div>
       <div id="contact" data-section="contact">
         <ContactText text="Get in Touch" background={{ variant: "gradient-bars" }} useInvertedBackground={false} />