From 6bcac50f09870c2477cffd9ed6723f47a334eb1a Mon Sep 17 00:00:00 2001
From: Ocean <oakocean9@gmail.com>
Date: Mon, 26 Jan 2026 20:44:28 +0100
Subject: [PATCH 1/4] Update hero section UI

---
 src/pages/index.astro | 83 ++++++++++++++++++++++++++++++++++++-------
 1 file changed, 71 insertions(+), 12 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 1051c95..bc184df 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,7 +2,6 @@
 import Layout from "../layouts/Layout.astro";
 import SignUpForm from "../structures/SignUpForm.astro";
 import "../styles/base.css";
-import ArrowIcon from "../components/ArrowIcon.astro";
 ---
 
 <Layout
@@ -31,22 +30,82 @@ import ArrowIcon from "../components/ArrowIcon.astro";
   </style>
   <main>
     <section class="flex flex-col-reverse bg-white lg:grid lg:grid-cols-2 lg:items-center">
-      <div class="min-h-fit items-center justify-center space-y-12 py-16 text-center">
-        <div class="mx-auto w-full max-w-screen-md space-y-6 px-6 md:px-8">
-          <h1 class="text-4xl font-bold tracking-tight">
-            HARNESSING TECHNOLOGY FOR A FREE PALESTINE
+      <div class="min-h-fit items-center justify-center space-y-8 py-16 text-left">
+        <div class="w-full space-y-6 px-6 md:px-12 lg:px-16 lg:pr-8 2xl:px-28">
+          <!-- Colored bars -->
+          <div class="flex items-center gap-1.5">
+            <div class="lg:w-22 h-2 w-24 rounded-full" style="background-color: #268024;"></div>
+            <div class="h-2 w-8 rounded-full lg:w-8" style="background-color: #e4312b;"></div>
+            <div class="h-2 w-5 rounded-full lg:w-5" style="background-color: #000000;"></div>
+          </div>
+
+          <h1 class="text-4xl font-bold md:text-5xl">
+            Harnessing Technology for a
+            <span class="text-[#268024] lg:my-2 lg:inline-block">Free Palestine</span>
           </h1>
-          <p class="text-base">
+          <p class="text-lg text-gray-700 2xl:text-xl">
             Tech for Palestine is a 501(c)(3) nonprofit operating a free incubator for pro-Palestine
             initiatives. We connect project leaders with:
           </p>
