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

@@ -25,7 +25,6 @@ export default function ProductPage({ params }: ProductPageProps) {
         isLoading,
         images,
         variants,
-        selectedQuantity,
         createCartItem,
     } = useProductDetail(id);
 
@@ -51,9 +50,9 @@ export default function ProductPage({ params }: ProductPageProps) {
 
     const handleBuyNow = useCallback(() => {
         if (product) {
-            buyNow(product, selectedQuantity);
+            buyNow(product, 1);
         }
-    }, [product, selectedQuantity, buyNow]);
+    }, [product, buyNow]);
 
     const handleCheckout = useCallback(async () => {
         if (cartItems.length === 0) return;
@@ -148,7 +147,6 @@ export default function ProductPage({ params }: ProductPageProps) {
                 <ProductDetailCard
                     images={images}
                     variants={variants}
-                    selectedQuantity={selectedQuantity}
                     onAddToCart={handleAddToCart}
                     onBuyNow={handleBuyNow}
                     onBackClick={() => router.push('/shop')}
@@ -160,6 +158,12 @@ export default function ProductPage({ params }: ProductPageProps) {
                     items={cartItems}
                     onRemove={removeItem}
                     total={cartTotal}
+                    buttons={[
+                        {
+                            text: "Checkout",                            onClick: handleCheckout,
+                            variant: "primary"
+                        }
+                    ]}
                 />
                 <div id="footer" data-section="footer">
                 <FooterMedia