diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0bce0a4..b3acc05 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestim
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
-import ProductCardThree from '@/components/sections/ecommerce/ProductDetailCard';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import { Star, Package, ShieldCheck, Zap } from 'lucide-react';
 
@@ -68,12 +68,14 @@ export default function LandingPage() {
 
   <div id="products" data-section="products">
       <ProductCardThree
-      layout="section"
-      name="Pro Workflow Kit"
-      price="$99"
-      description="Our most comprehensive toolkit to date."
-      images={[{ src: "http://img.b2bpic.net/free-photo/top-view-desk-with-frame-laptop_23-2148821815.jpg", alt: "Product" }]}
-      buttons={[{ text: "Buy Now" }]}
+      textboxLayout="default"
+      gridVariant="uniform-all-items-equal"
+      animationType="slide-up"
+      products={[
+        { id: "p1", name: "Pro Workflow Kit", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-frame-laptop_23-2148821815.jpg" },
+        { id: "p2", name: "Design Assets", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-frame-laptop_23-2148821815.jpg" },
+        { id: "p3", name: "Code Snippets", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-frame-laptop_23-2148821815.jpg" }
+      ]}
     />
   </div>
 
@@ -96,6 +98,7 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       animationType="slide-up"
       textboxLayout="default"
+      useInvertedBackground={false}
       metrics={[
         { id: "m1", value: "10k+", title: "Users", description: "Satisfied customers", icon: Zap },
         { id: "m2", value: "500+", title: "Assets", description: "Ready to use", icon: Package },
@@ -110,6 +113,7 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       animationType="slide-up"
       textboxLayout="default"
+      useInvertedBackground={false}
       testimonials={[
         { id: "t1", name: "Bob Smith", role: "Founder", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-man-pointing-tablet_23-2148479533.jpg" }
       ]}
@@ -121,6 +125,7 @@ export default function LandingPage() {
       sideTitle="Need Help?"
       faqs={[{ id: "q1", title: "How do I buy?", content: "Click the Buy button on any product page." }]}
       faqsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
@@ -130,6 +135,7 @@ export default function LandingPage() {
       description="Stay informed about new product releases."
       tag="Newsletter"
       background={{ variant: "plain" }}
+      useInvertedBackground={false}
     />
   </div>