Add contributors on home page

2 files changed, 59 insertions, 3 deletions

diff --git a/next.config.js b/next.config.js
index 7503bbe..5030b59 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,5 +1,9 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {}
+const nextConfig = {
+  images: {
+    remotePatterns: [{ hostname: 'avatars.githubusercontent.com' }],
+  },
+}
 
 const { withPlausibleProxy } = require('next-plausible')
 module.exports = withPlausibleProxy()(nextConfig)
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b668b03..c3b4d49 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,6 +9,7 @@ import {
   ShieldX,
   Users,
 } from 'lucide-react'
+import Image from 'next/image'
 import Link from 'next/link'
 import { ReactNode } from 'react'
 
@@ -97,9 +98,60 @@ export default function HomePage() {
             className="mt-2 leading-normal text-muted-foreground sm:text-lg sm:leading-7"
             style={{ textWrap: 'balance' } as any}
           >
-            Spliit is open source and powered by open source software. Feel free
-            to contribute!
+            Spliit is open source and lives thanks to amazing{' '}
+            <a
+              className="underline"
+              target="_blank"
+              href="https://github.com/scastiel/spliit2/graphs/contributors"
+            >
+              contributors
+            </a>
+            !
           </p>
+          <ul className="flex gap-4 mt-6">
+            {[
+              {
+                avatar:
+                  'https://avatars.githubusercontent.com/u/301948?s=120&v=4',
+                user: 'scastiel',
+                name: 'Sebastien Castiel',
+              },
+              {
+                avatar:
+                  'https://avatars.githubusercontent.com/u/3932568?s=120&v=4',
+                user: 'ChristopherJohnston',
+                name: 'Chris Johnston',
+              },
+              {
+                avatar:
+                  'https://avatars.githubusercontent.com/u/10518723?s=120&v=4',
+                user: 'ankitbahl',
+                name: 'Ankit Bahl',
+              },
+              {
+                avatar:
+                  'https://avatars.githubusercontent.com/u/13032812?s=120&v=4',
+                user: '174n',
+                name: 'Ivan Alexandrov',
+              },
+            ].map((contributor) => (
+              <li key={contributor.user}>
+                <a
+                  href={`https://github.com/${contributor.user}`}
+                  target="_blank"
+                  rel="nofollow"
+                >
+                  <Image
+                    src={contributor.avatar}
+                    width={60}
+                    height={60}
+                    alt={contributor.user}
+                    className="rounded-full"
+                  />
+                </a>
+              </li>
+            ))}
+          </ul>
           <div className="mt-4 md:mt-6">
             <Button asChild variant="secondary" size="lg">
               <a