diff --git a/public/images/home/hero-1200.jpg b/public/images/home/hero-1200.jpg
new file mode 100644
index 00000000..dc4e1257
Binary files /dev/null and b/public/images/home/hero-1200.jpg differ
diff --git a/public/images/home/hero-1200.webp b/public/images/home/hero-1200.webp
new file mode 100644
index 00000000..9b61105f
Binary files /dev/null and b/public/images/home/hero-1200.webp differ
diff --git a/public/images/home/hero-1600.jpg b/public/images/home/hero-1600.jpg
new file mode 100644
index 00000000..4b67e24b
Binary files /dev/null and b/public/images/home/hero-1600.jpg differ
diff --git a/public/images/home/hero-1600.webp b/public/images/home/hero-1600.webp
new file mode 100644
index 00000000..c60a6de2
Binary files /dev/null and b/public/images/home/hero-1600.webp differ
diff --git a/public/images/home/hero-2048.jpg b/public/images/home/hero-2048.jpg
new file mode 100644
index 00000000..afaef28e
Binary files /dev/null and b/public/images/home/hero-2048.jpg differ
diff --git a/public/images/home/hero-2048.webp b/public/images/home/hero-2048.webp
new file mode 100644
index 00000000..3cc57544
Binary files /dev/null and b/public/images/home/hero-2048.webp differ
diff --git a/public/images/home/hero-960.jpg b/public/images/home/hero-960.jpg
new file mode 100644
index 00000000..c75be638
Binary files /dev/null and b/public/images/home/hero-960.jpg differ
diff --git a/public/images/home/hero-960.webp b/public/images/home/hero-960.webp
new file mode 100644
index 00000000..50915b05
Binary files /dev/null and b/public/images/home/hero-960.webp differ
diff --git a/public/images/home/og-home.jpg b/public/images/home/og-home.jpg
new file mode 100644
index 00000000..e40e59e1
Binary files /dev/null and b/public/images/home/og-home.jpg differ
diff --git a/public/images/home/press/aljazeera-upscrolled.jpg b/public/images/home/press/aljazeera-upscrolled.jpg
new file mode 100644
index 00000000..74e5909d
Binary files /dev/null and b/public/images/home/press/aljazeera-upscrolled.jpg differ
diff --git a/public/images/home/press/aljazeera-upscrolled.webp b/public/images/home/press/aljazeera-upscrolled.webp
new file mode 100644
index 00000000..ddaa720f
Binary files /dev/null and b/public/images/home/press/aljazeera-upscrolled.webp differ
diff --git a/public/images/home/press/eureports-barcelona.jpg b/public/images/home/press/eureports-barcelona.jpg
new file mode 100644
index 00000000..8e3f2ce9
Binary files /dev/null and b/public/images/home/press/eureports-barcelona.jpg differ
diff --git a/public/images/home/press/eureports-barcelona.webp b/public/images/home/press/eureports-barcelona.webp
new file mode 100644
index 00000000..644ae663
Binary files /dev/null and b/public/images/home/press/eureports-barcelona.webp differ
diff --git a/public/images/home/press/ssir-tech-against-genocide.jpg b/public/images/home/press/ssir-tech-against-genocide.jpg
new file mode 100644
index 00000000..08299c73
Binary files /dev/null and b/public/images/home/press/ssir-tech-against-genocide.jpg differ
diff --git a/public/images/home/press/ssir-tech-against-genocide.webp b/public/images/home/press/ssir-tech-against-genocide.webp
new file mode 100644
index 00000000..15d5a485
Binary files /dev/null and b/public/images/home/press/ssir-tech-against-genocide.webp differ
diff --git a/public/images/home/press/techcrunch-launch.jpg b/public/images/home/press/techcrunch-launch.jpg
new file mode 100644
index 00000000..cac9d0fe
Binary files /dev/null and b/public/images/home/press/techcrunch-launch.jpg differ
diff --git a/public/images/home/press/techcrunch-launch.webp b/public/images/home/press/techcrunch-launch.webp
new file mode 100644
index 00000000..413d811f
Binary files /dev/null and b/public/images/home/press/techcrunch-launch.webp differ
diff --git a/public/images/home/press/techtimes-rally.jpg b/public/images/home/press/techtimes-rally.jpg
new file mode 100644
index 00000000..71bc779f
Binary files /dev/null and b/public/images/home/press/techtimes-rally.jpg differ
diff --git a/public/images/home/press/techtimes-rally.webp b/public/images/home/press/techtimes-rally.webp
new file mode 100644
index 00000000..c2fb4a24
Binary files /dev/null and b/public/images/home/press/techtimes-rally.webp differ
diff --git a/public/images/home/press/trt-world.jpg b/public/images/home/press/trt-world.jpg
new file mode 100644
index 00000000..2402b9de
Binary files /dev/null and b/public/images/home/press/trt-world.jpg differ
diff --git a/public/images/home/press/trt-world.webp b/public/images/home/press/trt-world.webp
new file mode 100644
index 00000000..1d7bc071
Binary files /dev/null and b/public/images/home/press/trt-world.webp differ
diff --git a/public/llms.txt b/public/llms.txt
index 7ca0381c..23508d01 100644
--- a/public/llms.txt
+++ b/public/llms.txt
@@ -6,6 +6,7 @@ Tech for Palestine's mission is to harness technology and human innovation for a
 
 ## Key pages
 
