diff --git a/web/app/docs/about/contributors/page.tsx b/web/app/docs/about/contributors/page.tsx
new file mode 100644
index 0000000..ca36515
--- /dev/null
+++ b/web/app/docs/about/contributors/page.tsx
@@ -0,0 +1,65 @@
+import { Users, FlaskRound } from 'lucide-react';
+
+const contributors = [
+  {
+    name: 'MALOW',
+    role: 'Testing',
+    avatar: 'https://macrimi.github.io/ProxMenux/avatars/malow.png'
+  },
+  {
+    name: 'Segarra',
+    role: 'Testing',
+    avatar: 'https://macrimi.github.io/ProxMenux/avatars/segarra.png'
+  },
+  {
+    name: 'Aprilia',
+    role: 'Testing',
+    avatar: 'https://macrimi.github.io/ProxMenux/avatars/aprilia.png'
+  }
+];
+
+export default function Contributors() {
+  return (
+    <div className="container mx-auto px-4 py-8">
+      {/* 🔹 Icon + Title */}
+      <div className="flex items-center justify-center mb-6">
+        <Users className="h-8 w-8 mr-2 text-blue-500" />
+        <h1 className="text-3xl font-bold text-black">Contributors</h1>
+      </div>
+
+      {/* 🔹 Description */}
+      <p className="text-lg text-black mb-4 text-left">
+        The ProxMenux project grows and thrives thanks to the contribution of its collaborators.
+      </p>
+      <p className="text-base text-black mb-20">
+        This is the well-deserved recognition of their work:
+      </p>
+
+      {/* 🔹 Contributors List */}
+      <div className="flex justify-center gap-6 flex-wrap">
+        {contributors.map((contributor) => (
+          <div key={contributor.name} className="text-center">
+            <div className="relative inline-block">
+              <img
+                src={contributor.avatar}
+                alt={contributor.name}
+                className="w-20 h-20 rounded-full border-2 border-gray-300 object-cover"
+              />
+              <div className="absolute -bottom-1 -right-1 bg-orange-500 rounded-full p-1">
+                <FlaskRound className="h-4 w-4 text-white" />
+              </div>
+            </div>
+            <h3 className="text-lg font-bold text-black mt-2">{contributor.name}</h3>
+            <p className="text-sm text-black">{contributor.role}</p>
+          </div>
+        ))}
+      </div>
+
+      {/* 🔹 Call to Action */}
+      <p className="mt-20 text-base text-black text-left">
+        Would you like to contribute? You can collaborate as a <strong>tester</strong>, <strong>developer</strong>, <strong>designer</strong>, or by sharing <strong>ideas and suggestions</strong>. Any contribution is welcome!
+      </p>
+    </div>
+  );
+}
+
diff --git a/web/components/DocSidebar.tsx b/web/components/DocSidebar.tsx
index 6a49713..1ecfa3b 100644
--- a/web/components/DocSidebar.tsx
+++ b/web/components/DocSidebar.tsx
@@ -71,6 +71,7 @@ const sidebarItems: MenuItem[] = [
     submenu: [
       { title: "Code of Conduct", href: "/docs/about/code-of-conduct" },
       { title: "FAQ", href: "/docs/about/faq" }, 
+      { title: "Contributors", href: "/docs/about/contributors" },
     ],
   },
   { title: "External Repositories", href: "/docs/external-repositories" },
diff --git a/web/public/avatars/aprilia.png b/web/public/avatars/aprilia.png
new file mode 100644
index 0000000..c5d525c
Binary files /dev/null and b/web/public/avatars/aprilia.png differ
diff --git a/web/public/avatars/malow.png b/web/public/avatars/malow.png
new file mode 100644
index 0000000..6f68305
Binary files /dev/null and b/web/public/avatars/malow.png differ
diff --git a/web/public/avatars/segarra.png b/web/public/avatars/segarra.png
new file mode 100644
index 0000000..0223afd
Binary files /dev/null and b/web/public/avatars/segarra.png differ