diff --git a/components/archive/card.vue b/components/archive/card.vue
index f897f8b..d3eca0e 100644
--- a/components/archive/card.vue
+++ b/components/archive/card.vue
@@ -1,14 +1,14 @@
 <script lang="ts" setup>
 interface Props {
-  path: string
-  title: string
-  date: string
-  description: string
-  image: string
-  alt: string
-  ogImage: string
-  tags: Array<string>
-  published: boolean
+  path?: string
+  title?: string
+  date?: string
+  description?: string
+  image?: string
+  alt?: string
+  ogImage?: string
+  tags?: Array<string>
+  published?: boolean
 }
 
 withDefaults(defineProps<Props>(), {
diff --git a/pages/blogs/index.vue b/pages/blogs/index.vue
index 678581e..0554b88 100644
--- a/pages/blogs/index.vue
+++ b/pages/blogs/index.vue
@@ -97,6 +97,12 @@ useHead({
             :published="post.published"
           />
         </template>
+
+        <ArchiveCard
+          v-if="paginatedData.length <= 0"
+          title="No Post Found"
+          image="/not-found.jpg"
+        />
       </div>
 
       <template #fallback>
diff --git a/public/not-found.jpg b/public/not-found.jpg
new file mode 100644
index 0000000..d774d9f
Binary files /dev/null and b/public/not-found.jpg differ