-          <ul class="inline-block list-disc space-y-2 pl-6 text-left text-base">
-            <li>One-on-one mentorship from experienced startup founders</li>
-            <li>A network of technically skilled volunteers via our Discord</li>
-            <li>Regular drop-in calls and webinars for live support and upskilling</li>
-            <li>Monthly grants to fuel early-stage growth</li>
+          <ul class="space-y-2 text-lg text-gray-700 2xl:text-xl">
+            <li class="flex items-start gap-3">
+              <svg
+                class="mt-1.5 h-3 w-3 flex-shrink-0"
+                viewBox="0 0 12 12"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M5.66406 0.737549C5.77127 0.443745 6.16697 0.425108 6.31055 0.681885L6.33594 0.737549L7.57031 4.1311L7.64941 4.35083L7.86914 4.42993L11.2627 5.66333V5.66431C11.5763 5.77872 11.5763 6.22177 11.2627 6.33618L7.86914 7.57056L7.64941 7.64966L7.57031 7.86938L6.33594 11.2629C6.22873 11.5568 5.83301 11.5754 5.68945 11.3186L5.66406 11.2629L4.42969 7.86938L4.35059 7.64966L4.13086 7.57056L0.736328 6.33618H0.737305C0.423874 6.22182 0.423167 5.77798 0.736328 5.66333L4.13086 4.42993L4.35059 4.35083L4.42969 4.1311L5.66406 0.737549Z"
+                  fill="#e4312b"
+                  stroke="#e4312b"></path>
+              </svg>
+              <span>One-on-one mentorship from experienced startup founders</span>
+            </li>
+            <li class="flex items-start gap-3">
+              <svg
+                class="mt-1.5 h-3 w-3 flex-shrink-0"
+                viewBox="0 0 12 12"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M5.66406 0.737549C5.77127 0.443745 6.16697 0.425108 6.31055 0.681885L6.33594 0.737549L7.57031 4.1311L7.64941 4.35083L7.86914 4.42993L11.2627 5.66333V5.66431C11.5763 5.77872 11.5763 6.22177 11.2627 6.33618L7.86914 7.57056L7.64941 7.64966L7.57031 7.86938L6.33594 11.2629C6.22873 11.5568 5.83301 11.5754 5.68945 11.3186L5.66406 11.2629L4.42969 7.86938L4.35059 7.64966L4.13086 7.57056L0.736328 6.33618H0.737305C0.423874 6.22182 0.423167 5.77798 0.736328 5.66333L4.13086 4.42993L4.35059 4.35083L4.42969 4.1311L5.66406 0.737549Z"
+                  fill="#000000"
+                  stroke="#000000"></path>
+              </svg>
+              <span>A network of technically skilled volunteers via our Discord</span>
+            </li>
+            <li class="flex items-start gap-3">
+              <svg
+                class="mt-1.5 h-3 w-3 flex-shrink-0"
+                viewBox="0 0 12 12"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M5.66406 0.737549C5.77127 0.443745 6.16697 0.425108 6.31055 0.681885L6.33594 0.737549L7.57031 4.1311L7.64941 4.35083L7.86914 4.42993L11.2627 5.66333V5.66431C11.5763 5.77872 11.5763 6.22177 11.2627 6.33618L7.86914 7.57056L7.64941 7.64966L7.57031 7.86938L6.33594 11.2629C6.22873 11.5568 5.83301 11.5754 5.68945 11.3186L5.66406 11.2629L4.42969 7.86938L4.35059 7.64966L4.13086 7.57056L0.736328 6.33618H0.737305C0.423874 6.22182 0.423167 5.77798 0.736328 5.66333L4.13086 4.42993L4.35059 4.35083L4.42969 4.1311L5.66406 0.737549Z"
+                  fill="#268024"
+                  stroke="#268024"></path>
+              </svg>
+              <span>Regular drop-in calls and webinars for live support and upskilling</span>
+            </li>
+            <li class="flex items-start gap-3">
+              <svg
+                class="mt-1.5 h-3 w-3 flex-shrink-0"
+                viewBox="0 0 12 12"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M5.66406 0.737549C5.77127 0.443745 6.16697 0.425108 6.31055 0.681885L6.33594 0.737549L7.57031 4.1311L7.64941 4.35083L7.86914 4.42993L11.2627 5.66333V5.66431C11.5763 5.77872 11.5763 6.22177 11.2627 6.33618L7.86914 7.57056L7.64941 7.64966L7.57031 7.86938L6.33594 11.2629C6.22873 11.5568 5.83301 11.5754 5.68945 11.3186L5.66406 11.2629L4.42969 7.86938L4.35059 7.64966L4.13086 7.57056L0.736328 6.33618H0.737305C0.423874 6.22182 0.423167 5.77798 0.736328 5.66333L4.13086 4.42993L4.35059 4.35083L4.42969 4.1311L5.66406 0.737549Z"
+                  fill="white"
+                  stroke="#000000"></path>
+              </svg>
+              <span>Monthly grants to fuel early-stage growth</span>
+            </li>
           </ul>
-          <p class="text-base">
+          <p class="text-lg text-gray-700 2xl:text-xl">
             Our goal is to counter tech industry complicity in Palestinian oppression by using tech
             for good, empowering changemakers with support for their liberating projects.
           </p>

From 73a6c7235ad31ffe18742fd25725b8b2a5e6c543 Mon Sep 17 00:00:00 2001
From: Ocean <oakocean9@gmail.com>
Date: Mon, 26 Jan 2026 20:44:35 +0100
Subject: [PATCH 2/4] Adjust navbar sizing for smaller screens

---
 src/components/NavBar.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/NavBar.svelte b/src/components/NavBar.svelte
index 477c472..c67a233 100644
--- a/src/components/NavBar.svelte
+++ b/src/components/NavBar.svelte
@@ -166,14 +166,14 @@
         {/each}
       </nav>
     </div>
-    
+
     <!-- Right side: Socials and Donate -->
-    <div class="hidden lg:flex gap-6 items-center">
+    <div class="hidden lg:flex gap-4 2xl:gap-6 items-center">
       <slot name="socials" />
       <div>
         <a
           href="/donate"
