Merge branch 'dev' into 8-marketing-card

.github/workflows/issue-autolink.yml

@@ -9,5 +9,6 @@ jobs:
         steps:
             - uses: tkt-actions/[email protected]
               with:
-                  repo-token: "${{ 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 }}"
+                  repo-token: "${{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 }}"
+
                   resolve: "true"

src/components/blogcard/BlogCard.jsx

@@ -1,5 +1,3 @@
-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'>

src/components/categorycard/CategoryCard.jsx

@@ -0,0 +1,16 @@
+const CategoryCard = ({ category }) => {
+    return (
+        <div className='max-w-sm mx-auto bg-white rounded-xl shadow-md overflow-hidden'>
+            <img
+                className='h-48 w-full object-cover'
+                src={category.image}
+                alt={category.name}
+            />
+            <div className='px-6 py-4'>
+                <div className='font-bold text-xl mb-2'>{category.name}</div>
+            </div>
+        </div>
+    );
+};
+
+export default CategoryCard;

src/components/herosection/HeroSection.jsx

@@ -0,0 +1,34 @@
+import Image from "next/image";
+
+const HeroSection = () => {
+    return (
+        <section>
+            <div className='lg:grid grid-cols-2'>
+                <Image
+                    className='lg:m-8 lg:w-11/12 w-80 mx-4'
+                    src='/images/hero-img.svg'
+                    width={500}
+                    height={500}
+                    alt='hero image'
+                />
+                <div className='lg:my-28'>
+                    <p className='m-20 text-xl'>
+                        Lorem ipsum dolor sit amet consectetur, adipisicing
+                        elit. Ullam, quia ad alias non saepe aliquid, totam,
+                        aliqu perspiciatis optio doloribus debitis vero
+                        voluptates esse. Voluptatum nihil nam fuga minima! quis
+                        nostr exercitation ullamco laboris nisi ut aliquip ex ea
+                        commodo consequat.
+                    </p>
+                    <div className='flex justify-center'>
+                        <button className='bg-green text-white border rounded-2xl w-40 py-2.5 font-semibold'>
+                            Donate Now
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </section>
+    );
+};
+
+export default HeroSection;