fixed changes in the contributors as said (#43)

* fixed changes in the contributors

* Update page.js

---------

Co-authored-by: Prateek <devXprite@gmail.com>

Author: subhadeeproy3902

app/(home)/contributors.js

@@ -0,0 +1,47 @@
+export const ContributorsData = [
+  {
+    name: "Subhadeep Roy",
+    github: "https://git.new/Subha",
+    imageUrl:"https://avatars.githubusercontent.com/u/111780029?v=4",
+  },
+  {
+    name: "Suhani Singh Paliwal",
+    github: "https://github.com/suhanipaliwal",
+    imageUrl:"https://avatars.githubusercontent.com/u/161575955?v=4",
+  },
+  {
+    name: "Sanmarg Sandeep Paranjpe",
+    github: "https://github.com/sanmarg",
+    imageUrl:"https://avatars.githubusercontent.com/u/50082154?v=4",
+  },
+  {
+    name: "Shrijal Acharya",
+    github: "https://github.com/shricodev",
+    imageUrl:"https://avatars.githubusercontent.com/u/76906722?v=4",
+  },
+  {
+    name: "Yujit Yadav",
+    github: "https://github.com/yujit2003",
+    imageUrl:"https://avatars.githubusercontent.com/u/97657345?v=4",
+  },
+  {
+    name: "Varda003",
+    github: "https://github.com/Varda003",
+    imageUrl:"https://avatars.githubusercontent.com/u/136989588?v=4",
+  },
+  {
+    name: "Pradnya",
+    github: "https://github.com/PradnyaGaitonde",
+    imageUrl:"https://avatars.githubusercontent.com/u/116059908?v=4",
+  },
+  {
+    name: "Prathica Shetty M",
+    github: "https://github.com/PrathicaShettyM",
+    imageUrl:"https://avatars.githubusercontent.com/u/123286880?v=4",
+  },
+  {
+    name: "Saransh Bangar",
+    github: "https://github.com/SaranshBangar",
+    imageUrl:"https://avatars.githubusercontent.com/u/114401238?v=4",
+  },
+];

app/(home)/page.js

@@ -6,14 +6,16 @@ import Link from 'next/link';
 import GridContainer from '@/components/GridContainer';
 import { unstable_noStore as noStore } from 'next/cache';
 import Header from '@/components/Header';
+import { ContributorsData } from './contributors';
+import Image from 'next/image';
 
 export default async function Home() {
     noStore();
     let recenetProfiles = [];
 
     try {
         await connectDb();
-        recenetProfiles = await RecentProfiles.find({ }).sort({ updatedAt: 'desc' }).limit(8);
+        recenetProfiles = await RecentProfiles.find({}).sort({ updatedAt: 'desc' }).limit(8);
     } catch (error) {
         console.log('An error occurred in Home Page while fetching recent profiles');
     }
@@ -68,6 +70,35 @@ export default async function Home() {
                         </GridContainer>
                     </div>
                 )}
+
+                <div className="mb-8 mt-16 text-center">
+                    <h2 className="text-3xl font-bold tracking-tight sm:text-4xl">Meet Our Contributors</h2>
+                </div>
+                <div className="mb-10 px-4 md:px-12">
+                    <div className="grid grid-cols-2 max-w-screen-xl mx-auto  gap-6 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6">
+                        {ContributorsData.map((data, index) => (
+                            <a
+                                key={index}
+                                href={data.github}
+                                target="_blank"
+                                className="group rounded-lg p-4 shadow-sm transition-all duration-300"
+                            >
+                                <div className="relative overflow-hidden rounded-lg">
+                                    <Image
+                                        alt={data.name}
+                                        className="h-full w-full object-cover object-center transition-all duration-500 group-hover:scale-110"
+                                        src={data.imageUrl}
+                                        width={400}
+                                        height={400}
+                                    />
+                                </div>
+                                <div className="mt-4 text-center">
+                                    <h3 className="text-lg font-semibold">{data.name}</h3>
+                                </div>
+                            </a>
+                        ))}
+                    </div>
+                </div>
             </main>
         </>
     );

next.config.mjs

@@ -5,6 +5,14 @@ const nextConfig = {
             fullUrl: true,
         },
     },
+    images: {
+        remotePatterns: [
+            {
+                protocol: 'https',
+                hostname: '*',
+            },
+        ],
+    },
 };
 
 export default nextConfig;