-          class="bg-gradient-to-r from-green-600 to-green-700 hover:from-green-700 hover:to-green-800 text-white font-bold py-4 px-10 text-lg rounded-lg shadow-md hover:shadow-lg transition-all duration-200 transform hover:-translate-y-0.5"
+          class="bg-gradient-to-r from-green-600 to-green-700 hover:from-green-700 hover:to-green-800 text-white font-semibold py-3 px-6 text-base 2xl:py-4 2xl:px-10 2xl:text-lg 2xl:font-bold rounded-lg shadow-md hover:shadow-lg transition-all duration-200 transform hover:-translate-y-0.5"
         >
           Donate
         </a>
@@ -284,7 +284,7 @@
     from { opacity: 0; transform: translateY(-10px); }
     to { opacity: 1; transform: translateY(0); }
   }
-  
+
   .animate-fadeIn {
     animation: fadeIn 0.2s ease-out;
   }

From 6c884428253f95bf186a0c2ccbd2955164e79dea Mon Sep 17 00:00:00 2001
From: Ocean <oakocean9@gmail.com>
Date: Tue, 27 Jan 2026 10:45:13 +0100
Subject: [PATCH 3/4] Update bullets style

---
 src/pages/index.astro | 40 ++++++++++++++++------------------------
 1 file changed, 16 insertions(+), 24 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index bc184df..27b069e 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -50,57 +50,49 @@ import "../styles/base.css";
           <ul class="space-y-2 text-lg text-gray-700 2xl:text-xl">
             <li class="flex items-start gap-3">
               <svg
-                class="mt-1.5 h-3 w-3 flex-shrink-0"
-                viewBox="0 0 12 12"
+                class="mt-1.5 h-4 w-4 flex-shrink-0"
+                viewBox="0 0 16 16"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
               >
-                <path
-                  d="M5.66406 0.737549C5.77127 0.443745 6.16697 0.425108 6.31055 0.681885L6.33594 0.737549L7.57031 4.1311L7.64941 4.35083L7.86914 4.42993L11.2627 5.66333V5.66431C11.5763 5.77872 11.5763 6.22177 11.2627 6.33618L7.86914 7.57056L7.64941 7.64966L7.57031 7.86938L6.33594 11.2629C6.22873 11.5568 5.83301 11.5754 5.68945 11.3186L5.66406 11.2629L4.42969 7.86938L4.35059 7.64966L4.13086 7.57056L0.736328 6.33618H0.737305C0.423874 6.22182 0.423167 5.77798 0.736328 5.66333L4.13086 4.42993L4.35059 4.35083L4.42969 4.1311L5.66406 0.737549Z"
-                  fill="#e4312b"
-                  stroke="#e4312b"></path>
+                <circle cx="8" cy="8" r="8" fill="#e4312b" fill-opacity="0.2"></circle>
+                <circle cx="8" cy="8" r="5" fill="#e4312b"></circle>
               </svg>
               <span>One-on-one mentorship from experienced startup founders</span>
             </li>
             <li class="flex items-start gap-3">
               <svg
-                class="mt-1.5 h-3 w-3 flex-shrink-0"
-                viewBox="0 0 12 12"
+                class="mt-1.5 h-4 w-4 flex-shrink-0"
+                viewBox="0 0 16 16"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
               >
-                <path
-                  d="M5.66406 0.737549C5.77127 0.443745 6.16697 0.425108 6.31055 0.681885L6.33594 0.737549L7.57031 4.1311L7.64941 4.35083L7.86914 4.42993L11.2627 5.66333V5.66431C11.5763 5.77872 11.5763 6.22177 11.2627 6.33618L7.86914 7.57056L7.64941 7.64966L7.57031 7.86938L6.33594 11.2629C6.22873 11.5568 5.83301 11.5754 5.68945 11.3186L5.66406 11.2629L4.42969 7.86938L4.35059 7.64966L4.13086 7.57056L0.736328 6.33618H0.737305C0.423874 6.22182 0.423167 5.77798 0.736328 5.66333L4.13086 4.42993L4.35059 4.35083L4.42969 4.1311L5.66406 0.737549Z"
-                  fill="#000000"
-                  stroke="#000000"></path>
+                <circle cx="8" cy="8" r="8" fill="#000000" fill-opacity="0.2"></circle>
+                <circle cx="8" cy="8" r="5" fill="#000000"></circle>
               </svg>
               <span>A network of technically skilled volunteers via our Discord</span>
             </li>
             <li class="flex items-start gap-3">
               <svg
-                class="mt-1.5 h-3 w-3 flex-shrink-0"
-                viewBox="0 0 12 12"
+                class="mt-1.5 h-4 w-4 flex-shrink-0"
+                viewBox="0 0 16 16"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
               >
