diff --git a/src/app/page.tsx b/src/app/page.tsx
index 91b2315..214d61b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -108,9 +108,14 @@ export default function LandingPage() {
   <div id="products" data-section="products">
       <ProductCardThree
       animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
+      textboxLayout="split-actions"
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
+      buttons={[
+        {
+          text: "View All Products",          href: "/menu"
+        }
+      ]}
       products={[
         {
           id: "1",          name: "Ethiopian Yirgacheffe",          price: "$18",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-fresh-coffee-beans-falling-out-black-basket-red-background_141793-27586.jpg"},