Update src/app/shop/[id]/page.tsx

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">