Update blog images

frontend/components/global/BlogPost.vue

@@ -10,6 +10,7 @@ type Props = {
     description: string;
     link: string;
     variant?: "sm" | "lg";
+    image: string,
 }
 
 // props
@@ -45,7 +46,7 @@ const {} = toRefs(props);
             </Tag>
 
             <img
-                src="/img/hero-bg.jpg"
+                :src="image"
                 class="absolute size-full object-cover z-10"
                 alt=""
             />
@@ -104,7 +105,7 @@ const {} = toRefs(props);
 
         <img
             v-if="variant === 'lg'"
-            src="/img/hero-bg.jpg"
+            :src="image"
             class="absolute size-full object-cover z-10"
             alt=""
         />

frontend/components/home/LatestStories.vue

@@ -24,6 +24,7 @@ const {} = toRefs(props);
         <div class="flex gap-12">
             <div class="flex-1 flex flex-col gap-12">
                 <BlogPost
+                    image="/img/blog-1.jpeg"
                     description="aaasd"
                     title="asd"
                     :comments="2"
@@ -32,6 +33,7 @@ const {} = toRefs(props);
                     tag="asdsa"
                 />
                 <BlogPost
+                    image="/img/blog-2.jpeg"
                     description="aaasd"
                     title="asd"
                     :comments="2"
@@ -42,6 +44,7 @@ const {} = toRefs(props);
             </div>
             <div class="flex-[0.8] flex flex-col">
                 <BlogPost
+                    image="/img/blog-3.jpeg"
                     description="aaasd"
                     title="asd"
                     :comments="2"
@@ -51,6 +54,7 @@ const {} = toRefs(props);
                     variant="sm"
                 />
                 <BlogPost
+                    image="/img/blog-4.jpeg"
                     description="aaasd"
                     title="asd"
                     :comments="2"