-                <path
-                  d="M5.66406 0.737549C5.77127 0.443745 6.16697 0.425108 6.31055 0.681885L6.33594 0.737549L7.57031 4.1311L7.64941 4.35083L7.86914 4.42993L11.2627 5.66333V5.66431C11.5763 5.77872 11.5763 6.22177 11.2627 6.33618L7.86914 7.57056L7.64941 7.64966L7.57031 7.86938L6.33594 11.2629C6.22873 11.5568 5.83301 11.5754 5.68945 11.3186L5.66406 11.2629L4.42969 7.86938L4.35059 7.64966L4.13086 7.57056L0.736328 6.33618H0.737305C0.423874 6.22182 0.423167 5.77798 0.736328 5.66333L4.13086 4.42993L4.35059 4.35083L4.42969 4.1311L5.66406 0.737549Z"
-                  fill="#268024"
-                  stroke="#268024"></path>
+                <circle cx="8" cy="8" r="8" fill="#268024" fill-opacity="0.2"></circle>
+                <circle cx="8" cy="8" r="5" fill="#268024"></circle>
               </svg>
               <span>Regular drop-in calls and webinars for live support and upskilling</span>
             </li>
             <li class="flex items-start gap-3">
               <svg
-                class="mt-1.5 h-3 w-3 flex-shrink-0"
-                viewBox="0 0 12 12"
+                class="mt-1.5 h-4 w-4 flex-shrink-0"
+                viewBox="0 0 16 16"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
               >
-                <path
-                  d="M5.66406 0.737549C5.77127 0.443745 6.16697 0.425108 6.31055 0.681885L6.33594 0.737549L7.57031 4.1311L7.64941 4.35083L7.86914 4.42993L11.2627 5.66333V5.66431C11.5763 5.77872 11.5763 6.22177 11.2627 6.33618L7.86914 7.57056L7.64941 7.64966L7.57031 7.86938L6.33594 11.2629C6.22873 11.5568 5.83301 11.5754 5.68945 11.3186L5.66406 11.2629L4.42969 7.86938L4.35059 7.64966L4.13086 7.57056L0.736328 6.33618H0.737305C0.423874 6.22182 0.423167 5.77798 0.736328 5.66333L4.13086 4.42993L4.35059 4.35083L4.42969 4.1311L5.66406 0.737549Z"
-                  fill="white"
-                  stroke="#000000"></path>
+                <circle cx="8" cy="8" r="8" fill="#9ca3af" fill-opacity="0.2"></circle>
+                <circle cx="8" cy="8" r="5" fill="#9ca3af"></circle>
               </svg>
               <span>Monthly grants to fuel early-stage growth</span>
             </li>

From 11fd927c98bb51db25b210cbd00ef16998020ed5 Mon Sep 17 00:00:00 2001
From: Ocean <oakocean9@gmail.com>
Date: Tue, 27 Jan 2026 19:19:46 +0100
Subject: [PATCH 4/4] Make hero section full viewport height

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

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 27b069e..8cee076 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -29,8 +29,8 @@ import "../styles/base.css";
     }
   </style>
   <main>
-    <section class="flex flex-col-reverse bg-white lg:grid lg:grid-cols-2 lg:items-center">
-      <div class="min-h-fit items-center justify-center space-y-8 py-16 text-left">
+    <section class="flex min-h-[calc(100vh-5rem)] flex-col-reverse bg-white lg:grid lg:grid-cols-2 lg:items-center">
+      <div class="flex min-h-fit flex-col items-center justify-center space-y-8 py-16 text-left">
         <div class="w-full space-y-6 px-6 md:px-12 lg:px-16 lg:pr-8 2xl:px-28">
           <!-- Colored bars -->
           <div class="flex items-center gap-1.5">
@@ -103,10 +103,10 @@ import "../styles/base.css";
           </p>
         </div>
       </div>
-      <figure class="relative bg-zinc-50">
+      <figure class="relative h-[32rem] bg-zinc-50 lg:h-full">
         <img
           src="/happy-kids.jpg"
-          class="h-[32rem] w-full object-cover lg:h-[42rem]"
+          class="h-full w-full object-cover"
           alt="Happy kids in Palestine"
         />
         <figcaption class="absolute bottom-2 right-2 text-xs text-white">®Motaz Azaiza</figcaption>