Init(Coore): add to repo

components/ProductCard.js

@@ -0,0 +1,15 @@
+import Image from 'next/image'
+import productpic from '../public/productpic.webp'
+
+export default function ProductCard({ image, desc }) {
+    return (
+        <div className="bg-red-950 w-fit flex flex-col mx-2 sm:mx-4" style={{boxShadow : "0px 32px 40px 0px rgba(0, 0, 0, 0.16)"}}>
+            <div className="flex justify-center rounded-t-2xl w-full bg-white">
+                <Image alt="" src={image} width={500} height={500} className="object-cover object-center"/>
+            </div>
+            <div className="bg-red-950 text-white text-sm sm:text-md p-4 sm:p-8">
+                <p>{ desc }</p>
+            </div>
+        </div>
+    )
+}