From a3a9b5fd7e20f7a86c6a06cde3648ae9fd769e7a Mon Sep 17 00:00:00 2001
From: odarome132 <monteropeace@gmail.com>
Date: Wed, 29 Jul 2026 17:56:05 +0000
Subject: [PATCH 1/6] feat(www): ecosystem and partners page with scrolling
 logo strip

---
 public/logos/ecosystem/albedo.svg    |   7 +
 public/logos/ecosystem/aquarius.svg  |   6 +
 public/logos/ecosystem/blend.svg     |   7 +
 public/logos/ecosystem/freighter.svg |   5 +
 public/logos/ecosystem/lobstr.svg    |   4 +
 public/logos/ecosystem/reflector.svg |   5 +
 public/logos/ecosystem/soroswap.svg  |   5 +
 public/logos/ecosystem/xbull.svg     |   4 +
 src/App.tsx                          |  11 ++
 src/__tests__/Ecosystem.test.tsx     | 237 +++++++++++++++++++++++++++
 src/components/PartnerStrip.tsx      | 101 ++++++++++++
 src/data/README.md                   |  83 ++++++++++
 src/data/ecosystem.json              | 103 ++++++++++++
 src/index.css                        |  20 +++
 src/pages/Ecosystem.tsx              | 206 +++++++++++++++++++++++
 15 files changed, 804 insertions(+)
 create mode 100644 public/logos/ecosystem/albedo.svg
 create mode 100644 public/logos/ecosystem/aquarius.svg
 create mode 100644 public/logos/ecosystem/blend.svg
 create mode 100644 public/logos/ecosystem/freighter.svg
 create mode 100644 public/logos/ecosystem/lobstr.svg
 create mode 100644 public/logos/ecosystem/reflector.svg
 create mode 100644 public/logos/ecosystem/soroswap.svg
 create mode 100644 public/logos/ecosystem/xbull.svg
 create mode 100644 src/__tests__/Ecosystem.test.tsx
 create mode 100644 src/components/PartnerStrip.tsx
 create mode 100644 src/data/README.md
 create mode 100644 src/data/ecosystem.json
 create mode 100644 src/pages/Ecosystem.tsx

diff --git a/public/logos/ecosystem/albedo.svg b/public/logos/ecosystem/albedo.svg
new file mode 100644
index 0000000..8c88acf
--- /dev/null
+++ b/public/logos/ecosystem/albedo.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Albedo">
+  <rect width="30" height="30" fill="#1E3A5F"/>
+  <circle cx="15" cy="15" r="7" stroke="white" stroke-width="1.5" fill="none"/>
+  <circle cx="12" cy="13" r="1.5" fill="white" fill-opacity="0.8"/>
+  <circle cx="18" cy="13" r="1.5" fill="white" fill-opacity="0.8"/>
+  <path d="M12 18c1.5 1.5 4.5 1.5 6 0" stroke="white" stroke-width="1.2" fill="none" stroke-linecap="round"/>
+</svg>
diff --git a/public/logos/ecosystem/aquarius.svg b/public/logos/ecosystem/aquarius.svg
new file mode 100644
index 0000000..dab94c7
--- /dev/null
+++ b/public/logos/ecosystem/aquarius.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Aquarius">
+  <rect width="30" height="30" fill="#0091EA"/>
+  <path d="M15 7c0 0 7 5.5 7 11c0 3.5-3 6-7 6s-7-2.5-7-6c0-5.5 7-11 7-11z" stroke="white" stroke-width="1.3" fill="none"/>
+  <path d="M15 10c0 0 4 3.5 4 7c0 2.5-1.8 4-4 4s-4-1.5-4-4c0-3.5 4-7 4-7z" fill="white" fill-opacity="0.2"/>
+  <circle cx="15" cy="17" r="2" fill="white" fill-opacity="0.7"/>
+</svg>
diff --git a/public/logos/ecosystem/blend.svg b/public/logos/ecosystem/blend.svg
new file mode 100644
index 0000000..c6b135b
--- /dev/null
+++ b/public/logos/ecosystem/blend.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Blend">
+  <rect width="30" height="30" fill="#6B21A8"/>
+  <rect x="9" y="8" width="12" height="3" fill="white" fill-opacity="0.85"/>
+  <rect x="9" y="13.5" width="12" height="3" fill="white" fill-opacity="0.85"/>
+  <rect x="9" y="19" width="12" height="3" fill="white" fill-opacity="0.85"/>
+  <path d="M13 8v14M17 8v14" stroke="#6B21A8" stroke-width="1"/>
+</svg>
diff --git a/public/logos/ecosystem/freighter.svg b/public/logos/ecosystem/freighter.svg
new file mode 100644
index 0000000..1568e84
--- /dev/null
+++ b/public/logos/ecosystem/freighter.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Freighter">
+  <rect width="30" height="30" fill="#533ABB"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M14.0617 10C13.6916 8.56231 12.3865 7.5 10.8333 7.5C8.99238 7.5 7.5 8.99238 7.5 10.8333C7.5 12.6743 8.99238 14.1667 10.8333 14.1667C12.3865 14.1667 13.6916 13.1044 14.0617 11.6667H16.9444V14.4444H18.6111V11.6667H19.7222V14.4444H21.3889V11.6667H22.5V10H14.0617ZM12.5 10.8333C12.5 11.7538 11.7538 12.5 10.8333 12.5C9.91286 12.5 9.16667 11.7538 9.16667 10.8333C9.16667 9.91286 9.91286 9.16667 10.8333 9.16667C11.7538 9.16667 12.5 9.91286 12.5 10.8333Z" fill="white"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.9383 20C16.3084 21.4377 17.6135 22.5 19.1667 22.5C21.0076 22.5 22.5 21.0076 22.5 19.1667C22.5 17.3257 21.0076 15.8333 19.1667 15.8333C17.6135 15.8333 16.3084 16.8956 15.9383 18.3333H13.0556V15.5556H11.3889L11.3889 18.3333H10.2778L10.2778 15.5556H8.61111L8.61111 18.3333H7.5L7.5 20H15.9383ZM17.5 19.1667C17.5 18.2462 18.2462 17.5 19.1667 17.5C20.0871 17.5 20.8333 18.2462 20.8333 19.1667C20.8333 20.0871 20.0871 20.8333 19.1667 20.8333C18.2462 20.8333 17.5 20.0871 17.5 19.1667Z" fill="white"/>
+</svg>
diff --git a/public/logos/ecosystem/lobstr.svg b/public/logos/ecosystem/lobstr.svg
new file mode 100644
index 0000000..7a71582
--- /dev/null
+++ b/public/logos/ecosystem/lobstr.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="LOBSTR">
+  <rect width="30" height="30" fill="#1C1C1E"/>
+  <path d="M8 8h5v5H8V8zM17 8h5v5h-5V8zM8 17h5v5H8v-5zM17 17h5v5h-5v-5z" fill="white" fill-opacity="0.9"/>
+</svg>
diff --git a/public/logos/ecosystem/reflector.svg b/public/logos/ecosystem/reflector.svg
new file mode 100644
index 0000000..bd4c296
--- /dev/null
+++ b/public/logos/ecosystem/reflector.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Reflector">
+  <rect width="30" height="30" fill="#2D3748"/>
+  <path d="M8 15l5-5v3h4v4h-4v3l-5-5z" fill="white" fill-opacity="0.85"/>
+  <path d="M22 15l-5 5v-3h-4v-4h4v-3l5 5z" fill="white" fill-opacity="0.5"/>
+</svg>
diff --git a/public/logos/ecosystem/soroswap.svg b/public/logos/ecosystem/soroswap.svg
new file mode 100644
index 0000000..043fc73
--- /dev/null
+++ b/public/logos/ecosystem/soroswap.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Soroswap">
+  <rect width="30" height="30" fill="#00BFA5"/>
+  <path d="M15 8l7 7-7 7-7-7 7-7z" stroke="white" stroke-width="1.5" fill="none"/>
+  <circle cx="15" cy="15" r="3" fill="white" fill-opacity="0.9"/>
+</svg>
diff --git a/public/logos/ecosystem/xbull.svg b/public/logos/ecosystem/xbull.svg
new file mode 100644
index 0000000..8e3cb0a
--- /dev/null
+++ b/public/logos/ecosystem/xbull.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="xBull">
+  <rect width="30" height="30" fill="#0D6EFD"/>
+  <path d="M15 7l8 8-8 8-8-8 8-8z" fill="white" fill-opacity="0.9"/>
+</svg>
diff --git a/src/App.tsx b/src/App.tsx
index 11cbb9c..1207bba 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,6 +5,7 @@ import Hero from './components/Hero';
 import Features from './components/Features';
 import Layout from './components/Layout';
 import TrustStrip from './components/TrustStrip';
+import PartnerStrip from './components/PartnerStrip';
 
 // Lazy load below-the-fold homepage components
 const Architecture = lazy(() => import('./components/Architecture'));
@@ -25,6 +26,7 @@ const UseCases = lazy(() => import('./pages/UseCases'));
 const Stellar = lazy(() => import('./pages/Stellar'));
 const Roadmap = lazy(() => import('./pages/Roadmap'));
 const CaseStudies = lazy(() => import('./pages/CaseStudies'));
