diff --git a/src/app/page.tsx b/src/app/page.tsx
index 25ea2b7..ea4b6dd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 5f76acb..b642beb 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -241,7 +241,14 @@ export default function ProductPage({ params }: ProductPageProps) {
                 
                 <div id="productDetail" data-section="productDetail">
                     <ProductDetailCard
+                        layout="default"
+                        name={product.name}
+                        price={product.priceDisplay}
                         images={images}
+                        buttons={[
+                            { text: "Add to Cart", onClick: handleAddToCart },
+                            { text: "Buy Now", onClick: handleBuyNow }
+                        ]}
                     />
                 </div>
 
@@ -250,6 +257,10 @@ export default function ProductPage({ params }: ProductPageProps) {
                     onClose={() => setCartOpen(false)}
                     items={cartItems}
                     total={cartTotal}
+                    buttons={[
+                        { text: "Continue Shopping", onClick: () => setCartOpen(false) },
+                        { text: "Checkout", onClick: handleCheckout }
+                    ]}
                 />
 
                 <div id="footer" data-section="footer">