+- [Homepage](https://techforpalestine.org/): The incubator behind 90+ projects for a free Palestine — headline portfolio outcomes, what T4P provides to projects, and press coverage.
 - [About](https://techforpalestine.org/about): Mission, founder, and organizational background.
 - [Donate](https://techforpalestine.org/donate): Support Tech for Palestine's work; donations are generally tax-deductible in the US.
 - [Incubator](https://techforpalestine.org/incubator): How the T4P Incubator supports early-stage advocacy projects with mentorship, volunteers, and funding.
@@ -23,6 +24,22 @@ Tech for Palestine's mission is to harness technology and human innovation for a
 - [Entrepreneurs for Palestine](https://techforpalestine.org/e4p): A global community of founders and CEOs pledging to steer hiring, sourcing, and fundraising in support of Palestinian liberation.
 - [Legal & Financial Notice](https://techforpalestine.org/legal): 501(c)(3) status, EIN, and financial transparency.
 
+## Scale
+
+- 90+ projects incubated
+- 3,000+ volunteers worldwide
+- 350+ Entrepreneurs for Palestine signatories
+- 50+ Investors for Palestine
+
+## Selected portfolio outcomes
+
+- Upscrolled — 5M users in 7 months and #1 on the global App Store. A social platform with no shadowbans or algorithmic ranking. Launched and scaled through the T4P incubator.
+- Boycat — $500M of products boycotted across 3M+ users. Scan a product for ethical compliance and find alternatives; the official BDS partner app. Connected to the BDS partnership by T4P.
+- Find a Protest — 500k visits per week. Protest listings powered by organizers and volunteer data collectors. Refocused and volunteer-powered through T4P.
+- Apricot — $1M+ paid to placed talent, connecting Middle Eastern and Palestinian refugee tech workers with US companies. Customer introductions and strategic refocus via T4P.
+- Newscord — 40k+ messages sent to hold outlets accountable for biased reporting, plus AI news summaries across hundreds of sources. MVP refocused with T4P ecosystem partners.
+- Thaura.ai — profitable, an ethical alternative to the major LLMs built around environmental, social, and privacy concerns. Launched via the T4P network.
+
 ## Organization facts
 
 - Legal name: Tech for Palestine
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index f725b699..6d83d0c7 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -61,7 +61,7 @@ const footerNavigation: Record<string, { href?: string; links: [string, string][
               <img
                 src="/mark-transparent.png"
                 alt="Tech for Palestine logo"
-                class="h-16 w-auto transition-transform duration-200 group-hover:scale-105"
+                class="h-16 w-auto transition-transform duration-200 motion-safe:group-hover:scale-105"
               />
             </a>
           </div>
@@ -76,7 +76,7 @@ const footerNavigation: Record<string, { href?: string; links: [string, string][
           <div class="pt-6">
             <a
               href="/donate"
-              class="inline-flex transform items-center rounded-lg bg-gradient-to-r from-green-600 to-green-700 px-6 py-3 font-semibold text-white shadow-sm transition-all duration-200 hover:-translate-y-0.5 hover:from-green-700 hover:to-green-800 hover:shadow-md"
+              class="inline-flex items-center rounded-lg bg-accent px-6 py-3 font-semibold text-white transition duration-200 hover:bg-accent-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 active:scale-[0.98] motion-safe:hover:-translate-y-0.5"
             >
               Support Our Work
               <svg
@@ -101,17 +101,21 @@ const footerNavigation: Record<string, { href?: string; links: [string, string][
           {
             Object.entries(footerNavigation).map(([category, { href, links }]) => (
               <div class="space-y-4">
-                <a
-                  href={href}
-                  class="block text-base font-bold text-gray-900 transition-colors duration-200 hover:text-blue-600"
-                >
-                  {category}
-                </a>
+                {href ? (
+                  <a
+                    href={href}
+                    class="block text-base font-semibold text-gray-900 transition-colors duration-200 hover:text-accent"
+                  >
+                    {category}
+                  </a>
+                ) : (
+                  <p class="block text-base font-semibold text-gray-900">{category}</p>
+                )}
                 <div class="space-y-3">
                   {links.map(([label, linkHref]) => (
                     <a
                       href={linkHref}
-                      class="block whitespace-nowrap text-sm text-gray-600 transition-all duration-200 hover:translate-x-1 hover:text-gray-900"
+                      class="block whitespace-nowrap text-sm text-gray-600 transition-all duration-200 hover:text-gray-900 motion-safe:hover:translate-x-1"
                       target={
                         linkHref.startsWith("http") || linkHref.startsWith("mailto:")
                           ? "_blank"
@@ -141,17 +145,17 @@ const footerNavigation: Record<string, { href?: string; links: [string, string][
         >
           <a
             href="/privacy-policy"
-            class="whitespace-nowrap transition-colors duration-200 hover:text-gray-900"
+            class="-mx-2 inline-flex min-h-[44px] items-center whitespace-nowrap px-2 transition-colors duration-200 hover:text-gray-900"
             >Privacy Policy</a
           >
           <a
             href="/terms"
-            class="whitespace-nowrap transition-colors duration-200 hover:text-gray-900"
+            class="-mx-2 inline-flex min-h-[44px] items-center whitespace-nowrap px-2 transition-colors duration-200 hover:text-gray-900"
             >Terms of Service</a
           >
           <a
             href="/legal"
-            class="whitespace-nowrap transition-colors duration-200 hover:text-gray-900"
+            class="-mx-2 inline-flex min-h-[44px] items-center whitespace-nowrap px-2 font-medium underline decoration-1 underline-offset-4 transition-colors duration-200 hover:text-gray-900"
             >Legal & Financial</a
           >
         </div>
diff --git a/src/layouts/HomeLayout.astro b/src/layouts/HomeLayout.astro
index 756d023e..3e795feb 100644
--- a/src/layouts/HomeLayout.astro
+++ b/src/layouts/HomeLayout.astro
@@ -1,6 +1,7 @@
 ---
 import FooterSection from "../components/home/FooterSection.astro";
 import { getEnv } from "../utils/getEnv";
+import { organizationSchema as organizationSchema_ } from "../utils/organizationSchema";
 import "@fontsource/fraunces/latin-400.css";
 import "@fontsource/outfit/latin-400.css";
 import "@fontsource/outfit/latin-500.css";
@@ -43,35 +44,7 @@ const canonicalUrl =
   canonicalUrlOverride ||
   new URL(normalizedPathname, Astro.site || "https://techforpalestine.org").toString();
 
-const organizationSchema = {
-  "@context": "https://schema.org",
-  "@type": "NonprofitOrganization",
-  "@id": "https://techforpalestine.org/#organization",
-  ...organizationSchemaExtra,
-  name: "Tech for Palestine",
-  url: "https://techforpalestine.org",
-  logo: "https://techforpalestine.org/t4p-social-logo.png",
-  taxID: "99-3441367",
-  address: {
-    "@type": "PostalAddress",
-    streetAddress: "548 Market St #266950",
-    addressLocality: "San Francisco",
-    addressRegion: "CA",
-    postalCode: "94104-5401",
-    addressCountry: "US",
-  },
-  sameAs: [
-    "https://www.instagram.com/techforpalestine",
-    "https://twitter.com/tech4palestine",
-    "https://github.com/TechForPalestine/",
-    "https://www.linkedin.com/company/techforpalestine/",
-    "https://infosec.exchange/@tech4palestine",
-    "https://www.youtube.com/@tech4palestine",
-    "https://techforpalestine.org/discord-invite",
-    "https://www.tiktok.com/@techforpalestine",
-    "https://bsky.app/profile/techforpalestine.org",
-  ],
-};
+const organizationSchema = organizationSchema_(organizationSchemaExtra);
 ---
 
 <!doctype html>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index a818310b..76fa0bc7 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,6 +1,16 @@
 ---
 import Navigation from "../components/Navigation.astro";
 import Footer from "../components/Footer.astro";
+import { organizationSchema } from "../utils/organizationSchema";
+// ?url lets Vite resolve the content-hashed asset path for the preload hints.
+import frauncesWoff2 from "@fontsource/fraunces/files/fraunces-latin-400-normal.woff2?url";
+import outfitWoff2 from "@fontsource/outfit/files/outfit-latin-400-normal.woff2?url";
+// Site fonts live in the layout (not per-page) so the shared Navigation and
+// Footer render in the brand faces on every page, not just the homepage.
+import "@fontsource/fraunces/latin-400.css";
+import "@fontsource/outfit/latin-400.css";
+import "@fontsource/outfit/latin-500.css";
+import "@fontsource/outfit/latin-600.css";
 interface Props {
   title: string;
   description?: string;
@@ -33,6 +43,9 @@ const canonicalUrl = new URL(
     <link rel="canonical" href={canonicalUrl} />
     {noindex && <meta name="robots" content="noindex, nofollow" />}
     <link rel="me" href="https://infosec.exchange/@tech4palestine" />
+    <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href={frauncesWoff2} />
+    <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href={outfitWoff2} />
+    <script type="application/ld+json" set:html={JSON.stringify(organizationSchema())} />
     <script type="speculationrules">
       {
         "prerender": [{ "urls": ["/", "/about", "/incubator", "/tools", "/help/hire"] }]
@@ -153,6 +166,12 @@ const canonicalUrl = new URL(
     </script>
   </head>
   <body class="relative flex min-h-screen flex-col bg-white text-gray-900">
+    <a
+      href="#main-content"
+      class="sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-[1001] focus:rounded-md focus:bg-accent focus:px-4 focus:py-2 focus:text-white focus:outline-none focus:ring-2 focus:ring-accent focus:ring-offset-2"
+    >
+      Skip to content
+    </a>
     <Navigation />
 
     <!-- Floating Donate Button -->
@@ -167,7 +186,7 @@ const canonicalUrl = new URL(
       )
     }
 
-    <div class="flex-grow">
+    <div id="main-content" tabindex="-1" class="flex-grow focus:outline-none">
       <slot />
     </div>
     <Footer />
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 82b8f300..3fecc80c 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -3,633 +3,563 @@ import Layout from "../layouts/Layout.astro";
 import SignUpForm from "../structures/SignUpForm.astro";
 import CommunityCallBanner from "../components/CommunityCallBanner.astro";
 import "../styles/base.css";
+
+const stats = [
+  { value: "90+", label: "Projects incubated" },
+  { value: "3,000+", label: "Worldwide volunteers" },
+  { value: "350+", label: "Entrepreneurs for Palestine" },
+  { value: "50+", label: "Investors for Palestine" },
+];
+
+type Project = {
+  name: string;
+  href: string;
+  logo: string;
+  logoBg?: string;
+  metrics: string[];
+  blurb: string;
+  role: string;
+  external?: boolean;
+};
+
+const projects: Project[] = [
+  {
+    name: "Upscrolled",
+    href: "https://upscrolled.com/en/",
+    logo: "/images/new-homepage/upscrolled_logo.webp",
+    metrics: ["#1 on the global App Store", "0 → 5M users in 7 months"],
+    blurb:
+      "The social platform with no shadowbans and no algorithmic games. Every voice gets equal reach.",
+    role: "Launched and scaled via T4P incubator and ecosystem partners.",
+    external: true,
+  },
+  {
+    name: "Boycat",
+    href: "https://www.boycat.io/vpn?utm_source=t4p&utm_medium=blog&utm_campaign=launch",
+    logo: "/images/new-homepage/Boycat_logo.webp",
+    metrics: ["$500M in products boycotted", "3M+ users"],
+    blurb:
+      "Scan any product to check its ethical compliance and find alternatives in real time. Official BDS partner app.",
+    role: "Connected to BDS partnership through T4P.",
+    external: true,
+  },
+  {
+    name: "Thaura.ai",
+    href: "https://www.thaura.ai/",
+    logo: "/images/new-homepage/thaura.jpeg",
+    metrics: ["The ethical alternative to traditional LLMs"],
+    blurb: "AI built ethically, designed around environmental, social, and privacy concerns.",
+    role: "Launched via T4P network to profitability.",
+    external: true,
+  },
+  {
+    name: "Find a Protest",
+    href: "https://www.findaprotest.info/",
+    logo: "/images/new-homepage/findaprotest_b.webp",
+    logoBg: "bg-[#9FBAA9]",
+    metrics: ["500k visits per week"],
+    blurb:
+      "Find and subscribe to protests in your area, powered by organizers, communities, and volunteer data collectors.",
+    role: "Refocused and volunteer-powered through T4P.",
+    external: true,
+  },
+  {
+    name: "Apricot",
+    href: "https://apricotinternational.org/",
+    logo: "/images/new-homepage/Apricot.webp",
+    metrics: ["$1M+ paid to placed talent"],
+    blurb:
+      "Connecting top tech talent from the Middle East, including Palestinian refugees with US tech companies.",
+    role: "Customer introductions and strategic refocus via T4P.",
+    external: true,
+  },
+  {
+    name: "Newscord",
+    href: "https://newscord.org/",
+    logo: "/images/new-homepage/newscord.webp",
+    metrics: ["40k+ messages to accountable media for biased reporting"],
+    blurb:
+      "A platform for AI-powered news summaries across hundreds of sources, exposing media bias in every language.",
+    role: "MVP refocused and partnered with T4P ecosystem partners.",
+    external: true,
+  },
+];
+
+// Icon paths kept from the original section, standardised to one stroke weight.
+const help = [
+  {
+    title: "Volunteer Network",
+    body: "Access to 3,000+ skilled volunteers, including engineers, marketers and designers, with a dedicated recruitment team to match you.",
+    icon: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z",
+  },
+  {
+    title: "Funding",
+    body: "Small grants for most accepted projects. Simple process, no strings attached. We fund what works.",
+    icon: "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z",
+  },
+  {
+    title: "Mentorship",
+    body: "Strategy sessions and optional weekly dedicated mentors. Real guidance from people who've built before.",
+    icon: "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z",
+  },
+  {
+    title: "Launch Support",
+    body: "Access to engineering, security, and marketing expertise, marketing launches, and a network of 10k+ early testers.",
+    icon: "M13 10V3L4 14h7v7l9-11h-7z",
+  },
+];
+
+const press = [
+  {
+    outlet: "Stanford Social Innovation Review",
+    title: "Tech for Palestine Business Incubator Supports Entrepreneurs Protecting Human Rights",
+    href: "https://ssir.org/articles/entry/tech-against-genocide",
+    image: "ssir-tech-against-genocide",
+    alt: "Stanford Social Innovation Review",
+  },
+  {
+    outlet: "TRT World",
+    title:
+      "Tech for Palestine initiative supports advocacy and accountability amid Israel's use of AI",
+    href: "https://www.trtworld.com/video/18268907",
+    image: "trt-world",
+    alt: "TRT World",
+  },
+  {
+    outlet: "Al Jazeera",
+    title: "What's UpScrolled, the app gaining popularity after TikTok's US takeover?",
+    href: "https://www.aljazeera.com/news/2026/1/29/whats-upscrolled-the-app-gaining-popularity-after-tiktoks-us-takeover",
+    image: "aljazeera-upscrolled",
+    alt: "Al Jazeera",
+  },
+  {
+    outlet: "TechCrunch",
+    title: "Tech for Palestine launches to provide tools to help support Palestinians",
+    href: "https://techcrunch.com/2024/01/02/tech-for-palestine-launches-to-provide-tools-and-projects-to-help-advocate-for-palestinians/",
+    image: "techcrunch-launch",
+    alt: "TechCrunch",
+  },
+  {
+    outlet: "Tech Times",
+    title: "Pro-Palestinian Tech Workers Rally Behind 'Tech for Palestine' Coalition",
+    href: "https://www.techtimes.com/articles/300271/20240102/pro-palestinian-tech-workers-rally-behind-tech-for-palestine-coalition.htm",
+    image: "techtimes-rally",
+    alt: "Tech Times",
+  },
+  {
+    outlet: "EUReports",
+    title: "Barcelona cements its position as epicentre of technological solidarity with Palestine",
+    href: "https://eureports.com/2026/04/barcelona-cements-its-position-as-epicentre-of-technological-solidarity-with-palestine/?_thumbnail_id=30865",
+    image: "eureports-barcelona",
+    alt: "Barcelona tech solidarity",
+  },
+];
+
+// An ItemList of the portfolio, so the page's central evidence is machine
+// readable. The NonprofitOrganization node comes from Layout.astro; never
+// emit a second node sharing its @id.
+const portfolioSchema = {
+  "@context": "https://schema.org",
+  "@type": "ItemList",
+  name: "Projects incubated by Tech for Palestine",
+  itemListElement: projects.map((p, i) => ({
+    "@type": "ListItem",
+    position: i + 1,
+    item: { "@type": "Organization", name: p.name, url: p.href, description: p.blurb },
+  })),
+};
+
+// Type scale: 1.25 (major third) off a 16px base. Declared once here so the
+// four h2s and the CTA h2 are the same object, and tracking is a function of
+// size rather than per-section taste.
+//   h1 40/56/68  h2 32/36/40  stat 40/48  metric 20  h3 18  body 16/17  small 15
+const h1Class =
+  "mt-9 max-w-[20ch] text-balance font-serif text-[2.5rem] font-normal leading-[1.1] tracking-[-0.02em] text-stone-900 md:text-[3.5rem] md:leading-[1.06] xl:text-[4.25rem] xl:leading-[1.03]";
+const h2Class =
+  "text-balance font-serif text-[2rem] font-normal leading-[1.12] tracking-[-0.014em] md:text-[2.25rem] lg:text-[2.5rem]";
+
+// Separation is carried entirely by fill against the section ground: no
+// borders, no shadows. Sections alternate white / paper / pale-green so every
+// card contrasts its own ground, and hover deepens the card fill.
+// Matches the hero text column's horizontal inset exactly, so every section
+// shares the hero's left axis rather than sitting in a narrower centred column.
+const container = "px-6 md:px-12 xl:px-16 2xl:px-28";
+const focusRing =
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2";
+const focusOnPaper = `${focusRing} focus-visible:ring-offset-paper`;
+const focusOnWhite = `${focusRing} focus-visible:ring-offset-white`;
+const buttonPrimary = `inline-flex items-center justify-center rounded-pill bg-accent px-8 py-4 text-lg font-medium text-white transition-colors duration-150 hover:bg-accent-hover ${focusOnWhite}`;
+const buttonSecondary = `inline-flex items-center justify-center rounded-pill bg-accent-tint px-8 py-4 text-lg font-medium text-accent transition-colors duration-150 hover:bg-accent-tile ${focusOnWhite}`;
+// No borders and no shadows anywhere: a card is defined purely by its fill
+// against the section ground (1.37:1), and hover deepens that fill.
+const cardOnPaper = `group flex h-full flex-col rounded-md bg-white transition-colors duration-150 hover:bg-accent-tint ${focusOnPaper}`;
+const cardOnWhite = `group flex h-full flex-col rounded-md bg-paper transition-colors duration-150 hover:bg-accent-tint ${focusOnWhite}`;
 ---
 
 <Layout
   title="Tech For Palestine"
   description="A coalition of thousands of founders, engineers, product marketers, investors and other professionals working in support of Palestinian liberation. The T4P Incubator helps pro-Palestine advocates build, grow, and scale their work towards a Free Palestine."
-  image="https://techforpalestine.org/happy-kids.jpg"
+  image="https://techforpalestine.org/images/home/og-home.jpg"
 >
+  <script type="application/ld+json" slot="head" set:html={JSON.stringify(portfolioSchema)} />
   <CommunityCallBanner theme="old" />
-  <main>
+  <main class="font-sans text-stone-900 antialiased">
     <!-- Hero Section -->
     <section
-      class="flex min-h-[calc(100vh-5rem)] flex-col-reverse bg-white lg:grid lg:grid-cols-2 lg:items-center"
+      class="flex min-h-[calc(100dvh-5rem)] flex-col-reverse bg-white lg:grid lg:grid-cols-2 lg:items-stretch"
     >
-      <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">
-            <div class="lg:w-22 h-2 w-24 rounded-full bg-[#268024]"></div>
-            <div class="h-2 w-8 rounded-full bg-[#e4312b] lg:w-8"></div>
-            <div class="h-2 w-5 rounded-full bg-black lg:w-5"></div>
-          </div>
+      <div
+        class="flex flex-col justify-center px-6 py-16 md:px-12 lg:py-24 lg:pr-12 xl:pl-16 2xl:pl-28"
+      >
+        <!-- Colored bars -->
+        <div class="flex items-center gap-1.5" aria-hidden="true">
+          <div class="h-2 w-24 rounded-pill bg-flag-green"></div>
+          <div class="h-2 w-8 rounded-pill bg-flag-red"></div>
+          <div class="h-2 w-5 rounded-pill bg-stone-900"></div>
+        </div>
 
-          <h1 class="text-4xl font-bold md:text-5xl">
-            Join the tech movement behind
-            <span class="text-[#268024] lg:my-2 lg:inline-block">90+ projects for Palestine</span>
-          </h1>
-          <p class="text-lg text-gray-700 2xl:text-xl">
-            Tech for Palestine (T4P) is a 501(c)(3) nonprofit starting and scaling initiatives for
-            Palestinian liberation.
-          </p>
-          <p class="text-lg text-gray-700 2xl:text-xl">
-            We support anyone with a meaningful idea, whether it's working against media censorship,
-            using tech to aid protests, scaling boycotts, pushing for tech divestment, supporting
-            Palestinian entrepreneurs, or anything else that contributes to a free Palestine.
-          </p>
-          <div class="pt-6">
-            <a
-              href="/incubator"
-              class="rounded-md bg-green-800 px-8 py-3 text-center text-lg font-medium text-white hover:bg-green-700"
-            >
-              Apply to the Incubator
-            </a>
-          </div>
+        <h1 class={h1Class}>
+          Join the tech movement behind <span class="text-accent">90+ projects for Palestine</span>
+        </h1>
+
+        <p
+          class="mt-7 max-w-[58ch] text-pretty border-l-2 border-accent pl-5 text-xl leading-[1.55] text-stone-800 2xl:text-[1.375rem]"
+        >
+          Tech for Palestine (T4P) is a 501(c)(3) nonprofit starting and scaling initiatives for
+          Palestinian liberation.
+        </p>
+        <p
+          class="mt-5 max-w-[62ch] text-pretty text-xl leading-[1.55] text-stone-600 2xl:text-[1.375rem]"
+        >
+          We support anyone with a meaningful idea, whether it's working against media censorship,
+          using tech to aid protests, scaling boycotts, pushing for tech divestment, supporting
+          Palestinian entrepreneurs, or anything else that contributes to a free Palestine.
+        </p>
+
+        <div class="mt-10">
+          <a href="/incubator" class={buttonPrimary}>Apply to the Incubator</a>
         </div>
       </div>
-      <figure class="relative h-[32rem] bg-zinc-50 lg:h-full">
-        <img
-          src="/happy-kids.jpg"
-          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>
+
+      <figure class="relative aspect-[4/3] w-full overflow-hidden bg-stone-100 lg:aspect-auto">
+        <picture>
+          <source
+            type="image/webp"
+            srcset="/images/home/hero-960.webp 960w, /images/home/hero-1200.webp 1200w, /images/home/hero-1600.webp 1600w, /images/home/hero-2048.webp 2048w"
+            sizes="(min-width: 1024px) 75vw, 100vw"
+          />
+          <img
+            src="/images/home/hero-2048.jpg"
+            srcset="/images/home/hero-960.jpg 960w, /images/home/hero-1200.jpg 1200w, /images/home/hero-1600.jpg 1600w, /images/home/hero-2048.jpg 2048w"
+            sizes="(min-width: 1024px) 75vw, 100vw"
+            width="2048"
+            height="1365"
+            alt="Happy kids in Palestine"
+            class="absolute inset-0 h-full w-full object-cover"
+            loading="eager"
+            fetchpriority="high"
+            decoding="async"
+          />
+        </picture>
+        <div
+          class="pointer-events-none absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-stone-950/65 to-transparent"
+          aria-hidden="true"
+        >
+        </div>
+        <figcaption class="absolute bottom-4 right-5 text-sm font-medium text-white/95">
+          ®Motaz Azaiza
+        </figcaption>
       </figure>
     </section>
 
     <!-- Stats Row -->
-    <section class="border-y border-gray-200 bg-gray-50 py-10">
-      <div class="mx-auto max-w-7xl px-6 md:px-8">
-        <div class="grid grid-cols-2 gap-8 text-center lg:grid-cols-4">
-          <div class="space-y-2">
-            <p class="text-4xl font-bold text-[#268024]">90+</p>
-            <p class="text-base text-gray-600">Projects incubated</p>
-          </div>
-          <div class="space-y-2">
-            <p class="text-4xl font-bold text-[#268024]">3,000+</p>
-            <p class="text-base text-gray-600">Worldwide volunteers</p>
-          </div>
-          <div class="space-y-2">
-            <p class="text-4xl font-bold text-[#268024]">350+</p>
-            <p class="text-base text-gray-600">Entrepreneurs for Palestine</p>
-          </div>
-          <div class="space-y-2">
-            <p class="text-4xl font-bold text-[#268024]">50+</p>
-            <p class="text-base text-gray-600">Investors for Palestine</p>
-          </div>
-        </div>
-      </div>
+    <section aria-label="Tech for Palestine by the numbers" class="bg-accent-tint">
+      <dl
+        class="mx-auto grid max-w-7xl grid-cols-2 gap-x-8 gap-y-12 px-6 py-16 text-center md:px-8 lg:grid-cols-4 lg:gap-x-12"
+      >
+        {
+          stats.map(({ value, label }) => (
+            <div class="flex flex-col">
+              <dt class="order-2 mt-3 text-lg leading-snug text-stone-700">{label}</dt>
+              <dd class="order-1 font-serif text-[2.5rem] leading-none tracking-[-0.02em] text-accent md:text-[3rem]">
+                {value}
+              </dd>
+            </div>
+          ))
+        }
+      </dl>
     </section>
 
     <!-- Featured Projects Section -->
-    <section class="bg-white py-20">
-      <div class="mx-auto max-w-7xl px-6 md:px-8">
+    <section class="bg-paper py-20 lg:py-28">
+      <div class={container}>
         <div class="mb-14 text-center">
-          <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
-            Projects that came through T4P
-          </h2>
+          <h2 class={`${h2Class} text-stone-900`}>Projects that came through T4P</h2>
         </div>
 
-        <div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
-          <!-- Upscrolled -->
-          <a
-            href="https://upscrolled.com/en/"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="group flex flex-col rounded-2xl border border-gray-200 bg-gray-50 p-6 shadow-sm transition-all duration-300 hover:border-green-600 hover:shadow-md"
-          >
-            <div class="mb-4 flex items-center gap-3">
-              <div
-                class="flex h-10 w-10 flex-shrink-0 items-center justify-center overflow-hidden rounded-lg border border-gray-200 bg-white"
-              >
-                <img
-                  src="/images/new-homepage/upscrolled_logo.webp"
-                  alt="Upscrolled logo"
-                  class="h-full w-full object-contain"
-                />
-              </div>
-              <h3 class="text-lg font-bold text-gray-900 group-hover:text-green-800">Upscrolled</h3>
-            </div>
-            <div class="mb-4 space-y-1">
-              <p class="text-xl font-bold leading-tight text-gray-900">
-                #1 on the global App Store
-              </p>
-              <p class="text-xl font-bold leading-tight text-gray-900">0 → 5M users in 7 months</p>
-            </div>
-            <p class="mb-3 text-sm leading-relaxed text-gray-600">
-              The social platform with no shadowbans and no algorithmic games. Every voice gets
-              equal reach.
-            </p>
-            <p class="mt-auto text-sm text-gray-500">
-              Launched and scaled via T4P incubator and ecosystem partners.
-            </p>
-          </a>
-
-          <!-- Boycat -->
-          <a
-            href="https://www.boycat.io/vpn?utm_source=t4p&utm_medium=blog&utm_campaign=launch"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="group flex flex-col rounded-2xl border border-gray-200 bg-gray-50 p-6 shadow-sm transition-all duration-300 hover:border-green-600 hover:shadow-md"
-          >
-            <div class="mb-4 flex items-center gap-3">
-              <div
-                class="flex h-10 w-10 flex-shrink-0 items-center justify-center overflow-hidden rounded-lg border border-gray-200 bg-white"
-              >
-                <img
-                  src="/images/new-homepage/Boycat_logo.webp"
-                  alt="Boycat logo"
-                  class="h-full w-full object-contain"
-                />
-              </div>
-              <h3 class="text-lg font-bold text-gray-900 group-hover:text-green-800">Boycat</h3>
-            </div>
-            <div class="mb-4 space-y-1">
-              <p class="text-xl font-bold leading-tight text-gray-900">
-                $500M in products boycotted
-              </p>
-              <p class="text-xl font-bold leading-tight text-gray-900">3M+ users</p>
-            </div>
-            <p class="mb-3 text-sm leading-relaxed text-gray-600">
-              Scan any product to check its ethical compliance and find alternatives in real time.
-              Official BDS partner app.
-            </p>
-            <p class="mt-auto text-sm text-gray-500">Connected to BDS partnership through T4P.</p>
-          </a>
-
-          <!-- Thaura.ai -->
-          <a
-            href="https://www.thaura.ai/"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="group flex flex-col rounded-2xl border border-gray-200 bg-gray-50 p-6 shadow-sm transition-all duration-300 hover:border-green-600 hover:shadow-md"
-          >
-            <div class="mb-4 flex items-center gap-3">
-              <div
-                class="flex h-10 w-10 flex-shrink-0 items-center justify-center overflow-hidden rounded-lg border border-gray-200 bg-white"
-              >
-                <img
-                  src="/images/new-homepage/thaura.jpeg"
-                  alt="Thaura logo"
-                  class="h-full w-full object-contain"
-                />
-              </div>
-              <h3 class="text-lg font-bold text-gray-900 group-hover:text-green-800">Thaura.ai</h3>
-            </div>
-            <div class="mb-4 space-y-1">
-              <p class="text-xl font-bold leading-tight text-gray-900">
-                The ethical alternative to traditional LLMs
-              </p>
-            </div>
-            <p class="mb-3 text-sm leading-relaxed text-gray-600">
-              AI built ethically, designed around environmental, social, and privacy concerns.
-            </p>
-            <p class="mt-auto text-sm text-gray-500">Launched via T4P network to profitability.</p>
-          </a>
+        <ul role="list" class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3 xl:gap-8">
+          {
+            projects.map((p) => (
+              <li>
+                <a
+                  href={p.href}
+                  target={p.external ? "_blank" : undefined}
+                  rel={p.external ? "noopener noreferrer" : undefined}
+                  class={`${cardOnPaper} p-8`}
+                >
+                  <div class="mb-5 flex items-center gap-3.5">
+                    <span
+                      class={`flex h-12 w-12 shrink-0 items-center justify-center overflow-hidden rounded-pill ${p.logoBg ?? "bg-accent-tint"}`}
+                    >
+                      <img
+                        src={p.logo}
+                        alt=""
+                        width="48"
+                        height="48"
+                        loading="lazy"
+                        decoding="async"
+                        class="h-full w-full object-contain p-1.5"
+                      />
+                    </span>
+                    <h3 class="text-xl font-semibold leading-tight text-stone-900 transition-colors duration-150 group-hover:text-accent">
+                      {p.name}
+                      {p.external && <span class="sr-only"> (opens in a new tab)</span>}
+                    </h3>
+                  </div>
 
-          <!-- Find a Protest -->
-          <a
-            href="https://www.findaprotest.info/"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="group flex flex-col rounded-2xl border border-gray-200 bg-gray-50 p-6 shadow-sm transition-all duration-300 hover:border-green-600 hover:shadow-md"
-          >
-            <div class="mb-4 flex items-center gap-3">
-              <div
-                class="flex h-10 w-10 flex-shrink-0 items-center justify-center overflow-hidden rounded-lg border border-gray-200 bg-[#9FBAA9]"
-              >
-                <img
-                  src="/images/new-homepage/findaprotest_b.webp"
-                  alt="Find a Protest logo"
-                  class="h-full w-full object-contain px-1"
-                />
-              </div>
-              <h3 class="text-lg font-bold text-gray-900 group-hover:text-green-800">
-                Find a Protest
-              </h3>
-            </div>
-            <div class="mb-4 space-y-1">
-              <p class="text-xl font-bold leading-tight text-gray-900">500k visits per week</p>
-            </div>
-            <p class="mb-3 text-sm leading-relaxed text-gray-600">
-              Find and subscribe to protests in your area, powered by organizers, communities, and
-              volunteer data collectors.
-            </p>
-            <p class="mt-auto text-sm text-gray-500">
-              Refocused and volunteer-powered through T4P.
-            </p>
-          </a>
-
-          <!-- Apricot -->
-          <a
-            href="https://apricotinternational.org/"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="group flex flex-col rounded-2xl border border-gray-200 bg-gray-50 p-6 shadow-sm transition-all duration-300 hover:border-green-600 hover:shadow-md"
-          >
-            <div class="mb-4 flex items-center gap-3">
-              <div
-                class="flex h-10 w-10 flex-shrink-0 items-center justify-center overflow-hidden rounded-lg border border-gray-200 bg-white"
-              >
-                <img
-                  src="/images/new-homepage/Apricot.webp"
-                  alt="Apricot logo"
-                  class="h-full w-full object-contain"
-                />
-              </div>
-              <h3 class="text-lg font-bold text-gray-900 group-hover:text-green-800">Apricot</h3>
-            </div>
-            <div class="mb-4 space-y-1">
-              <p class="text-xl font-bold leading-tight text-gray-900">
-                $1M+ paid to placed talent
-              </p>
-            </div>
-            <p class="mb-3 text-sm leading-relaxed text-gray-600">
-              Connecting top tech talent from the Middle East, including Palestinian refugees with
-              US tech companies.
-            </p>
-            <p class="mt-auto text-sm text-gray-500">
-              Customer introductions and strategic refocus via T4P.
-            </p>
-          </a>
+                  <div class="mb-4 space-y-1">
+                    {p.metrics.map((m) => (
+                      <p class="text-balance font-serif text-[1.375rem] leading-[1.3] text-stone-900">
+                        {m}
+                      </p>
+                    ))}
+                  </div>
 
-          <!-- Newscord -->
-          <a
-            href="https://newscord.org/"
-            class="group flex flex-col rounded-2xl border border-gray-200 bg-gray-50 p-6 shadow-sm transition-all duration-300 hover:border-green-600 hover:shadow-md"
-          >
-            <div class="mb-4 flex items-center gap-3">
-              <div
-                class="flex h-10 w-10 flex-shrink-0 items-center justify-center overflow-hidden rounded-lg border border-gray-200 bg-white"
-              >
-                <img
-                  src="/images/new-homepage/newscord.webp"
-                  alt="Newscord logo"
-                  class="h-full w-full object-contain"
-                />
-              </div>
-              <h3 class="text-lg font-bold text-gray-900 group-hover:text-green-800">Newscord</h3>
-            </div>
-            <div class="mb-4 space-y-1">
-              <p class="text-xl font-bold leading-tight text-gray-900">
-                40k+ messages to accountable media for biased reporting
-              </p>
-            </div>
-            <p class="mb-3 text-sm leading-relaxed text-gray-600">
-              A platform for AI-powered news summaries across hundreds of sources, exposing media
-              bias in every language.
-            </p>
-            <p class="mt-auto text-sm text-gray-500">
-              MVP refocused and partnered with T4P ecosystem partners.
-            </p>
-          </a>
-        </div>
+                  <p class="max-w-[58ch] text-pretty text-lg leading-relaxed text-stone-600">
+                    {p.blurb}
+                  </p>
+                  <p class="mt-auto pt-6 text-base leading-snug text-stone-500">{p.role}</p>
+                </a>
+              </li>
+            ))
+          }
+        </ul>
 
         <div class="mt-12 flex flex-col justify-center gap-4 sm:flex-row">
-          <a
-            href="/projects"
-            class="rounded-md bg-green-800 px-8 py-3 text-center text-lg font-medium text-white hover:bg-green-700"
-          >
-            Browse All Projects
-          </a>
-          <a
-            href="/incubator"
-            class="rounded-md border-2 border-green-800 px-8 py-3 text-center text-lg font-medium text-green-800 hover:bg-green-50"
-          >
-            Apply to the Incubator
-          </a>
+          <a href="/projects" class={buttonPrimary}>Browse All Projects</a>
+          <a href="/incubator" class={buttonSecondary}>Apply to the Incubator</a>
         </div>
       </div>
     </section>
 
     <!-- How We Help Section -->
-    <section class="bg-gray-50 py-20">
-      <div class="mx-auto max-w-7xl px-6 md:px-8">
+    <section class="bg-white py-20 lg:py-28">
+      <div class={container}>
         <div class="mb-14 text-center">
-          <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
-            How we help projects succeed
-          </h2>
-          <p class="mt-4 text-lg text-gray-600">
+          <h2 class={`${h2Class} text-stone-900`}>How we help projects succeed</h2>
+          <p class="mx-auto mt-5 max-w-[52ch] text-pretty text-xl leading-relaxed text-stone-600">
             We provide the support needed to ship, scale, and make an impact:
           </p>
         </div>
 
-        <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-4">
-          <!-- Volunteer Network -->
-          <div class="rounded-2xl bg-white p-8 shadow-sm">
-            <div class="mb-4 flex h-12 w-12 items-center justify-center rounded-xl bg-green-100">
-              <svg
-                class="h-6 w-6 text-green-800"
-                fill="none"
-                viewBox="0 0 24 24"
-                stroke="currentColor"
-                stroke-width="2"
-              >
-                <path
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z"
-                ></path>
-              </svg>
-            </div>
-            <h3 class="mb-3 text-lg font-bold text-gray-900">Volunteer Network</h3>
-            <p class="text-gray-600">
-              Access to 3,000+ skilled volunteers — engineers, marketers, designers and more — with
-              a dedicated recruitment team to match you.
-            </p>
-          </div>
-
-          <!-- Funding -->
-          <div class="rounded-2xl bg-white p-8 shadow-sm">
-            <div class="mb-4 flex h-12 w-12 items-center justify-center rounded-xl bg-green-100">
-              <svg
-                class="h-6 w-6 text-green-800"
-                fill="none"
-                viewBox="0 0 24 24"
-                stroke="currentColor"
-                stroke-width="2"
-              >
-                <path
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-                ></path>
-              </svg>
-            </div>
-            <h3 class="mb-3 text-lg font-bold text-gray-900">Funding</h3>
-            <p class="text-gray-600">
-              Small grants for most accepted projects. Simple process, no strings attached. We fund
-              what works.
-            </p>
-          </div>
-
-          <!-- Mentorship -->
-          <div class="rounded-2xl bg-white p-8 shadow-sm">
-            <div class="mb-4 flex h-12 w-12 items-center justify-center rounded-xl bg-green-100">
-              <svg
-                class="h-6 w-6 text-green-800"
-                fill="none"
-                viewBox="0 0 24 24"
-                stroke="currentColor"
-                stroke-width="2"
-              >
-                <path
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"
-                ></path>
-              </svg>
-            </div>
-            <h3 class="mb-3 text-lg font-bold text-gray-900">Mentorship</h3>
-            <p class="text-gray-600">
-              Strategy sessions and optional weekly dedicated mentors. Real guidance from people
-              who've built before.
-            </p>
-          </div>
-
-          <!-- Launch Support -->
-          <div class="rounded-2xl bg-white p-8 shadow-sm">
-            <div class="mb-4 flex h-12 w-12 items-center justify-center rounded-xl bg-green-100">
-              <svg
-                class="h-6 w-6 text-green-800"
-                fill="none"
-                viewBox="0 0 24 24"
-                stroke="currentColor"
-                stroke-width="2"
-              >
-                <path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z"
-                ></path>
-              </svg>
-            </div>
-            <h3 class="mb-3 text-lg font-bold text-gray-900">Launch Support</h3>
-            <p class="text-gray-600">
-              Access to engineering, security, and marketing expertise, marketing launches, and a
-              network of 10k+ early testers.
-            </p>
-          </div>
-        </div>
+        <ul role="list" class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4 xl:gap-8">
+          {
+            help.map(({ title, body, icon }) => (
+              <li>
+                <div class="relative flex h-full flex-col overflow-hidden rounded-md bg-accent-tint p-8">
+                  {/* Soft corner arc: a circle pushed past the corner and clipped. */}
+                  <span
+                    class="pointer-events-none absolute -bottom-12 -right-12 h-40 w-40 rounded-pill bg-accent-tile"
+                    aria-hidden="true"
+                  />
+                  <span
+                    class="relative mb-6 flex h-12 w-12 items-center justify-center rounded-pill bg-accent-tile"
+                    aria-hidden="true"
+                  >
+                    <svg
+                      class="h-6 w-6 text-accent"
+                      fill="none"
+                      viewBox="0 0 24 24"
+                      stroke="currentColor"
+                      stroke-width="1.75"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    >
+                      <path d={icon} />
+                    </svg>
+                  </span>
+                  <h3 class="relative font-serif text-2xl leading-tight text-stone-900">{title}</h3>
+                  <p class="relative mt-3.5 max-w-[42ch] text-pretty text-lg leading-relaxed text-stone-700">
+                    {body}
+                  </p>
+                </div>
+              </li>
+            ))
+          }
+        </ul>
       </div>
     </section>
 
     <!-- In the Press Section -->
-    <section class="bg-white py-20">
-      <div class="mx-auto max-w-7xl px-6 md:px-8">
+    <section class="bg-white py-20 lg:py-28">
+      <div class={container}>
         <div class="mb-14 text-center">
-          <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">In the press</h2>
+          <h2 class={`${h2Class} text-stone-900`}>In the press</h2>
         </div>
 
-        <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
-          <!-- Stanford Social Innovation Review -->
-          <a
-            href="https://ssir.org/articles/entry/tech-against-genocide"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="group flex flex-col overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-sm transition-all duration-300 hover:border-green-600 hover:shadow-md"
-          >
-            <img
-              src="/images/press/ssir-tech-against-genocide.jpg"
-              alt="Stanford Social Innovation Review"
-              class="h-40 w-full object-cover"
-            />
-            <div class="flex flex-col p-6">
-              <p class="mb-2 text-sm font-semibold uppercase tracking-wide text-[#268024]">
-                Stanford Social Innovation Review
-              </p>
-              <p
-                class="min-h-16 flex-1 text-base font-medium leading-snug text-gray-900 group-hover:text-green-800"
-              >
-                Tech for Palestine Business Incubator Supports Entrepreneurs Protecting Human Rights
-              </p>
-              <span class="mt-4 inline-block text-sm text-gray-500 group-hover:text-green-700"
-                >Read article →</span
-              >
-            </div>
-          </a>
+        <ul role="list" class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:gap-8">
+          {
+            press.map((a) => (
+              <li>
+                <a
+                  href={a.href}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  class={`${cardOnWhite} overflow-hidden`}
+                >
+                  <div class="aspect-[16/10] overflow-hidden bg-stone-300">
+                    <picture>
+                      <source type="image/webp" srcset={`/images/home/press/${a.image}.webp`} />
+                      <img
+                        src={`/images/home/press/${a.image}.jpg`}
+                        alt={a.alt}
+                        width="800"
+                        height="500"
+                        loading="lazy"
+                        decoding="async"
+                        class="h-full w-full object-cover"
+                      />
+                    </picture>
+                  </div>
+                  <div class="flex flex-1 flex-col p-8">
+                    <p class="mb-2.5 text-base font-medium text-accent">{a.outlet}</p>
+                    <p class="max-w-[38ch] text-pretty text-lg font-medium leading-snug text-stone-900 transition-colors duration-150 group-hover:text-accent">
+                      {a.title}
+                      <span class="sr-only"> (opens in a new tab)</span>
+                    </p>
+                    <span class="mt-6 text-base font-medium text-accent" aria-hidden="true">
+                      Read article →
+                    </span>
+                  </div>
+                </a>
+              </li>
+            ))
+          }
+        </ul>
+      </div>
+    </section>
 
-          <!-- TRT World -->
-          <a
-            href="https://www.trtworld.com/video/18268907"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="group flex flex-col overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-sm transition-all duration-300 hover:border-green-600 hover:shadow-md"
-          >
-            <img
-              src="/images/press/trt-world.jpeg"
-              alt="TRT World"
-              class="h-40 w-full object-cover object-top"
-            />
-            <div class="flex flex-col p-6">
-              <p class="mb-2 text-sm font-semibold uppercase tracking-wide text-[#268024]">
-                TRT World
-              </p>
-              <p
-                class="min-h-16 flex-1 text-base font-medium leading-snug text-gray-900 group-hover:text-green-800"
-              >
-                Tech for Palestine initiative supports advocacy and accountability amid Israel's use
-                of AI
-              </p>
-              <span class="mt-4 inline-block text-sm text-gray-500 group-hover:text-green-700"
-                >Read article →</span
-              >
-            </div>
-          </a>
+    <!-- CTA Section -->
+    <section class="bg-accent py-20 lg:py-28">
+      <div class={container}>
+        <div class="mx-auto max-w-6xl">
+          <div class="text-center">
+            <h2 class={`${h2Class} text-white`}>
+              You've seen what we've built.<br class="hidden sm:inline" /> Now build with us.
+            </h2>
+          </div>
 
-          <!-- Al Jazeera -->
-          <a
-            href="https://www.aljazeera.com/news/2026/1/29/whats-upscrolled-the-app-gaining-popularity-after-tiktoks-us-takeover"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="group flex flex-col overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-sm transition-all duration-300 hover:border-green-600 hover:shadow-md"
-          >
-            <img
-              src="/images/press/aljazeera-upscrolled.jpg"
-              alt="Al Jazeera"
-              class="h-40 w-full object-cover object-top"
-            />
-            <div class="flex flex-col p-6">
-              <p class="mb-2 text-sm font-semibold uppercase tracking-wide text-[#268024]">
-                Al Jazeera
-              </p>
-              <p
-                class="min-h-16 flex-1 text-base font-medium leading-snug text-gray-900 group-hover:text-green-800"
-              >
-                What's UpScrolled, the app gaining popularity after TikTok's US takeover?
-              </p>
-              <span class="mt-4 inline-block text-sm text-gray-500 group-hover:text-green-700"
-                >Read article →</span
+          <div class="mt-12 grid grid-cols-1 gap-6 text-left sm:grid-cols-2">
+            <!-- Support Us -->
+            <div class="flex flex-col rounded-md bg-accent-panel p-8">
+              <span
+                class="mb-6 flex h-12 w-12 items-center justify-center rounded-pill bg-white/10"
+                aria-hidden="true"
               >
-            </div>
-          </a>
-
-          <!-- TechCrunch -->
-          <a
-            href="https://techcrunch.com/2024/01/02/tech-for-palestine-launches-to-provide-tools-and-projects-to-help-advocate-for-palestinians/"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="group flex flex-col overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-sm transition-all duration-300 hover:border-green-600 hover:shadow-md"
-          >
-            <img
-              src="/images/press/techcrunch-launch.jpg"
-              alt="TechCrunch"
-              class="h-40 w-full object-cover"
-            />
-            <div class="flex flex-col p-6">
-              <p class="mb-2 text-sm font-semibold uppercase tracking-wide text-[#268024]">
-                TechCrunch
-              </p>
+                <svg
+                  class="h-6 w-6 text-accent-tint"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                  stroke-width="1.75"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                >
+                  <path
+                    d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"
+                  ></path>
+                </svg>
+              </span>
+              <h3 class="font-serif text-2xl leading-tight text-white">Support Us</h3>
               <p
-                class="min-h-16 flex-1 text-base font-medium leading-snug text-gray-900 group-hover:text-green-800"
+                class="mb-8 mt-3.5 max-w-[46ch] flex-1 text-pretty text-lg leading-relaxed text-stone-200"
               >
-                Tech for Palestine launches to provide tools to help support Palestinians
+                Your donation helps us hire professionals, strengthen existing projects, and launch
+                new initiatives for a free Palestine.
               </p>
-              <span class="mt-4 inline-block text-sm text-gray-500 group-hover:text-green-700"
-                >Read article →</span
+              <a
+                href="/donate"
+                class="inline-flex min-h-[44px] items-center gap-3 self-start rounded-pill bg-white px-7 py-3.5 text-lg font-medium text-accent-panel transition-colors duration-150 hover:bg-accent-tint focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-accent-panel"
               >
+                Donate
+                <svg
+                  class="h-5 w-5"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  aria-hidden="true"
+                >
+                  <path d="M5 12h13m0 0l-5-5m5 5l-5 5"></path>
+                </svg>
+              </a>
             </div>
-          </a>
 
-          <!-- Tech Times -->
-          <a
-            href="https://www.techtimes.com/articles/300271/20240102/pro-palestinian-tech-workers-rally-behind-tech-for-palestine-coalition.htm"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="group flex flex-col overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-sm transition-all duration-300 hover:border-green-600 hover:shadow-md"
-          >
-            <img
-              src="/images/press/techtimes-rally.jpg"
-              alt="Tech Times"
-              class="h-40 w-full object-cover"
-            />
-            <div class="flex flex-col p-6">
-              <p class="mb-2 text-sm font-semibold uppercase tracking-wide text-[#268024]">
-                Tech Times
-              </p>
-              <p
-                class="min-h-16 flex-1 text-base font-medium leading-snug text-gray-900 group-hover:text-green-800"
+            <!-- Get Involved -->
+            <div class="flex flex-col rounded-md bg-accent-panel2 p-8">
+              <span
+                class="mb-6 flex h-12 w-12 items-center justify-center rounded-pill bg-white/10"
+                aria-hidden="true"
               >
-                Pro-Palestinian Tech Workers Rally Behind 'Tech for Palestine' Coalition
-              </p>
-              <span class="mt-4 inline-block text-sm text-gray-500 group-hover:text-green-700"
-                >Read article →</span
-              >
-            </div>
-          </a>
-
-          <!-- EUReports -->
-          <a
-            href="https://eureports.com/2026/04/barcelona-cements-its-position-as-epicentre-of-technological-solidarity-with-palestine/?_thumbnail_id=30865"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="group flex flex-col overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-sm transition-all duration-300 hover:border-green-600 hover:shadow-md"
-          >
-            <img
-              src="/images/press/eureports-barcelona.jpg"
-              alt="Barcelona tech solidarity"
-              class="h-40 w-full object-cover"
-            />
-            <div class="flex flex-col p-6">
-              <p class="mb-2 text-sm font-semibold uppercase tracking-wide text-[#268024]">
-                EUReports
-              </p>
+                <svg
+                  class="h-6 w-6 text-accent-tint"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                  stroke-width="1.75"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                >
+                  <path
+                    d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z"
+                  ></path>
+                </svg>
+              </span>
+              <h3 class="font-serif text-2xl leading-tight text-white">Get Involved</h3>
               <p
-                class="min-h-16 flex-1 text-base font-medium leading-snug text-gray-900 group-hover:text-green-800"
+                class="mb-8 mt-3.5 max-w-[46ch] flex-1 text-pretty text-lg leading-relaxed text-stone-200"
               >
-                Barcelona cements its position as epicentre of technological solidarity with
-                Palestine
+                Join our mission-driven community to volunteer, collaborate, and innovate for
+                Palestinian liberation. There are many ways to contribute your skills and passion.
               </p>
-              <span class="mt-4 inline-block text-sm text-gray-500 group-hover:text-green-700"
-                >Read article →</span
+              <a
+                href="/get-involved"
+                class="inline-flex min-h-[44px] items-center gap-3 self-start rounded-pill bg-white/15 px-7 py-3.5 text-lg font-medium text-white transition-colors duration-150 hover:bg-white/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-accent-panel2"
               >
+                Get Involved
+                <svg
+                  class="h-5 w-5"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  aria-hidden="true"
+                >
+                  <path d="M5 12h13m0 0l-5-5m5 5l-5 5"></path>
+                </svg>
+              </a>
             </div>
-          </a>
-        </div>
-      </div>
-    </section>
-
-    <!-- CTA Section -->
-    <section class="bg-green-800 py-24">
-      <div class="mx-auto max-w-4xl px-6 text-center md:px-8">
-        <h2 class="mb-12 text-4xl font-bold leading-tight text-white sm:text-5xl">
-          You've seen what we've built.<br />Now build with us.
-        </h2>
-
-        <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
-          <!-- Support Us -->
-          <div class="flex flex-col rounded-2xl bg-green-900 p-8 text-left">
-            <h3 class="mb-3 text-xl font-bold text-white">Support Us</h3>
-            <p class="mb-8 flex-1 text-sm leading-relaxed text-green-100">
-              Your donation helps us hire professionals, strengthen existing projects, and launch
-              new initiatives for a free Palestine.
-            </p>
-            <a
-              href="/donate"
-              class="block rounded-lg bg-white px-6 py-3 text-center text-base font-semibold text-green-800 transition hover:bg-green-50"
-            >
-              Donate
-            </a>
-          </div>
-
-          <!-- Get Involved -->
-          <div class="flex flex-col rounded-2xl bg-green-900 p-8 text-left">
-            <h3 class="mb-3 text-xl font-bold text-white">Get Involved</h3>
-            <p class="mb-8 flex-1 text-sm leading-relaxed text-green-100">
-              Join our mission-driven community to volunteer, collaborate, and innovate for
-              Palestinian liberation. There are many ways to contribute your skills and passion.
-            </p>
-            <a
-              href="/get-involved"
-              class="block rounded-lg border border-white bg-transparent px-6 py-3 text-center text-base font-semibold text-white transition hover:bg-white hover:text-green-800"
-            >
-              Get Involved
-            </a>
           </div>
         </div>
       </div>
     </section>
 
     <!-- Mailing List Section -->
-    <section class="bg-white py-16">
+    <section class="bg-white py-20 lg:py-28">
       <div class="mx-auto flex max-w-xl flex-col items-center justify-center px-6 text-center">
         <SignUpForm />
       </div>
diff --git a/src/utils/organizationSchema.ts b/src/utils/organizationSchema.ts
new file mode 100644
index 00000000..0ffadfcc
--- /dev/null
+++ b/src/utils/organizationSchema.ts
@@ -0,0 +1,43 @@
+/**
+ * The single sitewide `NonprofitOrganization` JSON-LD node.
+ *
+ * Structured-data parsers do not reliably merge separate <script> tags that
+ * share an @id, so exactly one layout must emit this per page — never both.
+ * `Layout.astro` and `HomeLayout.astro` each render it once, and a page uses
+ * one layout or the other.
+ *
+ * `extra` is spread before the fixed fields so a caller can add properties
+ * (e.g. a page-specific contactPoint or potentialAction) without being able
+ * to overwrite the organization's identity.
+ */
+export function organizationSchema(extra?: Record<string, unknown>) {
+  return {
+    "@context": "https://schema.org",
+    "@type": "NonprofitOrganization",
+    "@id": "https://techforpalestine.org/#organization",
+    ...extra,
+    name: "Tech for Palestine",
+    url: "https://techforpalestine.org",
+    logo: "https://techforpalestine.org/t4p-social-logo.png",
+    taxID: "99-3441367",
+    address: {
+      "@type": "PostalAddress",
+      streetAddress: "548 Market St #266950",
+      addressLocality: "San Francisco",
+      addressRegion: "CA",
+      postalCode: "94104-5401",
+      addressCountry: "US",
+    },
+    sameAs: [
+      "https://www.instagram.com/techforpalestine",
+      "https://twitter.com/tech4palestine",
+      "https://github.com/TechForPalestine/",
+      "https://www.linkedin.com/company/techforpalestine/",
+      "https://infosec.exchange/@tech4palestine",
+      "https://www.youtube.com/@tech4palestine",
+      "https://techforpalestine.org/discord-invite",
+      "https://www.tiktok.com/@techforpalestine",
+      "https://bsky.app/profile/techforpalestine.org",
+    ],
+  };
+}
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index a235a68c..2211982e 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -36,6 +36,38 @@ export default {
           DEFAULT: "#5C7A52",
           tint: "#EDF1E8",
         },
+        // Legacy-site accent: the single green used on Layout.astro pages.
+        // DEFAULT/hover match Tailwind's green-800/900 so existing pages that
+        // already use those classes stay visually identical while migrating.
+        accent: {
+          DEFAULT: "#166534",
+          hover: "#14532D",
+          // Slightly desaturated and a shade lighter than a pure flag green, so a
+          // large dark surface reads institutional rather than saturated.
+          deep: "#0E2C1F",
+          // The CTA band now runs on the brand accent itself, so its two cards
+          // step DOWNWARD to keep text contrast (a lighter panel on a mid-green
+          // ground drops secondary text below 4.5:1). Reads as deep-green plates
+          // set into a brighter field: ground -> panel2 1.28, ground -> panel 2.11.
+          panel: "#0E2C1F",
+          panel2: "#14532D",
+          tint: "#EEF5EF",
+          // One step deeper than `tint`, for surfaces that sit *on* a tinted
+          // card (icon tiles, the corner arc in the support cards).
+          tile: "#DCE8DF",
+        },
+        // Warm ground for alternating sections. With borders and shadows both
+        // ruled out, the fill is the ONLY separation cue, so this is tuned deep
+        // enough that a white card on it is a 1.37:1 step. Text still clears AA:
+        // stone-900 12.8, stone-700 7.5, stone-600 5.6, accent 5.2.
+        paper: "#E6DBC8",
+        // The Palestinian flag bars in the homepage hero. Kept as the exact
+        // values the hero has always used, named so they are no longer
+        // anonymous hex literals in the markup.
+        flag: {
+          green: "#268024",
+          red: "#E4312B",
+        },
       },
       fontFamily: {
         serif: ["Fraunces", "Fraunces Placeholder", "serif"],
@@ -47,32 +79,6 @@ export default {
         lg: "24px",
         pill: "999px",
       },
-      red: {
-        50: "#fff1f3",
-        100: "#ffe0e3",
-        200: "#ffc6cc",
-        300: "#ff9ea9",
-        400: "#ff6778",
-        500: "#fc374d",
-        600: "#ea182f",
-        700: "#ce1126",
-        800: "#a21222",
-        900: "#861622",
-        950: "#49060d",
-      },
-      green: {
-        50: "#ecfff5",
-        100: "#d3ffe9",
-        200: "#aaffd5",
-        300: "#69ffb6",
-        400: "#21ff90",
-        500: "#00f26f",
-        600: "#00ca58",
-        700: "#009e48",
-        800: "#007a3d",
-        900: "#026535",
-        950: "#00391b",
-      },
     },
   },
   plugins: [],