diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5c699a0..3090b4a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
@@ -87,7 +87,7 @@ export default function LandingPage() {
       </div>
 
       <div id="menu" data-section="menu">
-        <ProductCardOne
+        <ProductCardThree
           products={[
             {
               id: "1",              name: "Espresso Shot",              price: "$3.50",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-barista-pouring-frothed-milk-cup_23-2148824452.jpg",              imageAlt: "Double espresso shot"
@@ -111,7 +111,7 @@ export default function LandingPage() {
       </div>
 
       <div id="pastries" data-section="pastries">
-        <ProductCardOne
+        <ProductCardThree
           products={[
             {
               id: "1",              name: "Butter Croissant",              price: "$4.25",              imageSrc: "http://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31529.jpg",              imageAlt: "Warm butter croissant"
@@ -290,4 +290,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}