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

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

@@ -63,7 +63,7 @@ export default function ProductPage({ params }: ProductPageProps) {
         await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
     }, [cartItems, checkout, getCheckoutItems]);
 
-    if (isLoading) {
+    if (isLoading || !product) {
         return (
             <ThemeProvider
                 defaultButtonVariant="bounce-effect"
@@ -145,8 +145,19 @@ export default function ProductPage({ params }: ProductPageProps) {
                 </div>
                 <div id="productDetail" data-section="productDetail">
                 <ProductDetailCard
+                    layout="page"
+                    name={product.name}
+                    price={`$${product.price}`}
                     images={images}
                     variants={variants}
+                    buttons={[
+                        {
+                            text: "Add to Cart",                            onClick: handleAddToCart
+                        },
+                        {
+                            text: "Buy Now",                            onClick: handleBuyNow
+                        }
+                    ]}
                 />
                 </div>
                 <ProductCart