Skip to content

Update homepage to 80+ projects and move Upscrolled and Thaura to first row #367

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
mohanadft merged 1 commit into from
Jan 28, 2026
Merged

Update homepage to 80+ projects and move Upscrolled and Thaura to first row #367

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
104 changes: 52 additions & 52 deletions src/pages/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/"
Expand Down Expand Up @@ -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">
Expand Down