Product card on main screen

lib/components/card.dart

@@ -0,0 +1,54 @@
+import 'package:flutter/material.dart';
+
+class ProductCard extends StatelessWidget {
+  final Image imagePath;
+  final String name;
+  final int price;
+  final VoidCallback onTap;
+
+  const ProductCard({
+    super.key,
+    required this.imagePath,
+    required this.name,
+    required this.price,
+    required this.onTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: onTap,
+      child: ConstrainedBox(
+        constraints: const BoxConstraints(minHeight: 200),
+        child: Card(
+          elevation: 3,
+          color: const Color(0xFFF2F3F9),
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(16),
+          ),
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              imagePath,
+              const SizedBox(height: 16),
+              Text(name, style: Theme.of(context).textTheme.titleLarge),
+              const SizedBox(height: 8),
+              Text('\$$price', style: Theme.of(context).textTheme.titleSmall),
+            ],
+          ),
+          // child: Column(
+          //   mainAxisSize: MainAxisSize.min,
+          //   children: [
+          //     imagePath,
+          //     const SizedBox(height: 16),
+          //     Text(name, style: Theme.of(context).textTheme.titleLarge),
+          //     const SizedBox(height: 8),
+          //     Text('\$$price', style: Theme.of(context).textTheme.titleSmall),
+          //   ],
+          // ),
+        ),
+      ),
+    );
+  }
+}