diff --git a/scripts/generate_site.js b/scripts/generate_site.js
index 6db19e1..e399a4a 100644
--- a/scripts/generate_site.js
+++ b/scripts/generate_site.js
@@ -263,8 +263,18 @@ console.log("Generating repos list index.html ===== ");
 const repos = JSON.parse(fs_default.readFileSync(path.join(path.dirname(__dirname), 'repos.json'), 'utf-8'));
 
 const reposHTML = repos.map(repo => `
-    <a href="profiles/${repo.repo}/index.html" class="block p-6 bg-white dark:bg-gray-800 rounded-lg shadow hover:shadow-lg transition-shadow relative">
-        <h2 class="text-xl font-semibold text-gray-900 dark:text-white">${repo.repo}</h2>
+    <a href="profiles/${repo.repo}/index.html" class="block p-8 mb-6 bg-white dark:bg-gray-800 rounded-lg shadow-md hover:shadow-xl transition-all duration-300 relative">
+        <div class="flex items-center justify-between">
+            <div>
+                <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-2">${repo.repo}</h2>
+                <p class="text-gray-600 dark:text-gray-400">View contributor profiles →</p>
+            </div>
+            <div class="text-gray-400 dark:text-gray-500 hover:text-blue-500 dark:hover:text-blue-400 transition-colors">
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6" />
+                </svg>
+            </div>
+        </div>
     </a>
 `).join('');