+const Ecosystem = lazy(() => import('./pages/Ecosystem'));
 const NotFound = lazy(() => import('./pages/NotFound'));
 
 function Home() {
@@ -49,6 +51,7 @@ function Home() {
           <EcosystemPartners />
           <CtaStrip />
         </Suspense>
+        <PartnerStrip />
       </main>
       <Suspense fallback={null}>
         <Footer />
@@ -69,6 +72,14 @@ export default function App() {
           <Route path="/roadmap" element={<Roadmap />} />
           <Route path="/case-studies" element={<CaseStudies />} />
           <Route path="/case-studies/:slug" element={<CaseStudies />} />
+          <Route
+            path="/ecosystem"
+            element={
+              <Layout>
+                <Ecosystem />
+              </Layout>
+            }
+          />
           {/* Wrap Stellar with Layout */}
           <Route
             path="/stellar"
diff --git a/src/__tests__/Ecosystem.test.tsx b/src/__tests__/Ecosystem.test.tsx
new file mode 100644
index 0000000..0f0824a
--- /dev/null
+++ b/src/__tests__/Ecosystem.test.tsx
@@ -0,0 +1,237 @@
+import { render, screen } from '@testing-library/react';
+import { axe } from 'vitest-axe';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import App from '../App';
+import PartnerStrip from '../components/PartnerStrip';
+import ecosystemData from '../data/ecosystem.json';
+
+afterEach(() => {
+  vi.restoreAllMocks();
+});
+
+describe('Ecosystem page (/ecosystem)', () => {
+  it('renders the ecosystem page for the /ecosystem route', async () => {
+    window.history.replaceState({}, '', '/ecosystem');
+
+    render(<App />);
+
+    expect(
+      await screen.findByRole('heading', { level: 1, name: /ecosystem & partners/i }),
+    ).toBeInTheDocument();
+  });
+
+  it('renders all partner categories as section headings', async () => {
+    window.history.replaceState({}, '', '/ecosystem');
+
+    render(<App />);
+
+    for (const cat of ecosystemData.categories) {
+      // Skip categories with no partners
+      const hasPartners = ecosystemData.partners.some((p) => p.category === cat.id);
+      if (hasPartners) {
+        expect(
+          await screen.findByRole('heading', { level: 2, name: cat.label }),
+        ).toBeInTheDocument();
+      }
+    }
+  });
+
+  it('renders a card for every partner in the data file', async () => {
+    window.history.replaceState({}, '', '/ecosystem');
+
+    render(<App />);
+
+    // Wait for the page to render
+    await screen.findByRole('heading', { level: 1, name: /ecosystem & partners/i });
+
+    // All partner names should be visible on the page
+    for (const partner of ecosystemData.partners) {
+      expect(screen.getByText(partner.name)).toBeInTheDocument();
+    }
+  });
+
+  it('links every partner card to a real, absolute URL', async () => {
+    window.history.replaceState({}, '', '/ecosystem');
+
+    render(<App />);
+
+    await screen.findByRole('heading', { level: 1, name: /ecosystem & partners/i });
+
+    const links = screen.getAllByRole('link');
+    const partnerLinks = links.filter((l) =>
+      ecosystemData.partners.some((p) => l.getAttribute('href') === p.link),
+    );
+
+    expect(partnerLinks.length).toBeGreaterThanOrEqual(ecosystemData.partners.length);
+
+    for (const link of partnerLinks) {
+      const href = link.getAttribute('href');
+      expect(href).toBeTruthy();
+      expect(() => new URL(href as string)).not.toThrow();
+    }
+  });
+
+  it('opens every partner link in a new tab with noopener noreferrer', async () => {
+    window.history.replaceState({}, '', '/ecosystem');
+
+    render(<App />);
+
+    await screen.findByRole('heading', { level: 1, name: /ecosystem & partners/i });
+
+    const links = screen.getAllByRole('link');
+    const partnerLinks = links.filter((l) =>
+      ecosystemData.partners.some((p) => l.getAttribute('href') === p.link),
+    );
+
+    for (const link of partnerLinks) {
+      expect(link).toHaveAttribute('target', '_blank');
+      expect(link).toHaveAttribute('rel', 'noopener noreferrer');
+    }
+  });
+
+  it('shows the integration count badge on the page', async () => {
+    window.history.replaceState({}, '', '/ecosystem');
+
+    render(<App />);
+
+    expect(
+      await screen.findByText(`${ecosystemData.partners.length} INTEGRATIONS`),
+    ).toBeInTheDocument();
+  });
+
+  it('has no axe violations on the ecosystem page', async () => {
+    window.history.replaceState({}, '', '/ecosystem');
+
+    const { container } = render(<App />);
+
+    // Wait for page to load
+    await screen.findByRole('heading', { level: 1, name: /ecosystem & partners/i });
+
+    const results = await axe(container);
+    expect(results.violations).toEqual([]);
+  });
+
+  it('renders the back to home link on the ecosystem page', async () => {
+    window.history.replaceState({}, '', '/ecosystem');
+
+    render(<App />);
+
+    await screen.findByRole('heading', { level: 1, name: /ecosystem & partners/i });
+
+    expect(screen.getByRole('link', { name: /back to home/i })).toBeInTheDocument();
+    expect(screen.getByRole('link', { name: /back to home/i })).toBeInTheDocument();
+  });
+});
+
+describe('PartnerStrip component', () => {
+  it('renders the ecosystem integrations heading', () => {
+    render(<PartnerStrip />);
+
+    expect(screen.getByText('Ecosystem Integrations')).toBeInTheDocument();
+    expect(
+      screen.getByText(new RegExp(`${ecosystemData.partners.length}\\+ partners`, 'i')),
+    ).toBeInTheDocument();
+  });
+
+  it('renders all partner short names from ecosystem.json', () => {
+    render(<PartnerStrip />);
+
+    for (const partner of ecosystemData.partners) {
+      // Each name appears in the visible span + tooltip, and duplicated for marquee
+      const matches = screen.getAllByText(partner.shortName);
+      expect(matches.length).toBeGreaterThanOrEqual(1);
+    }
+  });
+
+  it('links each partner item to an absolute URL', () => {
+    render(<PartnerStrip />);
+
+    const links = screen.getAllByRole('link');
+    for (const link of links) {
+      const href = link.getAttribute('href');
+      expect(href).toBeTruthy();
+      expect(() => new URL(href as string)).not.toThrow();
+    }
+  });
+
+  it('opens partner links in a new tab with noopener noreferrer', () => {
+    render(<PartnerStrip />);
+
+    const links = screen.getAllByRole('link');
+    for (const link of links) {
+      expect(link).toHaveAttribute('target', '_blank');
+      expect(link).toHaveAttribute('rel', 'noopener noreferrer');
+    }
+  });
+
+  it('renders the ecosystem section with a marquee-like scroll region', () => {
+    render(<PartnerStrip />);
+
+    const section = screen.getByRole('region', { name: /ecosystem partners/i });
+    expect(section).toBeInTheDocument();
+    expect(section).toHaveAttribute('aria-label', 'Ecosystem partners');
+  });
+
+  it('renders partner images with alt text', () => {
+    render(<PartnerStrip />);
+
+    const images = screen.getAllByRole('img');
+    for (const img of images) {
+      expect(img).toHaveAttribute('alt');
+      expect(img.getAttribute('alt')).not.toBe('');
+    }
+  });
+});
+
+describe('Ecosystem data integrity', () => {
+  it('has at least one partner in the data file', () => {
+    expect(ecosystemData.partners.length).toBeGreaterThan(0);
+  });
+
+  it('has at least one category in the data file', () => {
+    expect(ecosystemData.categories.length).toBeGreaterThan(0);
+  });
+
+  it('every partner references a valid category', () => {
+    const categoryIds = new Set(ecosystemData.categories.map((c) => c.id));
+    for (const partner of ecosystemData.partners) {
+      expect(categoryIds.has(partner.category)).toBe(true);
+    }
+  });
+
+  it('every partner has a logo path starting with /logos/ecosystem/', () => {
+    for (const partner of ecosystemData.partners) {
+      expect(partner.logo).toMatch(/^\/logos\/ecosystem\//);
+    }
+  });
+
+  it('every partner link is a valid absolute URL', () => {
+    for (const partner of ecosystemData.partners) {
+      expect(() => new URL(partner.link)).not.toThrow();
+    }
+  });
+
+  it('no partner has an empty name or shortName', () => {
+    for (const partner of ecosystemData.partners) {
+      expect(partner.name).toBeTruthy();
+      expect(partner.shortName).toBeTruthy();
+    }
+  });
+
+  it('all partner width values are positive numbers', () => {
+    for (const partner of ecosystemData.partners) {
+      expect(partner.width).toBeGreaterThan(0);
+    }
+  });
+});
+
+describe('Ecosystem page on home route', () => {
+  it('renders the PartnerStrip section on the home route', async () => {
+    window.history.replaceState({}, '', '/');
+
+    render(<App />);
+
+    // PartnerStrip is synchronous (not lazy), so it should render immediately
+    expect(await screen.findByText('Ecosystem Integrations')).toBeInTheDocument();
+  });
+});
diff --git a/src/components/PartnerStrip.tsx b/src/components/PartnerStrip.tsx
new file mode 100644
index 0000000..0d00361
--- /dev/null
+++ b/src/components/PartnerStrip.tsx
@@ -0,0 +1,101 @@
+import { useState } from 'react';
+import { useInView } from '../hooks/useInView';
+import ecosystemData from '../data/ecosystem.json';
+
+type Partner = (typeof ecosystemData.partners)[number];
+
+function PartnerTooltip({ partner }: { partner: Partner }) {
+  const categoryLabel =
+    ecosystemData.categories.find((c) => c.id === partner.category)?.label ?? partner.category;
+
+  return (
+    <div
+      aria-hidden="true"
+      className="pointer-events-none absolute -top-1 left-1/2 z-10 -translate-x-1/2 -translate-y-full opacity-0 transition-all duration-200 group-hover/hint:opacity-100"
+    >
+      <div className="whitespace-nowrap rounded-none border border-outline-variant bg-surface-container px-3 py-2 shadow-lg">
+        <p className="font-heading text-[13px] font-semibold text-on-surface">{partner.name}</p>
+        <p className="font-mono text-[9px] font-semibold uppercase tracking-[1.5px] text-outline">
+          {categoryLabel}
+        </p>
+      </div>
+    </div>
+  );
+}
+
+function PartnerItem({ partner }: { partner: Partner }) {
+  const categoryLabel =
+    ecosystemData.categories.find((c) => c.id === partner.category)?.label ?? partner.category;
+
+  return (
+    <a
+      href={partner.link}
+      target="_blank"
+      rel="noopener noreferrer"
+      className="group/hint relative flex shrink-0 items-center gap-3 border border-outline-variant-30 bg-surface-container px-5 py-3 transition-all duration-200 hover:border-outline hover:bg-surface-bright"
+      aria-label={`${partner.name} — ${categoryLabel}`}
+      title={`${partner.name} — ${categoryLabel}`}
+    >
+      <img
+        src={partner.logo}
+        alt={`${partner.name} logo`}
+        width={partner.width}
+        height={28}
+        className="h-7 w-auto object-contain grayscale opacity-40 transition-all duration-300 group-hover/hint:grayscale-0 group-hover/hint:opacity-90"
+      />
+      <span className="font-heading text-[13px] font-semibold text-on-surface transition-colors duration-200 group-hover/hint:text-primary">
+        {partner.shortName}
+      </span>
+      <PartnerTooltip partner={partner} />
+    </a>
+  );
+}
+
+// Duplicate partners for seamless infinite scroll
+const duplicatedPartners = [...ecosystemData.partners, ...ecosystemData.partners];
+
+export default function PartnerStrip() {
+  const { ref, isInView } = useInView({ threshold: 0.1 });
+  const [paused, setPaused] = useState(false);
+
+  return (
+    <section
+      ref={ref}
+      aria-label="Ecosystem partners"
+      className="border-t border-outline-variant-30 bg-surface py-12"
+      data-reveal={isInView}
+    >
+      <div className="mx-auto mb-8 flex max-w-[1344px] flex-col gap-3 px-6 md:px-12">
+        <span className="font-mono text-[10px] font-semibold uppercase tracking-[2px] text-outline">
+          Ecosystem Integrations
+        </span>
+        <h2 className="font-heading text-[22px] font-bold tracking-[-0.8px] text-on-surface sm:text-[28px]">
+          Powered by{' '}
+          <span className="text-on-surface-variant">{ecosystemData.partners.length}+ partners</span>
+        </h2>
+      </div>
+
+      <div
+        className="overflow-hidden"
+        onMouseEnter={() => setPaused(true)}
+        onMouseLeave={() => setPaused(false)}
+        onFocus={() => setPaused(true)}
+        onBlur={() => setPaused(false)}
+        role="list"
+        aria-label={`Scrolling list of ${ecosystemData.partners.length} ecosystem partners`}
+        style={{ animationPlayState: paused ? 'paused' : 'running' } as React.CSSProperties}
+      >
+        <div
+          className={`flex w-max gap-4 px-6 md:px-12 animate-scroll`}
+          style={{ animationPlayState: paused ? 'paused' : 'running' }}
+        >
+          {duplicatedPartners.map((partner, index) => (
+            <div key={`${partner.shortName}-${index}`} role="listitem">
+              <PartnerItem partner={partner} />
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/src/data/README.md b/src/data/README.md
new file mode 100644
index 0000000..1fbdf7b
--- /dev/null
+++ b/src/data/README.md
@@ -0,0 +1,83 @@
+# Data files
+
+All data driving page content lives in `src/data/*.json`. Files are imported directly by components.
+
+---
+
+## `ecosystem.json`
+
+Powers the PartnerStrip component (homepage marquee) and the /ecosystem page.
+
+### Schema
+
+```typescript
+interface EcosystemData {
+  /** List of partner categories displayed as section groups on /ecosystem */
+  categories: Array<{
+    /** URL-safe identifier used for grouping partners */
+    id: string;
+    /** Human-readable category name (e.g. "Wallets", "DEXes") */
+    label: string;
+    /** Short description shown in the category section header */
+    description: string;
+  }>;
+
+  /** List of ecosystem partners */
+  partners: Array<{
+    /** Display name */
+    name: string;
+    /** Short name used in the marquee strip items */
+    shortName: string;
+    /** One-sentence description of the partner and their integration */
+    description: string;
+    /** Must match a category id from categories[] above */
+    category: string;
+    /** External URL to the partner's site or docs */
+    link: string;
+    /** Path to SVG logo in /public/logos/ecosystem/ */
+    logo: string;
+    /** Image width in pixels (height is fixed at 28px) */
+    width: number;
+  }>;
+}
+```
+
+## `trust.json`
+
+Drives the TrustStrip component on the homepage.
+
+### Schema
+
+See `TrustStrip.tsx` — the type is defined inline. Keys include `audits`, `integrations`, and `uptime` with sub-items for labels, statuses, links, and counts.
+
+## `case-studies.json`
+
+Powers the /case-studies page and CaseStudiesStrip component.
+
+### Schema
+
+Canonical reference: `case-studies.json` entries contain `id`, `slug`, `org`, `logo`, `industry`, `useCase`, `integrationDate`, `status`, `quote`, `quotee`, `summary`, `challenge`, `solution`, `results`, `chains`, `testimonial`, and `technical`.
+
+## `faq.json`
+
+Drives the /faq page with search, category filtering, and accordion expansion.
+
+### Schema
+
+Each `entry` has `id`, `category`, `question`, `answer`, and optional `tags` for search indexing.
+
+## `roadmap.json`
+
+Powers the /roadmap timeline page.
+
+### Schema
+
+Entries are grouped by milestone phase with `phase`, `label`, `items` (each having `title`, `description`, and `status`).
+
+## `showcase.json`
+
+Drives the Showcase component on the homepage.
+
+### Schema
+
+Contains `items` with `title`, `description`, and optional `link` and `tags`.
diff --git a/src/data/ecosystem.json b/src/data/ecosystem.json
new file mode 100644
index 0000000..42307a4
--- /dev/null
+++ b/src/data/ecosystem.json
@@ -0,0 +1,103 @@
+{
+  "categories": [
+    {
+      "id": "wallets",
+      "label": "Wallets",
+      "description": "Non-custodial wallets that support Wraith Protocol stealth addresses."
+    },
+    {
+      "id": "dexes",
+      "label": "DEXes",
+      "description": "Decentralized exchanges integrated with Wraith for private swaps."
+    },
+    {
+      "id": "lending",
+      "label": "Lending Protocols",
+      "description": "Lending and borrowing platforms using Wraith for private positions."
+    },
+    {
+      "id": "indexers",
+      "label": "Indexers & Data",
+      "description": "Blockchain indexers and data providers powering Wraith's discovery layer."
+    },
+    {
+      "id": "oracles",
+      "label": "Oracles",
+      "description": "Oracle networks that provide price feeds and data to Wraith contracts."
+    }
+  ],
+  "partners": [
+    {
+      "name": "Freighter",
+      "shortName": "Freighter",
+      "description": "Non-custodial browser wallet extension for the Stellar network. Users can sign stealth transactions directly from the Freighter interface.",
+      "category": "wallets",
+      "link": "https://freighter.app",
+      "logo": "/logos/ecosystem/freighter.svg",
+      "width": 28
+    },
+    {
+      "name": "LOBSTR",
+      "shortName": "LOBSTR",
+      "description": "Comprehensive Stellar wallet and exchange platform supporting stealth address generation and private payment scanning.",
+      "category": "wallets",
+      "link": "https://lobstr.co",
+      "logo": "/logos/ecosystem/lobstr.svg",
+      "width": 28
+    },
+    {
+      "name": "xBull",
+      "shortName": "xBull",
+      "description": "Feature-rich Stellar wallet for desktop and mobile with built-in Wraith SDK integration for one-click private payments.",
+      "category": "wallets",
+      "link": "https://xbull.app",
+      "logo": "/logos/ecosystem/xbull.svg",
+      "width": 28
+    },
+    {
+      "name": "Albedo",
+      "shortName": "Albedo",
+      "description": "Secure identity and transaction signer for Stellar dApps. Albedo enables privacy-preserving authentication for Wraith users.",
+      "category": "wallets",
+      "link": "https://albedo.link",
+      "logo": "/logos/ecosystem/albedo.svg",
+      "width": 28
+    },
+    {
+      "name": "Reflector",
+      "shortName": "Reflector",
+      "description": "Blockchain indexer and data API providing real-time stealth payment event indexing and announcement scanning across Stellar.",
+      "category": "indexers",
+      "link": "https://reflector.network",
+      "logo": "/logos/ecosystem/reflector.svg",
+      "width": 28
+    },
+    {
+      "name": "Soroswap",
+      "shortName": "Soroswap",
+      "description": "Automated market maker on Soroban enabling private token swaps through Wraith stealth address integration.",
+      "category": "dexes",
+      "link": "https://soroswap.finance",
+      "logo": "/logos/ecosystem/soroswap.svg",
+      "width": 28
+    },
+    {
+      "name": "Aquarius",
+      "shortName": "Aquarius",
+      "description": "Liquidity aggregator and DEX on Stellar offering best-price routing for private stealth swaps via Wraith.",
+      "category": "dexes",
+      "link": "https://aquarius.fi",
+      "logo": "/logos/ecosystem/aquarius.svg",
+      "width": 28
+    },
+    {
+      "name": "Blend",
+      "shortName": "Blend",
+      "description": "Decentralized lending protocol on Soroban. Deposit collateral and borrow assets with stealth privacy through Wraith integration.",
+      "category": "lending",
+      "link": "https://blend.capital",
+      "logo": "/logos/ecosystem/blend.svg",
+      "width": 28
+    }
+  ]
+}
diff --git a/src/index.css b/src/index.css
index 961235f..0d93c7b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -218,6 +218,26 @@ body {
   }
 }
 
+/* Marquee scroll animation for PartnerStrip */
+@keyframes marquee-scroll {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(-50%);
+  }
+}
+
+.animate-scroll {
+  animation: marquee-scroll 40s linear infinite;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .animate-scroll {
+    animation: none;
+  }
+}
+
 a:focus-visible,
 button:focus-visible,
 [tabindex]:focus-visible {
diff --git a/src/pages/Ecosystem.tsx b/src/pages/Ecosystem.tsx
new file mode 100644
index 0000000..8f2364b
--- /dev/null
+++ b/src/pages/Ecosystem.tsx
@@ -0,0 +1,206 @@
+import { Helmet } from 'react-helmet-async';
+import { Link } from 'react-router-dom';
+import { useInView } from '../hooks/useInView';
+import ecosystemData from '../data/ecosystem.json';
+
+const categories = ecosystemData.categories;
+const partners = ecosystemData.partners;
+
+function PartnerCard({
+  partner,
+  index,
+  isInView,
+}: {
+  partner: (typeof partners)[number];
+  index: number;
+  isInView: boolean;
+}) {
+  const categoryLabel =
+    categories.find((c) => c.id === partner.category)?.label ?? partner.category;
+
+  return (
+    <a
+      href={partner.link}
+      target="_blank"
+      rel="noopener noreferrer"
+      className="group flex flex-col gap-5 border border-outline-variant-30 bg-surface-container p-6 transition-all duration-200 hover:border-outline hover:bg-surface-bright"
+      data-reveal={isInView}
+      style={{ transitionDelay: isInView ? `${index * 60}ms` : '0ms' }}
+    >
+      <div className="flex h-10 items-center justify-between">
+        <img
+          src={partner.logo}
+          alt={`${partner.shortName} logo`}
+          width={partner.width}
+          height={28}
+          className="h-7 w-auto object-contain grayscale opacity-60 transition-all duration-200 group-hover:grayscale-0 group-hover:opacity-100"
+        />
+        <span className="font-mono text-[10px] text-outline opacity-0 transition-opacity duration-200 group-hover:opacity-100">
+          VISIT ↗
+        </span>
+      </div>
+      <div className="flex flex-col gap-1.5">
+        <div className="flex items-center justify-between">
+          <span className="font-heading text-[15px] font-semibold text-on-surface">
+            {partner.name}
+          </span>
+        </div>
+        <span className="font-mono text-[9px] font-semibold uppercase tracking-[1.5px] text-outline">
+          {categoryLabel}
+        </span>
+        <p className="font-body text-xs leading-[1.5] text-on-surface-variant transition-colors duration-150 group-hover:text-on-surface">
+          {partner.description}
+        </p>
+      </div>
+    </a>
+  );
+}
+
+export default function Ecosystem() {
+  const { ref: headerRef, isInView: headerInView } = useInView({ threshold: 0.1 });
+  const { ref: walletsRef, isInView: walletsInView } = useInView({ threshold: 0.1 });
+  const { ref: dexesRef, isInView: dexesInView } = useInView({ threshold: 0.1 });
+  const { ref: lendingRef, isInView: lendingInView } = useInView({ threshold: 0.1 });
+  const { ref: indexersRef, isInView: indexersInView } = useInView({ threshold: 0.1 });
+
+  const partnerGroups = categories.map((cat) => ({
+    ...cat,
+    items: partners.filter((p) => p.category === cat.id),
+  }));
+
+  const visibleGroups = partnerGroups.filter((g) => g.items.length > 0);
+
+  return (
+    <>
+      <Helmet>
+        <title>Ecosystem & Partners – Wraith Protocol</title>
+        <meta
+          name="description"
+          content="Explore the Wraith Protocol ecosystem — wallets, DEXes, lending protocols, indexers, and oracles integrated with stealth address technology."
+        />
+        <meta property="og:title" content="Ecosystem & Partners – Wraith Protocol" />
+        <meta
+          property="og:description"
+          content="Explore wallets, DEXes, lending protocols, and indexers powering the Wraith Protocol ecosystem."
+        />
+        <meta property="og:url" content="https://usewraith.xyz/ecosystem" />
+        <meta property="og:type" content="website" />
+        <meta name="twitter:card" content="summary_large_image" />
+      </Helmet>
+
+      <div className="bg-surface text-on-surface">
+        {/* Header */}
+        <section
+          ref={headerRef}
+          className="border-b border-outline-variant-30 px-6 pb-24 pt-32 md:px-12"
+        >
+          <div className="mx-auto flex max-w-[1344px] flex-col gap-6" data-reveal={headerInView}>
+            <div className="flex flex-wrap items-center gap-3">
+              <div className="border border-tertiary px-2.5 py-1.5">
+                <span className="font-mono text-[10px] font-semibold uppercase tracking-[1.5px] text-tertiary">
+                  {partners.length} INTEGRATIONS
+                </span>
+              </div>
+              <div className="border border-outline-variant px-2.5 py-1.5">
+                <span className="font-mono text-[10px] font-semibold uppercase tracking-[1.5px] text-outline">
+                  {visibleGroups.length} CATEGORIES
+                </span>
+              </div>
+            </div>
+            <h1 className="font-heading text-[36px] font-bold leading-[1.05] tracking-[-2px] text-on-surface sm:text-[48px] md:text-[56px]">
+              Ecosystem &amp; Partners
+            </h1>
+            <p className="max-w-[640px] font-body text-[17px] leading-[1.6] text-on-surface-variant">
+              Wraith Protocol integrates with leading wallets, DEXes, lending protocols, indexers,
+              and oracles across the Stellar and EVM ecosystems. Every partner brings stealth
+              privacy to their users through seamless SDK integration.
+            </p>
+          </div>
+        </section>
+
+        {/* Partner groups */}
+        {visibleGroups.map((group, groupIndex) => {
+          let groupRef;
+          if (group.id === 'wallets') groupRef = walletsRef;
+          else if (group.id === 'dexes') groupRef = dexesRef;
+          else if (group.id === 'lending') groupRef = lendingRef;
+          else if (group.id === 'indexers') groupRef = indexersRef;
+
+          const isInView =
+            group.id === 'wallets'
+              ? walletsInView
+              : group.id === 'dexes'
+                ? dexesInView
+                : group.id === 'lending'
+                  ? lendingInView
+                  : indexersInView;
+
+          return (
+            <section
+              key={group.id}
+              ref={groupRef}
+              className="border-b border-outline-variant-30 px-6 py-20 md:px-12"
+            >
+              <div className="mx-auto flex max-w-[1344px] flex-col gap-10">
+                <div className="flex flex-col gap-3" data-reveal={isInView}>
+                  <span className="font-mono text-[10px] font-semibold uppercase tracking-[2px] text-outline">
+                    {String(groupIndex + 1).padStart(2, '0')}. {group.label.toUpperCase()}
+                  </span>
+                  <h2 className="font-heading text-[28px] font-bold tracking-[-1.2px] text-on-surface sm:text-[40px]">
+                    {group.label}
+                  </h2>
+                  <p className="max-w-[560px] font-body text-sm leading-[1.6] text-on-surface-variant">
+                    {group.description}
+                  </p>
+                </div>
+
+                <div className="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3">
+                  {group.items.map((partner, i) => (
+                    <PartnerCard
+                      key={partner.name}
+                      partner={partner}
+                      index={i}
+                      isInView={isInView}
+                    />
+                  ))}
+                </div>
+              </div>
+            </section>
+          );
+        })}
+
+        {/* CTA */}
+        <section className="px-6 py-20 md:px-12">
+          <div className="mx-auto flex max-w-[1344px] flex-col items-start gap-6">
+            <span className="font-mono text-[10px] font-semibold uppercase tracking-[2px] text-outline">
+              Get involved
+            </span>
+            <h2 className="font-heading text-[28px] font-bold tracking-[-1.2px] text-on-surface sm:text-[40px]">
+              Integrate Wraith
+            </h2>
+            <p className="max-w-[560px] font-body text-sm leading-[1.6] text-on-surface-variant">
+              Is your project interested in bringing stealth privacy to its users? We&apos;d love to
+              partner. The SDK is open source and integrates in under a day.
+            </p>
+            <div className="flex flex-wrap gap-3">
+              <a
+                href="https://docs.usewraith.xyz/sdk/overview"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="flex h-12 items-center justify-center bg-primary px-7 font-heading text-[13px] font-semibold uppercase tracking-[1.5px] text-surface transition-[filter] duration-150 hover:brightness-110"
+              >
+                Read the Docs
+              </a>
+              <Link
+                to="/"
+                className="flex h-12 items-center justify-center border border-outline-variant px-7 font-heading text-[13px] font-semibold uppercase tracking-[1.5px] text-primary transition-colors duration-150 hover:bg-surface-bright"
+              >
+                ← Back to Home
+              </Link>
+            </div>
+          </div>
+        </section>
+      </div>
+    </>
+  );
+}

From 37f36ba24519665fa04ccc3c110b354583e4d1a4 Mon Sep 17 00:00:00 2001
From: odarome132 <monteropeace@gmail.com>
Date: Wed, 29 Jul 2026 17:57:36 +0000
Subject: [PATCH 2/6] fix(www): remove redundant style, add empty-category edge
 case test

---
 src/__tests__/Ecosystem.test.tsx | 12 ++++++++++++
 src/components/PartnerStrip.tsx  |  1 -
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/__tests__/Ecosystem.test.tsx b/src/__tests__/Ecosystem.test.tsx
index 0f0824a..82ec9da 100644
--- a/src/__tests__/Ecosystem.test.tsx
+++ b/src/__tests__/Ecosystem.test.tsx
@@ -192,6 +192,18 @@ describe('Ecosystem data integrity', () => {
     expect(ecosystemData.categories.length).toBeGreaterThan(0);
   });
 
+  it('does not render categories with zero partners on the ecosystem page', async () => {
+    window.history.replaceState({}, '', '/ecosystem');
+
+    render(<App />);
+
+    await screen.findByRole('heading', { level: 1, name: /ecosystem & partners/i });
+
+    // The "oracles" category has zero partners — it should not appear on the page
+    expect(screen.queryByText('Oracles')).not.toBeInTheDocument();
+    expect(screen.queryByRole('heading', { level: 2, name: 'Oracles' })).not.toBeInTheDocument();
+  });
+
   it('every partner references a valid category', () => {
     const categoryIds = new Set(ecosystemData.categories.map((c) => c.id));
     for (const partner of ecosystemData.partners) {
diff --git a/src/components/PartnerStrip.tsx b/src/components/PartnerStrip.tsx
index 0d00361..d7690e8 100644
--- a/src/components/PartnerStrip.tsx
+++ b/src/components/PartnerStrip.tsx
@@ -83,7 +83,6 @@ export default function PartnerStrip() {
         onBlur={() => setPaused(false)}
         role="list"
         aria-label={`Scrolling list of ${ecosystemData.partners.length} ecosystem partners`}
-        style={{ animationPlayState: paused ? 'paused' : 'running' } as React.CSSProperties}
       >
         <div
           className={`flex w-max gap-4 px-6 md:px-12 animate-scroll`}

From d3e4074bc0da26bc83c522500ef655bc87902ebc Mon Sep 17 00:00:00 2001
From: odarome132 <monteropeace@gmail.com>
Date: Thu, 30 Jul 2026 07:37:39 +0000
Subject: [PATCH 3/6] fix(www): restore missing PartnerStrip import in App.tsx

---
 package.json       |  2 +-
 pnpm-lock.yaml     |  6 +++---
 public/feed.xml    |  2 +-
 public/sitemap.xml | 14 +++++++-------
 src/App.tsx        |  1 +
 5 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index 19a6836..15a2df1 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,6 @@
   },
   "dependencies": {
     "@stellar/stellar-sdk": "^13.3.0",
-    "@vercel/og": "^0.11.1",
     "@wraith-protocol/sdk": "^1.4.5",
     "i18next": "^26.2.0",
     "react": "^19.2.5",
@@ -38,6 +37,7 @@
     "@testing-library/user-event": "^14.6.1",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
+    "@vercel/og": "^0.11.1",
     "@vitejs/plugin-react": "^6.0.1",
     "husky": "^9.1.7",
     "jsdom": "^29.1.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 717d921..70e3e48 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,9 +11,6 @@ importers:
       '@stellar/stellar-sdk':
         specifier: ^13.3.0
         version: 13.3.0
-      '@vercel/og':
-        specifier: ^0.11.1
-        version: 0.11.1
       '@wraith-protocol/sdk':
         specifier: ^1.4.5
         version: 1.4.5(@stellar/stellar-sdk@13.3.0)(typescript@6.0.2)
@@ -66,6 +63,9 @@ importers:
       '@types/react-dom':
         specifier: ^19.2.3
         version: 19.2.3(@types/react@19.2.14)
+      '@vercel/og':
+        specifier: ^0.11.1
+        version: 0.11.1
       '@vitejs/plugin-react':
         specifier: ^6.0.1
         version: 6.0.1(vite@8.0.8(@types/node@25.6.0)(esbuild@0.28.1)(jiti@2.6.1)(tsx@4.22.4))
diff --git a/public/feed.xml b/public/feed.xml
index e988933..118cfd0 100644
--- a/public/feed.xml
+++ b/public/feed.xml
@@ -5,7 +5,7 @@
     <link>https://usewraith.xyz/blog</link>
     <description>Notes on stealth payments, private infrastructure, and the Wraith ecosystem.</description>
     <language>en-us</language>
-    <lastBuildDate>Mon, 27 Jul 2026 17:10:48 GMT</lastBuildDate>
+    <lastBuildDate>Thu, 30 Jul 2026 07:32:53 GMT</lastBuildDate>
     <atom:link href="https://usewraith.xyz/feed.xml" rel="self" type="application/rss+xml" />
 
   <item>
diff --git a/public/sitemap.xml b/public/sitemap.xml
index 4b90d66..6566f1c 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -2,43 +2,43 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
     <loc>https://usewraith.xyz</loc>
-    <lastmod>2026-07-26</lastmod>
+    <lastmod>2026-07-30</lastmod>
     <changefreq>daily</changefreq>
     <priority>1.0</priority>
   </url>
   <url>
     <loc>https://usewraith.xyz/blog</loc>
-    <lastmod>2026-07-26</lastmod>
+    <lastmod>2026-07-30</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
     <loc>https://usewraith.xyz/compare</loc>
-    <lastmod>2026-07-26</lastmod>
+    <lastmod>2026-07-30</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
     <loc>https://usewraith.xyz/faq</loc>
-    <lastmod>2026-07-26</lastmod>
+    <lastmod>2026-07-30</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
     <loc>https://usewraith.xyz/privacy</loc>
-    <lastmod>2026-07-26</lastmod>
+    <lastmod>2026-07-30</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
     <loc>https://usewraith.xyz/stellar</loc>
-    <lastmod>2026-07-26</lastmod>
+    <lastmod>2026-07-30</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
     <loc>https://usewraith.xyz/use-cases</loc>
-    <lastmod>2026-07-26</lastmod>
+    <lastmod>2026-07-30</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.8</priority>
   </url>
diff --git a/src/App.tsx b/src/App.tsx
index 250536a..55f46a3 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,6 +5,7 @@ import Hero from './components/Hero';
 import Features from './components/Features';
 import Layout from './components/Layout';
 import TrustStrip from './components/TrustStrip';
+import PartnerStrip from './components/PartnerStrip';
 import { ThemeProvider } from './context/ThemeContext';
 
 // Lazy load below-the-fold homepage components

From 230c05b67f829aa709adfa79021ad77be2ba00c4 Mon Sep 17 00:00:00 2001
From: odarome132 <monteropeace@gmail.com>
Date: Thu, 30 Jul 2026 09:39:52 +0000
Subject: [PATCH 4/6] feat(grants): wire up /grants route and page per issue
 #73

---
 public/feed.xml             |   2 +-
 src/App.tsx                 |   9 +
 src/__tests__/a11y.test.tsx |  17 ++
 src/components/Header.tsx   |  13 ++
 src/data/wave.json          | 108 +++++++++
 src/i18n/en.json            |   1 +
 src/i18n/es.json            |   1 +
 src/pages/Grants.tsx        | 427 ++++++++++++++++++++++++++++++++++++
 8 files changed, 577 insertions(+), 1 deletion(-)
 create mode 100644 src/data/wave.json
 create mode 100644 src/pages/Grants.tsx

diff --git a/public/feed.xml b/public/feed.xml
index 118cfd0..9437203 100644
--- a/public/feed.xml
+++ b/public/feed.xml
@@ -5,7 +5,7 @@
     <link>https://usewraith.xyz/blog</link>
     <description>Notes on stealth payments, private infrastructure, and the Wraith ecosystem.</description>
     <language>en-us</language>
-    <lastBuildDate>Thu, 30 Jul 2026 07:32:53 GMT</lastBuildDate>
+    <lastBuildDate>Thu, 30 Jul 2026 09:39:34 GMT</lastBuildDate>
     <atom:link href="https://usewraith.xyz/feed.xml" rel="self" type="application/rss+xml" />
 
   <item>
diff --git a/src/App.tsx b/src/App.tsx
index 55f46a3..f603380 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -30,6 +30,7 @@ const Roadmap = lazy(() => import('./pages/Roadmap'));
 const CaseStudies = lazy(() => import('./pages/CaseStudies'));
 const Careers = lazy(() => import('./pages/Careers'));
 const About = lazy(() => import('./pages/About'));
+const Grants = lazy(() => import('./pages/Grants'));
 const NotFound = lazy(() => import('./pages/NotFound'));
 
 function Home() {
@@ -102,6 +103,14 @@ export default function App() {
                 </Layout>
               }
             />
+            <Route
+              path="/grants"
+              element={
+                <Layout>
+                  <Grants />
+                </Layout>
+              }
+            />
             <Route path="*" element={<NotFound />} />
           </Routes>
         </Suspense>
diff --git a/src/__tests__/a11y.test.tsx b/src/__tests__/a11y.test.tsx
index f163513..4df5aca 100644
--- a/src/__tests__/a11y.test.tsx
+++ b/src/__tests__/a11y.test.tsx
@@ -66,4 +66,21 @@ describe('homepage accessibility', () => {
     const results = await axe(container);
     expect(results.violations).toEqual([]);
   });
+
+  it('renders the grants page with current wave info and no axe violations', async () => {
+    window.history.replaceState({}, '', '/grants');
+
+    const { container } = render(<App />);
+
+    expect(
+      await screen.findByRole('heading', {
+        name: /build the future of private payments/i,
+        level: 1,
+      }),
+    ).toBeInTheDocument();
+    expect(await screen.findByRole('heading', { name: /faq/i, level: 2 })).toBeInTheDocument();
+
+    const results = await axe(container);
+    expect(results.violations).toEqual([]);
+  });
 });
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 4d4ed3a..96da5b5 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -116,6 +116,12 @@ export default function Header() {
           >
             Stellar
           </Link>
+          <Link
+            to="/grants"
+            className="font-body text-[13px] text-outline transition-colors duration-150 hover:text-on-surface-variant"
+          >
+            {t('header.nav.grants')}
+          </Link>
           <Link
             to="/roadmap"
             className="font-body text-[13px] text-outline transition-colors duration-150 hover:text-on-surface-variant"
@@ -269,6 +275,13 @@ export default function Header() {
             >
               Stellar
             </Link>
+            <Link
+              to="/grants"
+              onClick={closeMenu}
+              className="font-body text-[13px] text-outline transition-colors duration-150 hover:text-on-surface-variant"
+            >
+              {t('header.nav.grants')}
+            </Link>
             <Link
               to="/roadmap"
               onClick={closeMenu}
diff --git a/src/data/wave.json b/src/data/wave.json
new file mode 100644
index 0000000..b494fd2
--- /dev/null
+++ b/src/data/wave.json
@@ -0,0 +1,108 @@
+{
+  "currentWave": {
+    "number": 1,
+    "title": "Wave 1",
+    "status": "open",
+    "opens": "2025-03-01",
+    "closes": "2025-06-30",
+    "summary": "Our first open wave of grants supports teams building privacy-preserving payment infrastructure with Wraith Protocol. Funding is provided by the Stellar Development Foundation through the Drips program, with additional support from external contributors.",
+    "fundingSource": "Stellar Development Foundation via Drips",
+    "totalFunding": "$50,000",
+    "howToApply": "Submit a short proposal via the Drips platform describing your project, how it integrates Wraith, and the expected impact. Proposals are reviewed on a rolling basis.",
+    "applyUrl": "https://drips.network/wraith-protocol",
+    "eligibility": [
+      "Open to individuals and teams worldwide",
+      "Project must integrate Wraith Protocol SDK or contracts",
+      "Open-source code preferred but not required for early-stage POCs",
+      "Teams building on Stellar, EVM chains, Solana, or CKB are all eligible"
+    ],
+    "reviewCriteria": [
+      "Technical feasibility and integration depth with Wraith",
+      "Potential impact on the stealth-payments ecosystem",
+      "Team experience and ability to ship",
+      "Clear milestones and deliverables"
+    ],
+    "rewardTiers": [
+      {
+        "tier": "Explorer",
+        "amount": "$1,000 – $5,000",
+        "description": "Proof-of-concept integrations and demo apps"
+      },
+      {
+        "tier": "Builder",
+        "amount": "$5,000 – $15,000",
+        "description": "Production-ready integrations with documentation"
+      },
+      {
+        "tier": "Architect",
+        "amount": "$15,000 – $25,000",
+        "description": "Novel privacy tooling, SDK contributions, or ecosystem infrastructure"
+      }
+    ]
+  },
+  "pastWaves": [
+    {
+      "number": 0,
+      "title": "Wave 0 (Pilot)",
+      "status": "closed",
+      "period": "Q3–Q4 2024",
+      "summary": "An invite-only pilot wave that funded foundational protocol work, including the unified SDK, Spectre TEE deployment, and the first Stellar stealth-address contracts.",
+      "highlights": [
+        "Unified SDK (@wraith-protocol/sdk) with per-chain subpath exports",
+        "Spectre TEE server deployed to Phala (Intel TDX)",
+        "Stellar Soroban stealth-address contracts with memo-based discovery",
+        "EIP-7702 gas-sponsored withdrawals shipped"
+      ],
+      "recipients": [
+        {
+          "name": "Core Protocol Team",
+          "work": "Unified SDK architecture and cross-chain wallet adapters"
+        },
+        {
+          "name": "Spectre TEE Working Group",
+          "work": "TEE deployment pipeline and chain-connector interface"
+        },
+        {
+          "name": "Stellar Integration Lead",
+          "work": "Soroban contracts, memo-based announcement flow, and demo app"
+        }
+      ]
+    }
+  ],
+  "faq": [
+    {
+      "question": "Who is eligible for a Wraith grant?",
+      "answer": "Anyone building privacy-preserving payment infrastructure that integrates with Wraith Protocol. We welcome individuals, teams, and organizations from any jurisdiction, provided they can receive funding through the Drips platform."
+    },
+    {
+      "question": "What kind of projects get funded?",
+      "answer": "We fund SDK integrations, wallet adapters, demo applications, developer tooling, documentation, security audits, and novel privacy research that extends Wraith's capabilities. If it helps more people use stealth addresses, we're interested."
+    },
+    {
+      "question": "How are grants reviewed?",
+      "answer": "Proposals are reviewed by the Wraith core team and SDF representatives against four criteria: technical feasibility, ecosystem impact, team capability, and clarity of deliverables. Reviews happen on a rolling basis during an active wave."
+    },
+    {
+      "question": "How and when do I receive funds?",
+      "answer": "Grants are distributed through the Drips platform in milestone-based installments. After your proposal is accepted, you define 2–4 milestones with the review committee. Funds are released as each milestone is completed and verified."
+    },
+    {
+      "question": "Do I need to open-source my project?",
+      "answer": "Open-source is strongly preferred and required for funding above the Explorer tier. For smaller POC grants, we can accommodate teams that plan to open-source at a later stage."
+    },
+    {
+      "question": "What is Drips and how does it relate to Wraith?",
+      "answer": "Drips is a continuous-funding platform that enables transparent, streaming grant disbursements. The Stellar Development Foundation uses Drips to distribute its Stellar Wave program funds. Wraith's grant program is a sub-program of Stellar Wave, meaning SDF funds flow to grantees through Drips."
+    },
+    {
+      "question": "Can I apply if I am already funded by another program?",
+      "answer": "Yes. We do not require exclusivity. If your project benefits the Wraith ecosystem, we encourage you to apply regardless of other funding sources."
+    },
+    {
+      "question": "How long does the review process take?",
+      "answer": "Initial review typically takes 2–3 weeks. If your proposal is shortlisted, you will be invited to a 30-minute call with the review committee to discuss scope, milestones, and deliverables before a final decision."
+    }
+  ],
+  "programUrl": "https://drips.network/wraith-protocol",
+  "contactEmail": "grants@usewraith.xyz"
+}
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 2dac858..a01df6d 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -11,6 +11,7 @@
       "console": "Console",
       "press": "Press",
       "useCases": "Use Cases",
+      "grants": "Grants",
       "roadmap": "Roadmap"
     },
     "launchApp": "Launch App",
diff --git a/src/i18n/es.json b/src/i18n/es.json
index 1f4ca21..4b2791f 100644
--- a/src/i18n/es.json
+++ b/src/i18n/es.json
@@ -11,6 +11,7 @@
       "console": "Consola",
       "press": "Prensa",
       "useCases": "Casos de uso",
+      "grants": "Becas",
       "roadmap": "Hoja de ruta"
     },
     "launchApp": "Abrir app",
diff --git a/src/pages/Grants.tsx b/src/pages/Grants.tsx
new file mode 100644
index 0000000..a8414db
--- /dev/null
+++ b/src/pages/Grants.tsx
@@ -0,0 +1,427 @@
+import { Helmet } from 'react-helmet-async';
+import { useState } from 'react';
+import waveData from '../data/wave.json';
+
+type FaqEntry = { question: string; answer: string };
+type PastWave = {
+  number: number;
+  title: string;
+  status: string;
+  period: string;
+  summary: string;
+  highlights: string[];
+  recipients: { name: string; work: string }[];
+};
+
+const { currentWave, pastWaves, faq } = waveData;
+const faqEntries = faq as FaqEntry[];
+const pastWavesData = pastWaves as PastWave[];
+
+const sectionLabelStyles =
+  'font-mono text-[10px] font-semibold uppercase tracking-[1.8px] text-outline';
+const badgeOpenStyles = 'border-tertiary text-tertiary';
+const badgeClosedStyles = 'border-outline-variant text-outline';
+
+export default function Grants() {
+  const [openFaqIndex, setOpenFaqIndex] = useState<number | null>(null);
+
+  return (
+    <>
+      <Helmet>
+        <title>Grants – Wraith Protocol</title>
+        <meta
+          name="description"
+          content="Apply for a Wraith Protocol grant. Funding privacy-preserving payment infrastructure through the Stellar Development Foundation's Drips program."
+        />
+        <meta property="og:title" content="Grants – Wraith Protocol" />
+        <meta
+          property="og:description"
+          content="Apply for a Wraith Protocol grant — funding privacy-preserving payment infrastructure."
+        />
+        <meta property="og:url" content="https://usewraith.xyz/grants" />
+        <meta property="og:type" content="website" />
+      </Helmet>
+
+      <div className="min-h-screen bg-surface text-on-surface">
+        {/* ── Hero ────────────────────────────────────────────────────────── */}
+        <section className="border-b border-outline-variant-30 px-6 py-24 md:px-12">
+          <div className="mx-auto flex max-w-3xl flex-col gap-6">
+            <span className={sectionLabelStyles}>Grants program</span>
+            <h1 className="font-heading text-[36px] font-bold leading-[1.05] tracking-[-1.5px] text-on-surface sm:text-[48px] md:text-[56px]">
+              Build the future of private payments
+            </h1>
+            <p className="max-w-2xl font-body text-[17px] leading-[1.6] text-on-surface-variant">
+              The Wraith Grants Program funds teams building privacy-preserving payment
+              infrastructure. Whether you're integrating the SDK into a wallet, building tooling, or
+              researching novel stealth-address applications, we want to support your work.
+            </p>
+            <div className="flex flex-wrap gap-4">
+              <a
+                href={currentWave.applyUrl}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="inline-flex h-11 items-center justify-center bg-primary px-6 font-heading text-sm font-semibold uppercase tracking-wider text-surface transition-[filter] duration-150 hover:brightness-110"
+              >
+                Apply now
+              </a>
+              <a
+                href="#faq"
+                className="inline-flex h-11 items-center justify-center border border-outline-variant px-6 font-heading text-sm font-semibold uppercase tracking-wider text-on-surface transition-colors duration-150 hover:bg-surface-container"
+              >
+                Read the FAQ
+              </a>
+            </div>
+          </div>
+        </section>
+
+        {/* ── How Funding Works ───────────────────────────────────────────── */}
+        <section className="border-b border-outline-variant-30 px-6 py-24 md:px-12">
+          <div className="mx-auto max-w-3xl">
+            <div className="flex flex-col gap-10">
+              <div className="flex flex-col gap-3">
+                <span className={sectionLabelStyles}>How funding works</span>
+                <h2 className="font-heading text-[28px] font-bold tracking-[-1.2px] text-on-surface sm:text-[40px]">
+                  Drips + Stellar Development Foundation
+                </h2>
+              </div>
+
+              <p className="font-body text-[17px] leading-[1.6] text-on-surface-variant">
+                Wraith grants are funded by the Stellar Development Foundation through its{' '}
+                <strong className="text-on-surface">Stellar Wave</strong> program, distributed via{' '}
+                <strong className="text-on-surface">Drips</strong> — a continuous, transparent
+                funding platform. This means funds flow to grantees in milestone-based streams that
+                are publicly verifiable on-chain.
+              </p>
+
+              <div className="grid gap-6 sm:grid-cols-2">
+                <div className="flex flex-col gap-3 border border-outline-variant bg-surface-container p-6">
+                  <div className="flex items-center gap-2">
+                    <span className="font-mono text-[11px] font-semibold uppercase tracking-[1px] text-primary">
+                      Drips
+                    </span>
+                  </div>
+                  <p className="font-body text-[14px] leading-[1.65] text-on-surface-variant">
+                    Drips enables streaming, milestone-gated grant disbursements directly to
+                    grantees. Every payment is transparent and trackable, giving both funders and
+                    builders confidence in the process.
+                  </p>
+                  <a
+                    href={waveData.programUrl}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="mt-auto inline-flex items-center gap-1.5 font-mono text-[11px] font-semibold uppercase tracking-[1px] text-primary transition-colors duration-150 hover:brightness-110"
+                  >
+                    View program on Drips →
+                  </a>
+                </div>
+
+                <div className="flex flex-col gap-3 border border-outline-variant bg-surface-container p-6">
+                  <div className="flex items-center gap-2">
+                    <span className="font-mono text-[11px] font-semibold uppercase tracking-[1px] text-primary">
+                      External funding
+                    </span>
+                  </div>
+                  <p className="font-body text-[14px] leading-[1.65] text-on-surface-variant">
+                    Beyond SDF, we welcome co-funding from ecosystem partners, foundations, and DAOs
+                    that share our mission. If you represent an organization interested in
+                    contributing to the grants pool, reach out to{' '}
+                    <a
+                      href={`mailto:${waveData.contactEmail}`}
+                      className="text-primary underline underline-offset-2 transition-colors hover:brightness-110"
+                    >
+                      {waveData.contactEmail}
+                    </a>
+                    .
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        {/* ── Current Wave ────────────────────────────────────────────────── */}
+        <section className="border-b border-outline-variant-30 px-6 py-24 md:px-12">
+          <div className="mx-auto max-w-3xl">
+            <div className="flex flex-col gap-10">
+              <div className="flex flex-col gap-3">
+                <div className="flex flex-wrap items-center gap-4">
+                  <span className={sectionLabelStyles}>Current wave</span>
+                  <span
+                    className={`inline-flex items-center gap-1.5 border px-2 py-1 font-mono text-[9px] font-semibold uppercase tracking-[1.2px] ${currentWave.status === 'open' ? badgeOpenStyles : badgeClosedStyles}`}
+                  >
+                    <span
+                      aria-hidden="true"
+                      className={`h-1.5 w-1.5 ${currentWave.status === 'open' ? 'bg-tertiary' : 'bg-outline'}`}
+                    />
+                    {currentWave.status === 'open' ? 'Open' : 'Closed'}
+                  </span>
+                </div>
+                <h2 className="font-heading text-[28px] font-bold tracking-[-1.2px] text-on-surface sm:text-[40px]">
+                  {currentWave.title}
+                </h2>
+              </div>
+
+              <p className="font-body text-[17px] leading-[1.6] text-on-surface-variant">
+                {currentWave.summary}
+              </p>
+
+              <div className="grid gap-5 rounded-sm border border-outline-variant bg-surface-container p-6 sm:grid-cols-3">
+                <div className="flex flex-col gap-1">
+                  <span className="font-mono text-[10px] font-semibold uppercase tracking-[1.5px] text-outline">
+                    Opens
+                  </span>
+                  <span className="font-heading text-[16px] font-semibold text-on-surface">
+                    {currentWave.opens}
+                  </span>
+                </div>
+                <div className="flex flex-col gap-1">
+                  <span className="font-mono text-[10px] font-semibold uppercase tracking-[1.5px] text-outline">
+                    Closes
+                  </span>
+                  <span className="font-heading text-[16px] font-semibold text-on-surface">
+                    {currentWave.closes}
+                  </span>
+                </div>
+                <div className="flex flex-col gap-1">
+                  <span className="font-mono text-[10px] font-semibold uppercase tracking-[1.5px] text-outline">
+                    Total pool
+                  </span>
+                  <span className="font-heading text-[16px] font-semibold text-on-surface">
+                    {currentWave.totalFunding}
+                  </span>
+                </div>
+              </div>
+
+              <div className="flex flex-col gap-6">
+                <div>
+                  <h3 className="mb-3 font-heading text-[18px] font-semibold tracking-[-0.3px] text-on-surface">
+                    Eligibility
+                  </h3>
+                  <ul className="flex flex-col gap-2">
+                    {currentWave.eligibility.map((item) => (
+                      <li
+                        key={item}
+                        className="flex gap-2.5 font-body text-[14px] leading-[1.6] text-on-surface-variant"
+                      >
+                        <span
+                          aria-hidden="true"
+                          className="mt-[7px] h-1.5 w-1.5 flex-shrink-0 bg-primary"
+                        />
+                        {item}
+                      </li>
+                    ))}
+                  </ul>
+                </div>
+
+                <div>
+                  <h3 className="mb-3 font-heading text-[18px] font-semibold tracking-[-0.3px] text-on-surface">
+                    Review criteria
+                  </h3>
+                  <ul className="flex flex-col gap-2">
+                    {currentWave.reviewCriteria.map((item) => (
+                      <li
+                        key={item}
+                        className="flex gap-2.5 font-body text-[14px] leading-[1.6] text-on-surface-variant"
+                      >
+                        <span
+                          aria-hidden="true"
+                          className="mt-[7px] h-1.5 w-1.5 flex-shrink-0 bg-primary"
+                        />
+                        {item}
+                      </li>
+                    ))}
+                  </ul>
+                </div>
+
+                <div>
+                  <h3 className="mb-4 font-heading text-[18px] font-semibold tracking-[-0.3px] text-on-surface">
+                    Reward tiers
+                  </h3>
+                  <div className="grid gap-4 sm:grid-cols-3">
+                    {currentWave.rewardTiers.map((tier) => (
+                      <div
+                        key={tier.tier}
+                        className="flex flex-col gap-2 border border-outline-variant bg-surface-container p-5"
+                      >
+                        <span className="font-mono text-[10px] font-semibold uppercase tracking-[1.5px] text-primary">
+                          {tier.amount}
+                        </span>
+                        <span className="font-heading text-[15px] font-semibold tracking-[-0.3px] text-on-surface">
+                          {tier.tier}
+                        </span>
+                        <p className="font-body text-[13px] leading-[1.6] text-on-surface-variant">
+                          {tier.description}
+                        </p>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+              </div>
+
+              <p className="font-body text-[14px] leading-[1.65] text-on-surface-variant">
+                {currentWave.howToApply}
+              </p>
+
+              <a
+                href={currentWave.applyUrl}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="inline-flex h-11 w-fit items-center justify-center bg-primary px-6 font-heading text-sm font-semibold uppercase tracking-wider text-surface transition-[filter] duration-150 hover:brightness-110"
+              >
+                Apply on Drips
+              </a>
+            </div>
+          </div>
+        </section>
+
+        {/* ── Past Waves ──────────────────────────────────────────────────── */}
+        <section className="border-b border-outline-variant-30 px-6 py-24 md:px-12">
+          <div className="mx-auto max-w-3xl">
+            <div className="flex flex-col gap-10">
+              <div className="flex flex-col gap-3">
+                <span className={sectionLabelStyles}>Past waves</span>
+                <h2 className="font-heading text-[28px] font-bold tracking-[-1.2px] text-on-surface sm:text-[40px]">
+                  What we have funded
+                </h2>
+              </div>
+
+              {pastWavesData.length === 0 ? (
+                <p className="font-body text-[15px] text-on-surface-variant">
+                  No past waves to show yet. Check back after the current wave concludes.
+                </p>
+              ) : (
+                <div className="flex flex-col gap-8">
+                  {pastWavesData.map((wave) => (
+                    <div
+                      key={wave.number}
+                      className="flex flex-col gap-6 border border-outline-variant bg-surface-container p-6 sm:p-8"
+                    >
+                      <div className="flex flex-wrap items-center justify-between gap-3">
+                        <div className="flex items-center gap-3">
+                          <span className="font-mono text-[10px] font-semibold uppercase tracking-[2px] text-outline">
+                            {wave.period}
+                          </span>
+                          <span
+                            className={`inline-flex items-center gap-1.5 border px-2 py-1 font-mono text-[9px] font-semibold uppercase tracking-[1.2px] ${badgeClosedStyles}`}
+                          >
+                            <span aria-hidden="true" className="h-1.5 w-1.5 bg-outline" />
+                            Closed
+                          </span>
+                        </div>
+                        <h3 className="font-heading text-xl font-bold tracking-[-0.3px] text-on-surface">
+                          {wave.title}
+                        </h3>
+                      </div>
+
+                      <p className="font-body text-[14px] leading-[1.65] text-on-surface-variant">
+                        {wave.summary}
+                      </p>
+
+                      <div>
+                        <h4 className="mb-3 font-mono text-[10px] font-semibold uppercase tracking-[1.5px] text-outline">
+                          Highlights
+                        </h4>
+                        <ul className="flex flex-col gap-2">
+                          {wave.highlights.map((highlight) => (
+                            <li
+                              key={highlight}
+                              className="flex gap-2.5 font-body text-[13px] leading-[1.6] text-on-surface-variant"
+                            >
+                              <span
+                                aria-hidden="true"
+                                className="mt-[7px] h-1.5 w-1.5 flex-shrink-0 bg-primary"
+                              />
+                              {highlight}
+                            </li>
+                          ))}
+                        </ul>
+                      </div>
+
+                      <div>
+                        <h4 className="mb-3 font-mono text-[10px] font-semibold uppercase tracking-[1.5px] text-outline">
+                          Recipients
+                        </h4>
+                        <div className="grid gap-3 sm:grid-cols-2">
+                          {wave.recipients.map((recipient) => (
+                            <div
+                              key={recipient.name}
+                              className="flex flex-col gap-1 border border-outline-variant bg-surface-bright p-4"
+                            >
+                              <span className="font-heading text-[14px] font-semibold tracking-[-0.2px] text-on-surface">
+                                {recipient.name}
+                              </span>
+                              <span className="font-body text-[12px] leading-[1.5] text-outline">
+                                {recipient.work}
+                              </span>
+                            </div>
+                          ))}
+                        </div>
+                      </div>
+                    </div>
+                  ))}
+                </div>
+              )}
+            </div>
+          </div>
+        </section>
+
+        {/* ── FAQ ─────────────────────────────────────────────────────────── */}
+        <section id="faq" className="px-6 py-24 md:px-12">
+          <div className="mx-auto max-w-3xl">
+            <div className="flex flex-col gap-10">
+              <div className="flex flex-col gap-3">
+                <span className={sectionLabelStyles}>Frequently asked questions</span>
+                <h2 className="font-heading text-[28px] font-bold tracking-[-1.2px] text-on-surface sm:text-[40px]">
+                  FAQ
+                </h2>
+              </div>
+
+              <div className="flex flex-col gap-3">
+                {faqEntries.map((entry, index) => {
+                  const isOpen = openFaqIndex === index;
+                  const toggleId = `grant-faq-toggle-${index}`;
+                  const panelId = `grant-faq-panel-${index}`;
+
+                  return (
+                    <div
+                      key={entry.question}
+                      className="border border-outline-variant bg-surface-container"
+                    >
+                      <h3 className="px-5 py-4 font-heading text-[16px] font-semibold tracking-[-0.3px] text-on-surface">
+                        <button
+                          id={toggleId}
+                          type="button"
+                          aria-expanded={isOpen}
+                          aria-controls={panelId}
+                          onClick={() => setOpenFaqIndex(isOpen ? null : index)}
+                          className="flex w-full items-center justify-between text-left"
+                        >
+                          <span>{entry.question}</span>
+                          <span className="font-mono text-[10px] font-semibold uppercase tracking-[1.6px] text-outline transition-colors hover:text-on-surface">
+                            {isOpen ? 'Hide' : 'Show'}
+                          </span>
+                        </button>
+                      </h3>
+                      {isOpen && (
+                        <div
+                          id={panelId}
+                          role="region"
+                          aria-labelledby={toggleId}
+                          className="border-t border-outline-variant px-5 py-4"
+                        >
+                          <p className="font-body text-[14px] leading-[1.7] text-on-surface-variant">
+                            {entry.answer}
+                          </p>
+                        </div>
+                      )}
+                    </div>
+                  );
+                })}
+              </div>
+            </div>
+          </div>
+        </section>
+      </div>
+    </>
+  );
+}

From d188a1de197398f8518686adff8b7a11d3cd3459 Mon Sep 17 00:00:00 2001
From: odarome132 <monteropeace@gmail.com>
Date: Thu, 30 Jul 2026 09:46:52 +0000
Subject: [PATCH 5/6] Revert "feat(grants): wire up /grants route and page per
 issue #73"

This reverts commit 230c05b67f829aa709adfa79021ad77be2ba00c4.
---
 public/feed.xml             |   2 +-
 src/App.tsx                 |   9 -
 src/__tests__/a11y.test.tsx |  17 --
 src/components/Header.tsx   |  13 --
 src/data/wave.json          | 108 ---------
 src/i18n/en.json            |   1 -
 src/i18n/es.json            |   1 -
 src/pages/Grants.tsx        | 427 ------------------------------------
 8 files changed, 1 insertion(+), 577 deletions(-)
 delete mode 100644 src/data/wave.json
 delete mode 100644 src/pages/Grants.tsx

diff --git a/public/feed.xml b/public/feed.xml
index 9437203..118cfd0 100644
--- a/public/feed.xml
+++ b/public/feed.xml
@@ -5,7 +5,7 @@
     <link>https://usewraith.xyz/blog</link>
     <description>Notes on stealth payments, private infrastructure, and the Wraith ecosystem.</description>
     <language>en-us</language>
-    <lastBuildDate>Thu, 30 Jul 2026 09:39:34 GMT</lastBuildDate>
+    <lastBuildDate>Thu, 30 Jul 2026 07:32:53 GMT</lastBuildDate>
     <atom:link href="https://usewraith.xyz/feed.xml" rel="self" type="application/rss+xml" />
 
   <item>
diff --git a/src/App.tsx b/src/App.tsx
index f603380..55f46a3 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -30,7 +30,6 @@ const Roadmap = lazy(() => import('./pages/Roadmap'));
 const CaseStudies = lazy(() => import('./pages/CaseStudies'));
 const Careers = lazy(() => import('./pages/Careers'));
 const About = lazy(() => import('./pages/About'));
-const Grants = lazy(() => import('./pages/Grants'));
 const NotFound = lazy(() => import('./pages/NotFound'));
 
 function Home() {
@@ -103,14 +102,6 @@ export default function App() {
                 </Layout>
               }
             />
-            <Route
-              path="/grants"
-              element={
-                <Layout>
-                  <Grants />
-                </Layout>
-              }
-            />
             <Route path="*" element={<NotFound />} />
           </Routes>
         </Suspense>
diff --git a/src/__tests__/a11y.test.tsx b/src/__tests__/a11y.test.tsx
index 4df5aca..f163513 100644
--- a/src/__tests__/a11y.test.tsx
+++ b/src/__tests__/a11y.test.tsx
@@ -66,21 +66,4 @@ describe('homepage accessibility', () => {
     const results = await axe(container);
     expect(results.violations).toEqual([]);
   });
-
-  it('renders the grants page with current wave info and no axe violations', async () => {
-    window.history.replaceState({}, '', '/grants');
-
-    const { container } = render(<App />);
-
-    expect(
-      await screen.findByRole('heading', {
-        name: /build the future of private payments/i,
-        level: 1,
-      }),
-    ).toBeInTheDocument();
-    expect(await screen.findByRole('heading', { name: /faq/i, level: 2 })).toBeInTheDocument();
-
-    const results = await axe(container);
-    expect(results.violations).toEqual([]);
-  });
 });
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 96da5b5..4d4ed3a 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -116,12 +116,6 @@ export default function Header() {
           >
             Stellar
           </Link>
-          <Link
-            to="/grants"
-            className="font-body text-[13px] text-outline transition-colors duration-150 hover:text-on-surface-variant"
-          >
-            {t('header.nav.grants')}
-          </Link>
           <Link
             to="/roadmap"
             className="font-body text-[13px] text-outline transition-colors duration-150 hover:text-on-surface-variant"
@@ -275,13 +269,6 @@ export default function Header() {
             >
               Stellar
             </Link>
-            <Link
-              to="/grants"
-              onClick={closeMenu}
-              className="font-body text-[13px] text-outline transition-colors duration-150 hover:text-on-surface-variant"
-            >
-              {t('header.nav.grants')}
-            </Link>
             <Link
               to="/roadmap"
               onClick={closeMenu}
diff --git a/src/data/wave.json b/src/data/wave.json
deleted file mode 100644
index b494fd2..0000000
--- a/src/data/wave.json
+++ /dev/null
@@ -1,108 +0,0 @@
-{
-  "currentWave": {
-    "number": 1,
-    "title": "Wave 1",
-    "status": "open",
-    "opens": "2025-03-01",
-    "closes": "2025-06-30",
-    "summary": "Our first open wave of grants supports teams building privacy-preserving payment infrastructure with Wraith Protocol. Funding is provided by the Stellar Development Foundation through the Drips program, with additional support from external contributors.",
-    "fundingSource": "Stellar Development Foundation via Drips",
-    "totalFunding": "$50,000",
-    "howToApply": "Submit a short proposal via the Drips platform describing your project, how it integrates Wraith, and the expected impact. Proposals are reviewed on a rolling basis.",
-    "applyUrl": "https://drips.network/wraith-protocol",
-    "eligibility": [
-      "Open to individuals and teams worldwide",
-      "Project must integrate Wraith Protocol SDK or contracts",
-      "Open-source code preferred but not required for early-stage POCs",
-      "Teams building on Stellar, EVM chains, Solana, or CKB are all eligible"
-    ],
-    "reviewCriteria": [
-      "Technical feasibility and integration depth with Wraith",
-      "Potential impact on the stealth-payments ecosystem",
-      "Team experience and ability to ship",
-      "Clear milestones and deliverables"
-    ],
-    "rewardTiers": [
-      {
-        "tier": "Explorer",
-        "amount": "$1,000 – $5,000",
-        "description": "Proof-of-concept integrations and demo apps"
-      },
-      {
-        "tier": "Builder",
-        "amount": "$5,000 – $15,000",
-        "description": "Production-ready integrations with documentation"
-      },
-      {
-        "tier": "Architect",
-        "amount": "$15,000 – $25,000",
-        "description": "Novel privacy tooling, SDK contributions, or ecosystem infrastructure"
-      }
-    ]
-  },
-  "pastWaves": [
-    {
-      "number": 0,
-      "title": "Wave 0 (Pilot)",
-      "status": "closed",
-      "period": "Q3–Q4 2024",
-      "summary": "An invite-only pilot wave that funded foundational protocol work, including the unified SDK, Spectre TEE deployment, and the first Stellar stealth-address contracts.",
-      "highlights": [
-        "Unified SDK (@wraith-protocol/sdk) with per-chain subpath exports",
-        "Spectre TEE server deployed to Phala (Intel TDX)",
-        "Stellar Soroban stealth-address contracts with memo-based discovery",
-        "EIP-7702 gas-sponsored withdrawals shipped"
-      ],
-      "recipients": [
-        {
-          "name": "Core Protocol Team",
-          "work": "Unified SDK architecture and cross-chain wallet adapters"
-        },
-        {
-          "name": "Spectre TEE Working Group",
-          "work": "TEE deployment pipeline and chain-connector interface"
-        },
-        {
-          "name": "Stellar Integration Lead",
-          "work": "Soroban contracts, memo-based announcement flow, and demo app"
-        }
-      ]
-    }
-  ],
-  "faq": [
-    {
-      "question": "Who is eligible for a Wraith grant?",
-      "answer": "Anyone building privacy-preserving payment infrastructure that integrates with Wraith Protocol. We welcome individuals, teams, and organizations from any jurisdiction, provided they can receive funding through the Drips platform."
-    },
-    {
-      "question": "What kind of projects get funded?",
-      "answer": "We fund SDK integrations, wallet adapters, demo applications, developer tooling, documentation, security audits, and novel privacy research that extends Wraith's capabilities. If it helps more people use stealth addresses, we're interested."
-    },
-    {
-      "question": "How are grants reviewed?",
-      "answer": "Proposals are reviewed by the Wraith core team and SDF representatives against four criteria: technical feasibility, ecosystem impact, team capability, and clarity of deliverables. Reviews happen on a rolling basis during an active wave."
-    },
-    {
-      "question": "How and when do I receive funds?",
-      "answer": "Grants are distributed through the Drips platform in milestone-based installments. After your proposal is accepted, you define 2–4 milestones with the review committee. Funds are released as each milestone is completed and verified."
-    },
-    {
-      "question": "Do I need to open-source my project?",
-      "answer": "Open-source is strongly preferred and required for funding above the Explorer tier. For smaller POC grants, we can accommodate teams that plan to open-source at a later stage."
-    },
-    {
-      "question": "What is Drips and how does it relate to Wraith?",
-      "answer": "Drips is a continuous-funding platform that enables transparent, streaming grant disbursements. The Stellar Development Foundation uses Drips to distribute its Stellar Wave program funds. Wraith's grant program is a sub-program of Stellar Wave, meaning SDF funds flow to grantees through Drips."
-    },
-    {
-      "question": "Can I apply if I am already funded by another program?",
-      "answer": "Yes. We do not require exclusivity. If your project benefits the Wraith ecosystem, we encourage you to apply regardless of other funding sources."
-    },
-    {
-      "question": "How long does the review process take?",
-      "answer": "Initial review typically takes 2–3 weeks. If your proposal is shortlisted, you will be invited to a 30-minute call with the review committee to discuss scope, milestones, and deliverables before a final decision."
-    }
-  ],
-  "programUrl": "https://drips.network/wraith-protocol",
-  "contactEmail": "grants@usewraith.xyz"
-}
diff --git a/src/i18n/en.json b/src/i18n/en.json
index a01df6d..2dac858 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -11,7 +11,6 @@
       "console": "Console",
       "press": "Press",
       "useCases": "Use Cases",
-      "grants": "Grants",
       "roadmap": "Roadmap"
     },
     "launchApp": "Launch App",
diff --git a/src/i18n/es.json b/src/i18n/es.json
index 4b2791f..1f4ca21 100644
--- a/src/i18n/es.json
+++ b/src/i18n/es.json
@@ -11,7 +11,6 @@
       "console": "Consola",
       "press": "Prensa",
       "useCases": "Casos de uso",
-      "grants": "Becas",
       "roadmap": "Hoja de ruta"
     },
     "launchApp": "Abrir app",
diff --git a/src/pages/Grants.tsx b/src/pages/Grants.tsx
deleted file mode 100644
index a8414db..0000000
--- a/src/pages/Grants.tsx
+++ /dev/null
@@ -1,427 +0,0 @@
-import { Helmet } from 'react-helmet-async';
-import { useState } from 'react';
-import waveData from '../data/wave.json';
-
-type FaqEntry = { question: string; answer: string };
-type PastWave = {
-  number: number;
-  title: string;
-  status: string;
-  period: string;
-  summary: string;
-  highlights: string[];
-  recipients: { name: string; work: string }[];
-};
-
-const { currentWave, pastWaves, faq } = waveData;
-const faqEntries = faq as FaqEntry[];
-const pastWavesData = pastWaves as PastWave[];
-
-const sectionLabelStyles =
-  'font-mono text-[10px] font-semibold uppercase tracking-[1.8px] text-outline';
-const badgeOpenStyles = 'border-tertiary text-tertiary';
-const badgeClosedStyles = 'border-outline-variant text-outline';
-
-export default function Grants() {
-  const [openFaqIndex, setOpenFaqIndex] = useState<number | null>(null);
-
-  return (
-    <>
-      <Helmet>
-        <title>Grants – Wraith Protocol</title>
-        <meta
-          name="description"
-          content="Apply for a Wraith Protocol grant. Funding privacy-preserving payment infrastructure through the Stellar Development Foundation's Drips program."
-        />
-        <meta property="og:title" content="Grants – Wraith Protocol" />
-        <meta
-          property="og:description"
-          content="Apply for a Wraith Protocol grant — funding privacy-preserving payment infrastructure."
-        />
-        <meta property="og:url" content="https://usewraith.xyz/grants" />
-        <meta property="og:type" content="website" />
-      </Helmet>
-
-      <div className="min-h-screen bg-surface text-on-surface">
-        {/* ── Hero ────────────────────────────────────────────────────────── */}
-        <section className="border-b border-outline-variant-30 px-6 py-24 md:px-12">
-          <div className="mx-auto flex max-w-3xl flex-col gap-6">
-            <span className={sectionLabelStyles}>Grants program</span>
-            <h1 className="font-heading text-[36px] font-bold leading-[1.05] tracking-[-1.5px] text-on-surface sm:text-[48px] md:text-[56px]">
-              Build the future of private payments
-            </h1>
-            <p className="max-w-2xl font-body text-[17px] leading-[1.6] text-on-surface-variant">
-              The Wraith Grants Program funds teams building privacy-preserving payment
-              infrastructure. Whether you're integrating the SDK into a wallet, building tooling, or
-              researching novel stealth-address applications, we want to support your work.
-            </p>
-            <div className="flex flex-wrap gap-4">
-              <a
-                href={currentWave.applyUrl}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="inline-flex h-11 items-center justify-center bg-primary px-6 font-heading text-sm font-semibold uppercase tracking-wider text-surface transition-[filter] duration-150 hover:brightness-110"
-              >
-                Apply now
-              </a>
-              <a
-                href="#faq"
-                className="inline-flex h-11 items-center justify-center border border-outline-variant px-6 font-heading text-sm font-semibold uppercase tracking-wider text-on-surface transition-colors duration-150 hover:bg-surface-container"
-              >
-                Read the FAQ
-              </a>
-            </div>
-          </div>
-        </section>
-
-        {/* ── How Funding Works ───────────────────────────────────────────── */}
-        <section className="border-b border-outline-variant-30 px-6 py-24 md:px-12">
-          <div className="mx-auto max-w-3xl">
-            <div className="flex flex-col gap-10">
-              <div className="flex flex-col gap-3">
-                <span className={sectionLabelStyles}>How funding works</span>
-                <h2 className="font-heading text-[28px] font-bold tracking-[-1.2px] text-on-surface sm:text-[40px]">
-                  Drips + Stellar Development Foundation
-                </h2>
-              </div>
-
-              <p className="font-body text-[17px] leading-[1.6] text-on-surface-variant">
-                Wraith grants are funded by the Stellar Development Foundation through its{' '}
-                <strong className="text-on-surface">Stellar Wave</strong> program, distributed via{' '}
-                <strong className="text-on-surface">Drips</strong> — a continuous, transparent
-                funding platform. This means funds flow to grantees in milestone-based streams that
-                are publicly verifiable on-chain.
-              </p>
-
-              <div className="grid gap-6 sm:grid-cols-2">
-                <div className="flex flex-col gap-3 border border-outline-variant bg-surface-container p-6">
-                  <div className="flex items-center gap-2">
-                    <span className="font-mono text-[11px] font-semibold uppercase tracking-[1px] text-primary">
-                      Drips
-                    </span>
-                  </div>
-                  <p className="font-body text-[14px] leading-[1.65] text-on-surface-variant">
-                    Drips enables streaming, milestone-gated grant disbursements directly to
-                    grantees. Every payment is transparent and trackable, giving both funders and
-                    builders confidence in the process.
-                  </p>
-                  <a
-                    href={waveData.programUrl}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="mt-auto inline-flex items-center gap-1.5 font-mono text-[11px] font-semibold uppercase tracking-[1px] text-primary transition-colors duration-150 hover:brightness-110"
-                  >
-                    View program on Drips →
-                  </a>
-                </div>
-
-                <div className="flex flex-col gap-3 border border-outline-variant bg-surface-container p-6">
-                  <div className="flex items-center gap-2">
-                    <span className="font-mono text-[11px] font-semibold uppercase tracking-[1px] text-primary">
-                      External funding
-                    </span>
-                  </div>
-                  <p className="font-body text-[14px] leading-[1.65] text-on-surface-variant">
-                    Beyond SDF, we welcome co-funding from ecosystem partners, foundations, and DAOs
-                    that share our mission. If you represent an organization interested in
-                    contributing to the grants pool, reach out to{' '}
-                    <a
-                      href={`mailto:${waveData.contactEmail}`}
-                      className="text-primary underline underline-offset-2 transition-colors hover:brightness-110"
-                    >
-                      {waveData.contactEmail}
-                    </a>
-                    .
-                  </p>
-                </div>
-              </div>
-            </div>
-          </div>
-        </section>
-
-        {/* ── Current Wave ────────────────────────────────────────────────── */}
-        <section className="border-b border-outline-variant-30 px-6 py-24 md:px-12">
-          <div className="mx-auto max-w-3xl">
-            <div className="flex flex-col gap-10">
-              <div className="flex flex-col gap-3">
-                <div className="flex flex-wrap items-center gap-4">
-                  <span className={sectionLabelStyles}>Current wave</span>
-                  <span
-                    className={`inline-flex items-center gap-1.5 border px-2 py-1 font-mono text-[9px] font-semibold uppercase tracking-[1.2px] ${currentWave.status === 'open' ? badgeOpenStyles : badgeClosedStyles}`}
-                  >
-                    <span
-                      aria-hidden="true"
-                      className={`h-1.5 w-1.5 ${currentWave.status === 'open' ? 'bg-tertiary' : 'bg-outline'}`}
-                    />
-                    {currentWave.status === 'open' ? 'Open' : 'Closed'}
-                  </span>
-                </div>
-                <h2 className="font-heading text-[28px] font-bold tracking-[-1.2px] text-on-surface sm:text-[40px]">
-                  {currentWave.title}
-                </h2>
-              </div>
-
-              <p className="font-body text-[17px] leading-[1.6] text-on-surface-variant">
-                {currentWave.summary}
-              </p>
-
-              <div className="grid gap-5 rounded-sm border border-outline-variant bg-surface-container p-6 sm:grid-cols-3">
-                <div className="flex flex-col gap-1">
-                  <span className="font-mono text-[10px] font-semibold uppercase tracking-[1.5px] text-outline">
-                    Opens
-                  </span>
-                  <span className="font-heading text-[16px] font-semibold text-on-surface">
-                    {currentWave.opens}
-                  </span>
-                </div>
-                <div className="flex flex-col gap-1">
-                  <span className="font-mono text-[10px] font-semibold uppercase tracking-[1.5px] text-outline">
-                    Closes
-                  </span>
-                  <span className="font-heading text-[16px] font-semibold text-on-surface">
-                    {currentWave.closes}
-                  </span>
-                </div>
-                <div className="flex flex-col gap-1">
-                  <span className="font-mono text-[10px] font-semibold uppercase tracking-[1.5px] text-outline">
-                    Total pool
-                  </span>
-                  <span className="font-heading text-[16px] font-semibold text-on-surface">
-                    {currentWave.totalFunding}
-                  </span>
-                </div>
-              </div>
-
-              <div className="flex flex-col gap-6">
-                <div>
-                  <h3 className="mb-3 font-heading text-[18px] font-semibold tracking-[-0.3px] text-on-surface">
-                    Eligibility
-                  </h3>
-                  <ul className="flex flex-col gap-2">
-                    {currentWave.eligibility.map((item) => (
-                      <li
-                        key={item}
-                        className="flex gap-2.5 font-body text-[14px] leading-[1.6] text-on-surface-variant"
-                      >
-                        <span
-                          aria-hidden="true"
-                          className="mt-[7px] h-1.5 w-1.5 flex-shrink-0 bg-primary"
-                        />
-                        {item}
-                      </li>
-                    ))}
-                  </ul>
-                </div>
-
-                <div>
-                  <h3 className="mb-3 font-heading text-[18px] font-semibold tracking-[-0.3px] text-on-surface">
-                    Review criteria
-                  </h3>
-                  <ul className="flex flex-col gap-2">
-                    {currentWave.reviewCriteria.map((item) => (
-                      <li
-                        key={item}
-                        className="flex gap-2.5 font-body text-[14px] leading-[1.6] text-on-surface-variant"
-                      >
-                        <span
-                          aria-hidden="true"
-                          className="mt-[7px] h-1.5 w-1.5 flex-shrink-0 bg-primary"
-                        />
-                        {item}
-                      </li>
-                    ))}
-                  </ul>
-                </div>
-
-                <div>
-                  <h3 className="mb-4 font-heading text-[18px] font-semibold tracking-[-0.3px] text-on-surface">
-                    Reward tiers
-                  </h3>
-                  <div className="grid gap-4 sm:grid-cols-3">
-                    {currentWave.rewardTiers.map((tier) => (
-                      <div
-                        key={tier.tier}
-                        className="flex flex-col gap-2 border border-outline-variant bg-surface-container p-5"
-                      >
-                        <span className="font-mono text-[10px] font-semibold uppercase tracking-[1.5px] text-primary">
-                          {tier.amount}
-                        </span>
-                        <span className="font-heading text-[15px] font-semibold tracking-[-0.3px] text-on-surface">
-                          {tier.tier}
-                        </span>
-                        <p className="font-body text-[13px] leading-[1.6] text-on-surface-variant">
-                          {tier.description}
-                        </p>
-                      </div>
-                    ))}
-                  </div>
-                </div>
-              </div>
-
-              <p className="font-body text-[14px] leading-[1.65] text-on-surface-variant">
-                {currentWave.howToApply}
-              </p>
-
-              <a
-                href={currentWave.applyUrl}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="inline-flex h-11 w-fit items-center justify-center bg-primary px-6 font-heading text-sm font-semibold uppercase tracking-wider text-surface transition-[filter] duration-150 hover:brightness-110"
-              >
-                Apply on Drips
-              </a>
-            </div>
-          </div>
-        </section>
-
-        {/* ── Past Waves ──────────────────────────────────────────────────── */}
-        <section className="border-b border-outline-variant-30 px-6 py-24 md:px-12">
-          <div className="mx-auto max-w-3xl">
-            <div className="flex flex-col gap-10">
-              <div className="flex flex-col gap-3">
-                <span className={sectionLabelStyles}>Past waves</span>
-                <h2 className="font-heading text-[28px] font-bold tracking-[-1.2px] text-on-surface sm:text-[40px]">
-                  What we have funded
-                </h2>
-              </div>
-
-              {pastWavesData.length === 0 ? (
-                <p className="font-body text-[15px] text-on-surface-variant">
-                  No past waves to show yet. Check back after the current wave concludes.
-                </p>
-              ) : (
-                <div className="flex flex-col gap-8">
-                  {pastWavesData.map((wave) => (
-                    <div
-                      key={wave.number}
-                      className="flex flex-col gap-6 border border-outline-variant bg-surface-container p-6 sm:p-8"
-                    >
-                      <div className="flex flex-wrap items-center justify-between gap-3">
-                        <div className="flex items-center gap-3">
-                          <span className="font-mono text-[10px] font-semibold uppercase tracking-[2px] text-outline">
-                            {wave.period}
-                          </span>
-                          <span
-                            className={`inline-flex items-center gap-1.5 border px-2 py-1 font-mono text-[9px] font-semibold uppercase tracking-[1.2px] ${badgeClosedStyles}`}
-                          >
-                            <span aria-hidden="true" className="h-1.5 w-1.5 bg-outline" />
-                            Closed
-                          </span>
-                        </div>
-                        <h3 className="font-heading text-xl font-bold tracking-[-0.3px] text-on-surface">
-                          {wave.title}
-                        </h3>
-                      </div>
-
-                      <p className="font-body text-[14px] leading-[1.65] text-on-surface-variant">
-                        {wave.summary}
-                      </p>
-
-                      <div>
-                        <h4 className="mb-3 font-mono text-[10px] font-semibold uppercase tracking-[1.5px] text-outline">
-                          Highlights
-                        </h4>
-                        <ul className="flex flex-col gap-2">
-                          {wave.highlights.map((highlight) => (
-                            <li
-                              key={highlight}
-                              className="flex gap-2.5 font-body text-[13px] leading-[1.6] text-on-surface-variant"
-                            >
-                              <span
-                                aria-hidden="true"
-                                className="mt-[7px] h-1.5 w-1.5 flex-shrink-0 bg-primary"
-                              />
-                              {highlight}
-                            </li>
-                          ))}
-                        </ul>
-                      </div>
-
-                      <div>
-                        <h4 className="mb-3 font-mono text-[10px] font-semibold uppercase tracking-[1.5px] text-outline">
-                          Recipients
-                        </h4>
-                        <div className="grid gap-3 sm:grid-cols-2">
-                          {wave.recipients.map((recipient) => (
-                            <div
-                              key={recipient.name}
-                              className="flex flex-col gap-1 border border-outline-variant bg-surface-bright p-4"
-                            >
-                              <span className="font-heading text-[14px] font-semibold tracking-[-0.2px] text-on-surface">
-                                {recipient.name}
-                              </span>
-                              <span className="font-body text-[12px] leading-[1.5] text-outline">
-                                {recipient.work}
-                              </span>
-                            </div>
-                          ))}
-                        </div>
-                      </div>
-                    </div>
-                  ))}
-                </div>
-              )}
-            </div>
-          </div>
-        </section>
-
-        {/* ── FAQ ─────────────────────────────────────────────────────────── */}
-        <section id="faq" className="px-6 py-24 md:px-12">
-          <div className="mx-auto max-w-3xl">
-            <div className="flex flex-col gap-10">
-              <div className="flex flex-col gap-3">
-                <span className={sectionLabelStyles}>Frequently asked questions</span>
-                <h2 className="font-heading text-[28px] font-bold tracking-[-1.2px] text-on-surface sm:text-[40px]">
-                  FAQ
-                </h2>
-              </div>
-
-              <div className="flex flex-col gap-3">
-                {faqEntries.map((entry, index) => {
-                  const isOpen = openFaqIndex === index;
-                  const toggleId = `grant-faq-toggle-${index}`;
-                  const panelId = `grant-faq-panel-${index}`;
-
-                  return (
-                    <div
-                      key={entry.question}
-                      className="border border-outline-variant bg-surface-container"
-                    >
-                      <h3 className="px-5 py-4 font-heading text-[16px] font-semibold tracking-[-0.3px] text-on-surface">
-                        <button
-                          id={toggleId}
-                          type="button"
-                          aria-expanded={isOpen}
-                          aria-controls={panelId}
-                          onClick={() => setOpenFaqIndex(isOpen ? null : index)}
-                          className="flex w-full items-center justify-between text-left"
-                        >
-                          <span>{entry.question}</span>
-                          <span className="font-mono text-[10px] font-semibold uppercase tracking-[1.6px] text-outline transition-colors hover:text-on-surface">
-                            {isOpen ? 'Hide' : 'Show'}
-                          </span>
-                        </button>
-                      </h3>
-                      {isOpen && (
-                        <div
-                          id={panelId}
-                          role="region"
-                          aria-labelledby={toggleId}
-                          className="border-t border-outline-variant px-5 py-4"
-                        >
-                          <p className="font-body text-[14px] leading-[1.7] text-on-surface-variant">
-                            {entry.answer}
-                          </p>
-                        </div>
-                      )}
-                    </div>
-                  );
-                })}
-              </div>
-            </div>
-          </div>
-        </section>
-      </div>
-    </>
-  );
-}

From b7b89d8755dc2b36b71491505c368fbbdd91a38c Mon Sep 17 00:00:00 2001
From: odarome132 <monteropeace@gmail.com>
Date: Thu, 30 Jul 2026 09:47:55 +0000
Subject: [PATCH 6/6] fix: resolve feed.xml conflict from Grants revert

---
 public/feed.xml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/feed.xml b/public/feed.xml
index 118cfd0..ab4d0bd 100644
--- a/public/feed.xml
+++ b/public/feed.xml
@@ -5,7 +5,7 @@
     <link>https://usewraith.xyz/blog</link>
     <description>Notes on stealth payments, private infrastructure, and the Wraith ecosystem.</description>
     <language>en-us</language>
-    <lastBuildDate>Thu, 30 Jul 2026 07:32:53 GMT</lastBuildDate>
+    <lastBuildDate>Thu, 30 Jul 2026 09:40:05 GMT</lastBuildDate>
     <atom:link href="https://usewraith.xyz/feed.xml" rel="self" type="application/rss+xml" />
 
   <item>