diff --git a/src/app/page.tsx b/src/app/page.tsx
index 00380c2..5f6b71d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,10 +7,8 @@ import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardFour from '@/components/sections/ecommerce/productCatalog/ProductCatalogItem';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Facebook, Instagram, Twitter } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -36,6 +34,7 @@ export default function LandingPage() {
               { name: "Contact", id: "contact" },
             ]}
             brandName="CottonAura"
+            button={{ text: "Contact" }}
           />
         </div>
 
@@ -77,7 +76,14 @@ export default function LandingPage() {
         </div>
 
         <div id="products" data-section="products">
-             {/* Placeholder for Product section refactor using requested grid */}
+            <TestimonialCardTwo
+              animationType="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={false}
+              title="Featured Products"
+              description="Our best selling items."
+              testimonials={[]}
+            />
         </div>
 
         <div id="testimonials" data-section="testimonials">
@@ -99,6 +105,7 @@ export default function LandingPage() {
             title="Get In Touch"
             description="Have questions about our collection? We're here to help."
             useInvertedBackground={false}
+            background={{ variant: "plain" }}
             mediaAnimation="slide-up"
           />
         </div>