fixed changes in the contributors as said (#43)

* fixed changes in the contributors

* Update page.js

---------

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

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;