diff --git a/.github/workflows/issue-autolink.yml b/.github/workflows/issue-autolink.yml
index 21d496a..5acf520 100644
--- a/.github/workflows/issue-autolink.yml
+++ b/.github/workflows/issue-autolink.yml
@@ -9,5 +9,5 @@ jobs:
         steps:
             - uses: tkt-actions/add-issue-links@v1.6.0
               with:
-                  repo-token: "${{ secrets.GITHUB_TOKEN }}"
+                  repo-token: "${{ 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 }}"
                   resolve: "true"
diff --git a/src/components/blogcard/BlogCard.jsx b/src/components/blogcard/BlogCard.jsx
new file mode 100644
index 0000000..2d0f3e3
--- /dev/null
+++ b/src/components/blogcard/BlogCard.jsx
@@ -0,0 +1,28 @@
+import React from "react";
+
+const BlogCard = ({ blog }) => {
+    return (
+        <div className='bg-white shadow-md rounded-xl ml-2 mr-2 mb-2 mt-2 px-2 py-2 verflow-hidden'>
+            <div className='relative '>
+                <div className='bg-green-500 text-white absolute bottom-0 left-0 py-0 px-0 rounded-tr-lg'>
+                    <p className='text-sm bg-green ml-0 px-3 py-2'>
+                        {blog.date}
+                    </p>
+                </div>
+                <img
+                    src={blog.image}
+                    alt={blog.title}
+                    className='w-full h-48 object-cover rounded-xl'
+                />
+            </div>
+            <div className='p-6'>
+                <h3 className='text-2xl text-center font-semibold text-gray-800 mb-2 '>
+                    {blog.title}
+                </h3>
+                <p className='text-gray-700 text-center'>{blog.description}</p>
+            </div>
+        </div>
+    );
+};
+
+export default BlogCard;