From 752e4afefe9e8aa0b2780ea6af2f84232c6d5660 Mon Sep 17 00:00:00 2001
From: mohanadft <mohanadfteha@gmail.com>
Date: Wed, 28 Jan 2026 15:00:54 +0200
Subject: [PATCH] Update homepage to 80+ projects and move Upscrolled and
 Thaura to first row

---
 src/pages/index.astro | 104 +++++++++++++++++++++---------------------
 1 file changed, 52 insertions(+), 52 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 8cee076..e0f016d 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -118,11 +118,62 @@ import "../styles/base.css";
       <div class="mx-auto max-w-7xl px-6 md:px-8">
         <div class="mb-12 text-center">
           <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
-            T4P supports 60+ projects, including:
+            T4P supports 80+ projects, including:
           </h2>
         </div>
 
         <div class="flex flex-wrap justify-center gap-8">
+          <!-- Upscrolled -->
+          <a
+            href="https://upscrolled.com/en/"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="group flex min-h-[380px] w-full flex-col items-center justify-center rounded-xl border-2 border-gray-200 bg-white p-8 text-center shadow-md transition-all duration-300 hover:border-green-600 hover:shadow-xl md:w-[calc(50%-1rem)] lg:w-[calc(25%-1.5rem)]"
+          >
+            <div class="mb-4 flex h-32 w-32 items-center justify-center">
+              <img
+                src="/images/new-homepage/upscrolled_logo.webp"
+                alt="Upscrolled logo"
+                class="h-full w-full object-contain transition-transform duration-300 group-hover:scale-110"
+                style="border-radius: 2.2rem;"
+              />
+            </div>
+            <h3 class="mb-3 text-xl font-bold text-gray-900 group-hover:text-green-800">
+              Upscrolled
+            </h3>
+            <p class="min-h-[4.5rem] text-sm leading-relaxed text-gray-600">
+              A Meta alternative without shadow banning or algorithmic biases.
+            </p>
+            <span class="mt-4 text-sm font-medium text-green-800 group-hover:underline">
+              Visit Website →
+            </span>
+          </a>
+
+          <!-- Thaura -->
+          <a
+            href="https://www.thaura.ai/"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="group flex min-h-[380px] w-full flex-col items-center justify-center rounded-xl border-2 border-gray-200 bg-white p-8 text-center shadow-md transition-all duration-300 hover:border-green-600 hover:shadow-xl md:w-[calc(50%-1rem)] lg:w-[calc(25%-1.5rem)]"
+          >
+            <div class="mb-4 flex h-32 w-32 items-center justify-center">
+              <img
+                src="/images/new-homepage/thaura.jpeg"
+                alt="Thaura logo"
+                class="h-full w-full object-contain transition-transform duration-300 group-hover:scale-110"
+                style="border-radius: 2.2rem;"
+              />
+            </div>
+            <h3 class="mb-3 text-xl font-bold text-gray-900 group-hover:text-green-800">Thaura</h3>
+            <p class="min-h-[4.5rem] text-sm leading-relaxed text-gray-600">
+              Ethical AI platform that decolonizes artificial intelligence with ethics-first
+              approach.
+            </p>
+            <span class="mt-4 text-sm font-medium text-green-800 group-hover:underline">
+              Visit Website →
+            </span>
+          </a>
+
           <!-- Apricot -->
           <a
             href="https://apricotinternational.org/"
@@ -256,57 +307,6 @@ import "../styles/base.css";
               Visit Website →
             </span>
           </a>
-
-          <!-- Upscrolled -->
-          <a
-            href="https://upscrolled.com/en/"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="group flex min-h-[380px] w-full flex-col items-center justify-center rounded-xl border-2 border-gray-200 bg-white p-8 text-center shadow-md transition-all duration-300 hover:border-green-600 hover:shadow-xl md:w-[calc(50%-1rem)] lg:w-[calc(25%-1.5rem)]"
-          >
-            <div class="mb-4 flex h-32 w-32 items-center justify-center">
-              <img
-                src="/images/new-homepage/upscrolled_logo.webp"
-                alt="Upscrolled logo"
-                class="h-full w-full object-contain transition-transform duration-300 group-hover:scale-110"
-                style="border-radius: 2.2rem;"
-              />
-            </div>
-            <h3 class="mb-3 text-xl font-bold text-gray-900 group-hover:text-green-800">
-              Upscrolled
-            </h3>
-            <p class="min-h-[4.5rem] text-sm leading-relaxed text-gray-600">
-              A Meta alternative without shadow banning or algorithmic biases.
-            </p>
-            <span class="mt-4 text-sm font-medium text-green-800 group-hover:underline">
-              Visit Website →
-            </span>
-          </a>
-
-          <!-- Thaura -->
-          <a
-            href="https://www.thaura.ai/"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="group flex min-h-[380px] w-full flex-col items-center justify-center rounded-xl border-2 border-gray-200 bg-white p-8 text-center shadow-md transition-all duration-300 hover:border-green-600 hover:shadow-xl md:w-[calc(50%-1rem)] lg:w-[calc(25%-1.5rem)]"
-          >
-            <div class="mb-4 flex h-32 w-32 items-center justify-center">
-              <img
-                src="/images/new-homepage/thaura.jpeg"
-                alt="Thaura logo"
-                class="h-full w-full object-contain transition-transform duration-300 group-hover:scale-110"
-                style="border-radius: 2.2rem;"
-              />
-            </div>
-            <h3 class="mb-3 text-xl font-bold text-gray-900 group-hover:text-green-800">Thaura</h3>
-            <p class="min-h-[4.5rem] text-sm leading-relaxed text-gray-600">
-              Ethical AI platform that decolonizes artificial intelligence with ethics-first
-              approach.
-            </p>
-            <span class="mt-4 text-sm font-medium text-green-800 group-hover:underline">
-              Visit Website →
-            </span>
-          </a>
         </div>
 
         <div class="mt-12 flex flex-col justify-center gap-4 sm:flex-row">