Init(Coore): add to repo

components/BlogCard.js

@@ -0,0 +1,15 @@
+import Image from 'next/image'
+export default function ProductCard({ image }) {
+    return (
+        <div className="relative flex flex-col items-center ">
+            <div className="relative flex flex-col z-20">
+                <Image alt="" src={ image } className="w-full h-full rounded-lg " /> 
+                <div className="absolute bottom-0 w-full h-full p-4">
+                    <div className="flex flex-col justify-end w-full h-full">
+                        <span className="p-4 text-white rounded-lg text-xl backdrop-blur w-full h-fit">مطلب شماره یک</span> 
+                    </div>
+                </div>  
+            </div>
+        </div> 
+    )
+}