diff --git a/docs/foundation/GOVERNANCE_CANDIDATES.md b/docs/foundation/GOVERNANCE_CANDIDATES.md
new file mode 100644
index 0000000..8d98e0c
--- /dev/null
+++ b/docs/foundation/GOVERNANCE_CANDIDATES.md
@@ -0,0 +1,299 @@
+# React Foundation - Governance Candidates
+
+This document tracks potential candidates for Board of Directors and Technical Steering Committee positions.
+
+**Status**: Draft - For Internal Discussion Only
+**Last Updated**: October 25, 2025
+
+---
+
+## Board of Directors
+
+### Chair
+**Role**: Strategic Leadership, Governance Oversight
+
+**Potential Candidates**:
+- [ ] TBD - Looking for proven leadership in open source foundations
+- [ ] TBD - Experience with non-profit governance
+- [ ] TBD - Strong React ecosystem connections
+
+**Key Requirements**:
+- Open source foundation experience
+- Strategic vision for ecosystem sustainability
+- Strong governance and leadership background
+- Available for quarterly board meetings + strategic planning
+
+---
+
+### Vice Chair
+**Role**: Community Relations, Board Operations
+
+**Potential Candidates**:
+- [ ] TBD - Community organizer background
+- [ ] TBD - Experience with developer relations
+- [ ] TBD - International React community connections
+
+**Key Requirements**:
+- Community building experience
+- Diverse network across React ecosystem
+- Strong communication skills
+- Can represent foundation at events
+
+---
+
+### Treasurer
+**Role**: Financial Oversight, Fund Distribution
+
+**Potential Candidates**:
+- [ ] TBD - Open source financial management experience
+- [ ] TBD - Non-profit treasurer background
+- [ ] TBD - FinTech or accounting professional interested in OSS
+
+**Key Requirements**:
+- Financial management expertise
+- Understanding of non-profit/foundation finances
+- Transparency and audit experience
+- Can oversee quarterly reporting
+
+---
+
+### Secretary
+**Role**: Governance & Compliance, Documentation
+
+**Potential Candidates**:
+- [ ] TBD - Legal/compliance background in open source
+- [ ] TBD - Foundation governance experience
+- [ ] TBD - Documentation specialist
+
+**Key Requirements**:
+- Governance and compliance knowledge
+- Strong organizational skills
+- Documentation and record-keeping experience
+- Understanding of open source legal landscape
+
+---
+
+### Director - Ecosystem Development
+**Role**: Project Evaluation, Library Support
+
+**Potential Candidates**:
+- [ ] TBD - Major React library maintainer
+- [ ] TBD - Framework creator/core team member
+- [ ] TBD - Open source sustainability advocate
+
+**Key Requirements**:
+- Deep React ecosystem knowledge
+- Library maintenance experience
+- Can evaluate project health and impact
+- Strong technical background
+
+---
+
+### Director - Education & Accessibility
+**Role**: Educational Programs, Global Accessibility
+
+**Potential Candidates**:
+- [ ] TBD - React educator/course creator
+- [ ] TBD - Accessibility advocate in web development
+- [ ] TBD - International developer community organizer
+
+**Key Requirements**:
+- Educational content creation experience
+- Accessibility expertise (a11y)
+- Diversity & inclusion focus
+- Global perspective on React adoption
+
+---
+
+## Technical Steering Committee
+
+### TSC Chair
+**Role**: Technical Leadership, Architectural Strategy
+
+**Potential Candidates**:
+- [ ] **Joe Savona** - React Core Team @ Meta, React Compiler lead
+- [ ] **Andrew Clark** - React Core Team @ Vercel
+- [ ] **Sebastian Markbåge** - React Core Team @ Vercel
+- [ ] **Dan Abramov** - Independent, former React Core Team
+- [ ] TBD - Other React Core Team members
+
+**Key Requirements**:
+- React core team member or deep React internals knowledge
+- Technical vision for ecosystem direction
+- Strong communication with community
+- Can lead technical discussions and RFC processes
+
+---
+
+### Core Framework Representative
+**Role**: React Core Development Alignment
+
+**Potential Candidates**:
+- [ ] **Sophie Alpert** - Former React Team manager @ Meta
+- [ ] **Rachel Nabors** - React Docs team lead
+- [ ] **Luna Ruan** - React Core Team @ Meta
+- [ ] TBD - Other React Core Team members
+
+**Key Requirements**:
+- React core team connection or deep knowledge
+- Understanding of React's technical direction
+- Can bridge foundation and Meta React team
+- Performance and DX expertise
+
+---
+
+### Ecosystem Representative
+**Role**: Library Maintainer Relations
+
+**Potential Candidates**:
+- [ ] **Tanner Linsley** - TanStack (Query, Table, Router, etc.)
+- [ ] **Kent C. Dodds** - Testing Library, Remix contributor
+- [ ] **Mark Erikson** - Redux Toolkit maintainer
+- [ ] **Daishi Kato** - Zustand, Jotai, Valtio author
+- [ ] **Dominik Dorfmeister** - TanStack Query maintainer
+- [ ] **Michael Jackson** - Remix co-creator
+- [ ] **Ryan Florence** - Remix co-creator
+
+**Key Requirements**:
+- Major React library maintainer
+- Understands library ecosystem challenges
+- Community building experience
+- API design expertise
+
+---
+
+### Infrastructure Representative
+**Role**: Tooling & Build Systems
+
+**Potential Candidates**:
+- [ ] **Evan You** - Vite creator, Vue.js author (cross-ecosystem perspective)
+- [ ] **Tobias Koppers** - Webpack creator
+- [ ] **Jared Palmer** - Turborepo co-creator
+- [ ] **Jason Miller** - Preact creator, previously on Chrome team
+- [ ] **Fred K. Schott** - Astro co-creator
+- [ ] TBD - Rspack/Farm/Turbopack team members
+
+**Key Requirements**:
+- Build tool or bundler expertise
+- Understanding of modern JavaScript tooling
+- Performance optimization focus
+- Developer experience background
+
+---
+
+### Documentation Representative
+**Role**: Educational Content & Best Practices
+
+**Potential Candidates**:
+- [ ] **Josh Comeau** - CSS for JS developers, educator
+- [ ] **Kent C. Dodds** - EpicReact.dev creator
+- [ ] **Lydia Hallie** - JavaScript Visualized series
+- [ ] **Emma Bostian** - Technical author and educator
+- [ ] **Cassidy Williams** - Developer educator
+- [ ] TBD - Technical writing specialists
+
+**Key Requirements**:
+- Technical writing and teaching experience
+- Content creation for developers
+- Documentation best practices knowledge
+- Can establish docs standards
+
+---
+
+### Security Representative
+**Role**: Security & Compliance
+
+**Potential Candidates**:
+- [ ] TBD - Security researcher focused on JavaScript/React
+- [ ] TBD - GitHub Security Lab member
+- [ ] TBD - OWASP contributor
+- [ ] TBD - Previous experience with CVE processes in OSS
+
+**Key Requirements**:
+- Application security expertise
+- Vulnerability assessment experience
+- React security patterns knowledge
+- Can establish security best practices
+
+---
+
+### Innovation Representative
+**Role**: Emerging Technologies
+
+**Potential Candidates**:
+- [ ] **Shu Ding** - Next.js core, Vercel
+- [ ] **Rich Harris** - Svelte creator (cross-ecosystem perspective)
+- [ ] **Theo Browne** - T3 Stack creator, educator
+- [ ] TBD - Server Components early adopters
+- [ ] TBD - React Native core team members
+
+**Key Requirements**:
+- Research and experimentation focus
+- Understanding of emerging web technologies
+- Can evaluate experimental features
+- Forward-thinking technical perspective
+
+---
+
+### Testing Representative
+**Role**: Quality Assurance & Testing
+
+**Potential Candidates**:
+- [ ] **Kent C. Dodds** - Testing Library creator
+- [ ] **Brandon Dail** - Former React team, testing focus
+- [ ] **Giorgio Polvara** - Playwright advocate
+- [ ] TBD - Vitest team members
+- [ ] TBD - Jest team members
+
+**Key Requirements**:
+- Testing framework expertise
+- React testing patterns knowledge
+- Quality assurance background
+- Can establish testing standards
+
+---
+
+## Selection Criteria
+
+### General Requirements (All Positions)
+
+- **Commitment**: Can dedicate time to quarterly meetings and ongoing responsibilities
+- **Transparency**: Comfortable with public decision-making and open communication
+- **Community-First**: Prioritizes ecosystem health over individual/company interests
+- **Diversity**: Collectively, we aim for diverse representation across:
+  - Geographic regions
+  - Company affiliations
+  - Career stages (not just "famous" developers)
+  - Technical specializations
+  - Backgrounds and perspectives
+
+### Conflict of Interest Policy
+
+- No more than 2 board members from the same company
+- No more than 3 TSC members from the same company
+- All affiliations must be publicly disclosed
+- Recusal from votes involving their employer's interests
+
+---
+
+## Next Steps
+
+1. **Reach out to potential candidates** - Gauge interest and availability
+2. **Interview process** - 30-min conversations with shortlist
+3. **Community feedback** - Public comment period on candidates
+4. **Initial appointments** - Board votes on TSC, founding team appoints initial board
+5. **Staggered terms** - Establish rotation to ensure continuity
+
+---
+
+## Notes
+
+- This is a living document - candidates may be added/removed as we learn more
+- Not all positions need to be filled immediately - start with core roles
+- Some individuals may be better fits for advisory roles rather than formal positions
+- Consider emerging talent, not just established names
+- International representation is critical for global ecosystem
+
+---
+
+**Contact**: For candidate suggestions or self-nominations, contact [governance@reactfoundation.org]
diff --git a/src/app/about/board-of-directors/page.tsx b/src/app/about/board-of-directors/page.tsx
new file mode 100644
index 0000000..510fb0e
--- /dev/null
+++ b/src/app/about/board-of-directors/page.tsx
@@ -0,0 +1,307 @@
+import type { Metadata } from "next";
+import { ButtonLink } from "@/components/ui/button";
+import { Pill } from "@/components/ui/pill";
+import { ScrollReveal } from "@/components/ui/scroll-reveal";
+import { Footer } from "@/components/layout/footer";
+
+export const metadata: Metadata = {
+  title: "Board of Directors | React Foundation",
+  description: "Meet the Board of Directors guiding the React Foundation's mission and strategic vision.",
+};
+
+interface BoardMember {
+  name: string;
+  title: string;
+  role: string;
+  bio: string;
+  expertise: string[];
+}
+
+const boardMembers: BoardMember[] = [
+  {
+    name: "To Be Announced",
+    title: "Board Chair",
+    role: "Strategic Leadership",
+    bio: "Leading the React Foundation's vision and strategic direction, ensuring sustainable growth and impact across the React ecosystem.",
+    expertise: ["Strategic Planning", "Governance", "Open Source Leadership"],
+  },
+  {
+    name: "To Be Announced",
+    title: "Vice Chair",
+    role: "Community Relations",
+    bio: "Fostering relationships with the global React community and ensuring diverse voices are heard in our decision-making processes.",
+    expertise: ["Community Building", "Stakeholder Engagement", "Global Outreach"],
+  },
+  {
+    name: "To Be Announced",
+    title: "Treasurer",
+    role: "Financial Oversight",
+    bio: "Managing the foundation's financial health and ensuring transparent, responsible distribution of funds to maintainers and initiatives.",
+    expertise: ["Financial Management", "Audit Compliance", "Fund Distribution"],
+  },
+  {
+    name: "To Be Announced",
+    title: "Secretary",
+    role: "Governance & Compliance",
+    bio: "Maintaining governance standards and ensuring the foundation operates with complete transparency and accountability.",
+    expertise: ["Corporate Governance", "Legal Compliance", "Documentation"],
+  },
+  {
+    name: "To Be Announced",
+    title: "Director",
+    role: "Ecosystem Development",
+    bio: "Identifying and supporting critical ecosystem projects, ensuring the React community has the tools and resources needed to thrive.",
+    expertise: ["Ecosystem Strategy", "Project Evaluation", "Developer Relations"],
+  },
+  {
+    name: "To Be Announced",
+    title: "Director",
+    role: "Education & Accessibility",
+    bio: "Championing educational initiatives and ensuring React is accessible to developers worldwide, regardless of background or location.",
+    expertise: ["Education Programs", "Accessibility", "Diversity & Inclusion"],
+  },
+];
+
+export default function BoardOfDirectorsPage() {
+  return (
+    <div className="min-h-screen bg-background pt-24 text-muted-foreground">
+      {/* Hero Gradient */}
+      <div className="absolute inset-x-0 top-[-6rem] -z-10 flex justify-center blur-3xl">
+        <div className="h-[24rem] w-[60rem] bg-gradient-to-r from-primary/50 via-primary/70 to-accent/60 opacity-30" />
+      </div>
+
+      <div className="mx-auto flex max-w-7xl flex-col px-6 pb-24 sm:px-8 lg:px-12">
+        <main className="flex flex-col gap-20">
+          {/* Hero Section */}
+          <section className="space-y-8 pt-12">
+            <Pill>Governance · Leadership · Transparency</Pill>
+            <div>
+              <h1 className="text-5xl font-semibold leading-tight text-foreground sm:text-6xl">
+                Board of Directors
+              </h1>
+              <p className="mt-8 max-w-3xl text-lg text-foreground/70">
+                Our Board of Directors provides strategic guidance, ensures financial oversight,
+                and maintains the foundation&apos;s commitment to transparency and community-first values.
+              </p>
+            </div>
+          </section>
+
+          {/* Mission Statement */}
+          <ScrollReveal animation="fade-up">
+            <section className="rounded-3xl border border-border/10 bg-gradient-to-br from-primary/5 via-accent/5 to-secondary/5 p-12">
+              <h2 className="text-3xl font-semibold text-foreground sm:text-4xl">
+                Our Governance Philosophy
+              </h2>
+              <p className="mt-6 max-w-3xl text-lg leading-relaxed text-foreground/70">
+                The React Foundation operates with complete transparency and community accountability.
+                Our Board ensures that every decision serves the ecosystem&apos;s best interests, with
+                quarterly reports, open financials, and active community feedback loops.
+              </p>
+              <div className="mt-8 grid gap-4 sm:grid-cols-3">
+                <div className="space-y-2 rounded-2xl border border-border/10 bg-background/50 p-6">
+                  <div className="flex h-10 w-10 items-center justify-center rounded-full bg-primary/10">
+                    <div className="h-2 w-2 rounded-full bg-primary" />
+                  </div>
+                  <h3 className="font-semibold text-foreground">Transparent</h3>
+                  <p className="text-sm text-foreground/60">
+                    All decisions and finances publicly documented
+                  </p>
+                </div>
+                <div className="space-y-2 rounded-2xl border border-border/10 bg-background/50 p-6">
+                  <div className="flex h-10 w-10 items-center justify-center rounded-full bg-success/10">
+                    <div className="h-2 w-2 rounded-full bg-success" />
+                  </div>
+                  <h3 className="font-semibold text-foreground">Accountable</h3>
+                  <p className="text-sm text-foreground/60">
+                    Regular reporting and community oversight
+                  </p>
+                </div>
+                <div className="space-y-2 rounded-2xl border border-border/10 bg-background/50 p-6">
+                  <div className="flex h-10 w-10 items-center justify-center rounded-full bg-accent/10">
+                    <div className="h-2 w-2 rounded-full bg-accent" />
+                  </div>
+                  <h3 className="font-semibold text-foreground">Community-First</h3>
+                  <p className="text-sm text-foreground/60">
+                    Decisions guided by ecosystem needs
+                  </p>
+                </div>
+              </div>
+            </section>
+          </ScrollReveal>
+
+          {/* Board Members Grid */}
+          <ScrollReveal animation="scale">
+            <section className="space-y-8">
+              <div className="text-center">
+                <h2 className="text-3xl font-semibold text-foreground sm:text-4xl">
+                  Meet the Board
+                </h2>
+                <p className="mt-4 text-lg text-foreground/60">
+                  Leaders committed to building a sustainable future for React
+                </p>
+              </div>
+
+              <div className="grid gap-8 sm:grid-cols-2 lg:grid-cols-3">
+                {boardMembers.map((member) => (
+                  <div
+                    key={member.title}
+                    className="group relative overflow-hidden rounded-3xl border border-border/10 bg-card transition-all hover:border-primary/20 hover:shadow-lg"
+                  >
+                    {/* Card Gradient Background */}
+                    <div className="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-accent/5 opacity-0 transition-opacity group-hover:opacity-100" />
+
+                    <div className="relative p-8">
+                      {/* Headshot Placeholder */}
+                      <div className="mb-6 flex justify-center">
+                        <div className="flex h-32 w-32 items-center justify-center rounded-full border-2 border-border/20 bg-gradient-to-br from-muted to-muted/50">
+                          <div className="flex h-28 w-28 items-center justify-center rounded-full bg-muted">
+                            <svg
+                              className="h-16 w-16 text-muted-foreground/40"
+                              fill="none"
+                              stroke="currentColor"
+                              viewBox="0 0 24 24"
+                            >
+                              <path
+                                strokeLinecap="round"
+                                strokeLinejoin="round"
+                                strokeWidth={1.5}
+                                d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+
+                      {/* Member Info */}
+                      <div className="text-center">
+                        <h3 className="text-xl font-semibold text-foreground">
+                          {member.name}
+                        </h3>
+                        <p className="mt-1 text-sm font-medium text-primary">
+                          {member.title}
+                        </p>
+                        <p className="mt-1 text-sm text-muted-foreground">
+                          {member.role}
+                        </p>
+                      </div>
+
+                      {/* Bio */}
+                      <p className="mt-6 text-sm leading-relaxed text-foreground/70">
+                        {member.bio}
+                      </p>
+
+                      {/* Expertise Tags */}
+                      <div className="mt-6 flex flex-wrap gap-2">
+                        {member.expertise.map((skill, skillIndex) => (
+                          <span
+                            key={skillIndex}
+                            className="rounded-full border border-border/50 bg-muted/50 px-3 py-1 text-xs text-foreground/80"
+                          >
+                            {skill}
+                          </span>
+                        ))}
+                      </div>
+                    </div>
+                  </div>
+                ))}
+              </div>
+            </section>
+          </ScrollReveal>
+
+          {/* Responsibilities */}
+          <ScrollReveal animation="fade-up">
+            <section className="space-y-8 rounded-3xl border border-border/10 bg-muted/60 p-12">
+              <h2 className="text-3xl font-semibold text-foreground sm:text-4xl">
+                Board Responsibilities
+              </h2>
+              <div className="grid gap-6 lg:grid-cols-2">
+                <div className="space-y-4 rounded-2xl border border-border/10 bg-background/[0.03] p-8">
+                  <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-primary to-primary/80">
+                    <svg className="h-6 w-6 text-primary-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
+                    </svg>
+                  </div>
+                  <h3 className="text-xl font-semibold text-foreground">
+                    Strategic Direction
+                  </h3>
+                  <p className="text-sm leading-relaxed text-foreground/70">
+                    Setting long-term goals, priorities, and initiatives that serve the
+                    React ecosystem&apos;s growth and sustainability.
+                  </p>
+                </div>
+
+                <div className="space-y-4 rounded-2xl border border-border/10 bg-background/[0.03] p-8">
+                  <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-success to-primary">
+                    <svg className="h-6 w-6 text-success-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+                    </svg>
+                  </div>
+                  <h3 className="text-xl font-semibold text-foreground">
+                    Financial Oversight
+                  </h3>
+                  <p className="text-sm leading-relaxed text-foreground/70">
+                    Ensuring responsible fund management, transparent distribution to maintainers,
+                    and regular financial reporting.
+                  </p>
+                </div>
+
+                <div className="space-y-4 rounded-2xl border border-border/10 bg-background/[0.03] p-8">
+                  <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-warning to-warning/80">
+                    <svg className="h-6 w-6 text-warning-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
+                    </svg>
+                  </div>
+                  <h3 className="text-xl font-semibold text-foreground">
+                    Community Engagement
+                  </h3>
+                  <p className="text-sm leading-relaxed text-foreground/70">
+                    Maintaining open dialogue with maintainers, contributors, and the broader
+                    React community to inform decisions.
+                  </p>
+                </div>
+
+                <div className="space-y-4 rounded-2xl border border-border/10 bg-background/[0.03] p-8">
+                  <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-primary/80 to-accent">
+                    <svg className="h-6 w-6 text-primary-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
+                    </svg>
+                  </div>
+                  <h3 className="text-xl font-semibold text-foreground">
+                    Governance & Compliance
+                  </h3>
+                  <p className="text-sm leading-relaxed text-foreground/70">
+                    Establishing policies, ensuring legal compliance, and maintaining the
+                    foundation&apos;s integrity and mission alignment.
+                  </p>
+                </div>
+              </div>
+            </section>
+          </ScrollReveal>
+
+          {/* CTA Section */}
+          <ScrollReveal animation="fade-up">
+            <section className="rounded-3xl border border-border/10 bg-gradient-to-br from-primary/10 via-primary/5 to-accent/10 p-12 text-center">
+              <h2 className="text-3xl font-semibold text-foreground sm:text-4xl">
+                Learn More About Our Governance
+              </h2>
+              <p className="mx-auto mt-6 max-w-2xl text-lg text-foreground/70">
+                Explore our transparent operations, quarterly reports, and how we&apos;re
+                building a sustainable future for the React ecosystem.
+              </p>
+              <div className="mt-8 flex flex-wrap items-center justify-center gap-4">
+                <ButtonLink href="/about" variant="secondary" size="lg">
+                  About the Foundation
+                </ButtonLink>
+                <ButtonLink href="/impact" variant="primary" size="lg">
+                  View Our Impact
+                </ButtonLink>
+              </div>
+            </section>
+          </ScrollReveal>
+        </main>
+      </div>
+
+      <Footer />
+    </div>
+  );
+}
diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index ffdb4dd..9cb7503 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from "next";
+import Link from "next/link";
 import { ButtonLink } from "@/components/ui/button";
 import { Pill } from "@/components/ui/pill";
 import { ScrollReveal } from "@/components/ui/scroll-reveal";
@@ -17,7 +18,7 @@ export default function AboutPage() {
   return (
     <div className="min-h-screen bg-background pt-24 text-muted-foreground">
       <div className="absolute inset-x-0 top-[-6rem] -z-10 flex justify-center blur-3xl">
-        <div className="h-[24rem] w-[60rem] bg-gradient-to-r from-emerald-400 via-cyan-500 to-blue-600 opacity-30" />
+        <div className="h-[24rem] w-[60rem] bg-gradient-to-r from-success/50 via-primary/60 to-primary/70 opacity-30" />
       </div>
 
       <div className="mx-auto flex max-w-6xl flex-col px-6 pb-24 sm:px-8 lg:px-12">
@@ -98,8 +99,8 @@ export default function AboutPage() {
               </h2>
               <div className="grid gap-6 lg:grid-cols-2">
                 <div className="space-y-4 rounded-2xl border border-border/10 bg-background/[0.03] p-8">
-                  <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-cyan-400 to-blue-500">
-                    <span className="text-xl font-bold text-foreground">1</span>
+                  <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-primary to-primary/80">
+                    <span className="text-xl font-bold text-primary-foreground">1</span>
                   </div>
                   <h3 className="text-xl font-semibold text-foreground">
                     Shop the Store
@@ -111,8 +112,8 @@ export default function AboutPage() {
                 </div>
 
                 <div className="space-y-4 rounded-2xl border border-border/10 bg-background/[0.03] p-8">
-                  <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-emerald-400 to-cyan-500">
-                    <span className="text-xl font-bold text-foreground">2</span>
+                  <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-success to-primary">
+                    <span className="text-xl font-bold text-success-foreground">2</span>
                   </div>
                   <h3 className="text-xl font-semibold text-foreground">
                     Revenue Distribution
@@ -124,8 +125,8 @@ export default function AboutPage() {
                 </div>
 
                 <div className="space-y-4 rounded-2xl border border-border/10 bg-background/[0.03] p-8">
-                  <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-yellow-300 to-orange-500">
-                    <span className="text-xl font-bold text-foreground">3</span>
+                  <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-warning to-warning/80">
+                    <span className="text-xl font-bold text-warning-foreground">3</span>
                   </div>
                   <h3 className="text-xl font-semibold text-foreground">
                     Contributor Recognition
@@ -137,8 +138,8 @@ export default function AboutPage() {
                 </div>
 
                 <div className="space-y-4 rounded-2xl border border-border/10 bg-background/[0.03] p-8">
-                  <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-sky-400 to-indigo-500">
-                    <span className="text-xl font-bold text-foreground">4</span>
+                  <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-primary/80 to-accent">
+                    <span className="text-xl font-bold text-primary-foreground">4</span>
                   </div>
                   <h3 className="text-xl font-semibold text-foreground">
                     Transparent Reporting
@@ -175,7 +176,68 @@ export default function AboutPage() {
                 decisions, impact reports, and financial details are published quarterly
                 for community review and feedback.
               </p>
-              <div className="grid gap-6 pt-4 sm:grid-cols-2">
+
+              {/* Governance Bodies */}
+              <div className="grid gap-6 pt-6 lg:grid-cols-2">
+                <Link
+                  href="/about/board-of-directors"
+                  className="group block space-y-4 rounded-2xl border border-border/10 bg-card text-card-foreground p-8 transition-all hover:border-primary/20 hover:bg-gradient-to-br hover:from-primary/5 hover:to-accent/5 hover:shadow-lg"
+                >
+                  <div className="flex items-center gap-4">
+                    <div className="flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-primary to-primary/80 shadow-lg">
+                      <svg className="h-7 w-7 text-primary-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
+                      </svg>
+                    </div>
+                    <div className="flex-1">
+                      <h3 className="text-xl font-semibold text-foreground transition-colors group-hover:text-primary">
+                        Board of Directors
+                      </h3>
+                      <p className="mt-1 text-sm text-muted-foreground">
+                        Strategic Leadership · Financial Oversight · Governance
+                      </p>
+                    </div>
+                    <svg className="h-5 w-5 shrink-0 text-muted-foreground transition-all group-hover:translate-x-1 group-hover:text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
+                    </svg>
+                  </div>
+                  <p className="text-sm leading-relaxed text-foreground/70">
+                    Our Board provides strategic guidance, ensures financial oversight, and
+                    maintains the foundation&apos;s commitment to transparency and community-first values.
+                  </p>
+                </Link>
+
+                <Link
+                  href="/about/technical-steering-committee"
+                  className="group block space-y-4 rounded-2xl border border-border/10 bg-card text-card-foreground p-8 transition-all hover:border-success/20 hover:bg-gradient-to-br hover:from-success/5 hover:to-primary/5 hover:shadow-lg"
+                >
+                  <div className="flex items-center gap-4">
+                    <div className="flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-success to-primary shadow-lg">
+                      <svg className="h-7 w-7 text-success-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
+                      </svg>
+                    </div>
+                    <div className="flex-1">
+                      <h3 className="text-xl font-semibold text-foreground transition-colors group-hover:text-success">
+                        Technical Steering Committee
+                      </h3>
+                      <p className="mt-1 text-sm text-muted-foreground">
+                        Technical Excellence · Innovation · Open Standards
+                      </p>
+                    </div>
+                    <svg className="h-5 w-5 shrink-0 text-muted-foreground transition-all group-hover:translate-x-1 group-hover:text-success" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
+                    </svg>
+                  </div>
+                  <p className="text-sm leading-relaxed text-foreground/70">
+                    The TSC drives technical excellence across the React ecosystem, establishing
+                    standards, best practices, and supporting innovation in libraries and tools.
+                  </p>
+                </Link>
+              </div>
+
+              {/* Governance Principles */}
+              <div className="grid gap-6 pt-6 sm:grid-cols-2">
                 <div className="space-y-3 rounded-2xl border border-border/10 bg-background/[0.03] p-6">
                   <h3 className="font-semibold text-foreground">Open Financials</h3>
                   <p className="text-sm text-foreground/70">
@@ -211,7 +273,7 @@ export default function AboutPage() {
 
           {/* CTA */}
           <ScrollReveal animation="fade-up">
-            <section className="scroll-mt-32 space-y-8 rounded-3xl border border-border/10 bg-gradient-to-br from-cyan-500/10 via-yellow-400/10 to-orange-500/10 p-12 text-center">
+            <section className="scroll-mt-32 space-y-8 rounded-3xl border border-border/10 bg-gradient-to-br from-primary/10 via-warning/10 to-warning/5 p-12 text-center">
               <h2 className="text-3xl font-semibold text-foreground sm:text-4xl">
                 Ready to Make an Impact?
               </h2>
diff --git a/src/app/about/technical-steering-committee/page.tsx b/src/app/about/technical-steering-committee/page.tsx
new file mode 100644
index 0000000..595fd35
--- /dev/null
+++ b/src/app/about/technical-steering-committee/page.tsx
@@ -0,0 +1,403 @@
+import type { Metadata } from "next";
+import { ButtonLink } from "@/components/ui/button";
+import { Pill } from "@/components/ui/pill";
+import { ScrollReveal } from "@/components/ui/scroll-reveal";
+import { Footer } from "@/components/layout/footer";
+
+export const metadata: Metadata = {
+  title: "Technical Steering Committee | React Foundation",
+  description: "Meet the Technical Steering Committee driving technical excellence and innovation in the React ecosystem.",
+};
+
+interface CommitteeMember {
+  name: string;
+  title: string;
+  role: string;
+  bio: string;
+  expertise: string[];
+}
+
+const committeeMembers: CommitteeMember[] = [
+  {
+    name: "To Be Announced",
+    title: "TSC Chair",
+    role: "Technical Leadership",
+    bio: "Leading technical strategy and architectural decisions, ensuring the React ecosystem maintains excellence and innovation at its core.",
+    expertise: ["Architecture", "Technical Strategy", "Open Source Governance"],
+  },
+  {
+    name: "To Be Announced",
+    title: "Core Framework Representative",
+    role: "React Core Development",
+    bio: "Representing React core team perspectives, ensuring alignment between foundation initiatives and React's technical direction.",
+    expertise: ["React Internals", "Performance", "Developer Experience"],
+  },
+  {
+    name: "To Be Announced",
+    title: "Ecosystem Representative",
+    role: "Library Maintainer Relations",
+    bio: "Bridging the foundation with ecosystem library maintainers, identifying technical needs and collaboration opportunities.",
+    expertise: ["Library Design", "API Standards", "Community Building"],
+  },
+  {
+    name: "To Be Announced",
+    title: "Infrastructure Representative",
+    role: "Tooling & Build Systems",
+    bio: "Overseeing infrastructure, tooling, and build system support across the React ecosystem to enhance developer productivity.",
+    expertise: ["Build Tools", "CI/CD", "Developer Tooling"],
+  },
+  {
+    name: "To Be Announced",
+    title: "Documentation Representative",
+    role: "Educational Content & Best Practices",
+    bio: "Championing comprehensive documentation, educational resources, and establishing best practices for the React community.",
+    expertise: ["Technical Writing", "Education", "Content Strategy"],
+  },
+  {
+    name: "To Be Announced",
+    title: "Security Representative",
+    role: "Security & Compliance",
+    bio: "Ensuring security best practices, vulnerability management, and compliance standards across supported ecosystem projects.",
+    expertise: ["Application Security", "Vulnerability Assessment", "Compliance"],
+  },
+  {
+    name: "To Be Announced",
+    title: "Innovation Representative",
+    role: "Emerging Technologies",
+    bio: "Exploring and evaluating emerging technologies, experimental features, and future directions for the React ecosystem.",
+    expertise: ["Research", "Emerging Tech", "Innovation Strategy"],
+  },
+  {
+    name: "To Be Announced",
+    title: "Testing Representative",
+    role: "Quality Assurance & Testing",
+    bio: "Establishing testing standards, quality benchmarks, and supporting testing infrastructure for ecosystem libraries.",
+    expertise: ["Testing Frameworks", "Quality Assurance", "Automation"],
+  },
+];
+
+export default function TechnicalSteeringCommitteePage() {
+  return (
+    <div className="min-h-screen bg-background pt-24 text-muted-foreground">
+      {/* Hero Gradient */}
+      <div className="absolute inset-x-0 top-[-6rem] -z-10 flex justify-center blur-3xl">
+        <div className="h-[24rem] w-[60rem] bg-gradient-to-r from-success/50 via-primary/60 to-primary/70 opacity-30" />
+      </div>
+
+      <div className="mx-auto flex max-w-7xl flex-col px-6 pb-24 sm:px-8 lg:px-12">
+        <main className="flex flex-col gap-20">
+          {/* Hero Section */}
+          <section className="space-y-8 pt-12">
+            <Pill>Technical Excellence · Innovation · Open Standards</Pill>
+            <div>
+              <h1 className="text-5xl font-semibold leading-tight text-foreground sm:text-6xl">
+                Technical Steering Committee
+              </h1>
+              <p className="mt-8 max-w-3xl text-lg text-foreground/70">
+                Our Technical Steering Committee (TSC) drives technical excellence across the
+                React ecosystem, establishing standards, best practices, and supporting innovation
+                in libraries, tools, and frameworks.
+              </p>
+            </div>
+          </section>
+
+          {/* Mission Statement */}
+          <ScrollReveal animation="fade-up">
+            <section className="rounded-3xl border border-border/10 bg-gradient-to-br from-success/5 via-primary/5 to-accent/5 p-12">
+              <h2 className="text-3xl font-semibold text-foreground sm:text-4xl">
+                Our Technical Mission
+              </h2>
+              <p className="mt-6 max-w-3xl text-lg leading-relaxed text-foreground/70">
+                The TSC ensures technical decisions align with the ecosystem&apos;s long-term health,
+                supporting maintainers with guidance, establishing interoperability standards, and
+                fostering innovation while maintaining stability and developer trust.
+              </p>
+              <div className="mt-8 grid gap-4 sm:grid-cols-3">
+                <div className="space-y-2 rounded-2xl border border-border/10 bg-background/50 p-6">
+                  <div className="flex h-10 w-10 items-center justify-center rounded-full bg-success/10">
+                    <div className="h-2 w-2 rounded-full bg-success" />
+                  </div>
+                  <h3 className="font-semibold text-foreground">Excellence</h3>
+                  <p className="text-sm text-foreground/60">
+                    Maintaining high technical standards across all projects
+                  </p>
+                </div>
+                <div className="space-y-2 rounded-2xl border border-border/10 bg-background/50 p-6">
+                  <div className="flex h-10 w-10 items-center justify-center rounded-full bg-primary/10">
+                    <div className="h-2 w-2 rounded-full bg-primary" />
+                  </div>
+                  <h3 className="font-semibold text-foreground">Innovation</h3>
+                  <p className="text-sm text-foreground/60">
+                    Supporting experimentation and emerging technologies
+                  </p>
+                </div>
+                <div className="space-y-2 rounded-2xl border border-border/10 bg-background/50 p-6">
+                  <div className="flex h-10 w-10 items-center justify-center rounded-full bg-accent/10">
+                    <div className="h-2 w-2 rounded-full bg-accent" />
+                  </div>
+                  <h3 className="font-semibold text-foreground">Collaboration</h3>
+                  <p className="text-sm text-foreground/60">
+                    Fostering cooperation between ecosystem projects
+                  </p>
+                </div>
+              </div>
+            </section>
+          </ScrollReveal>
+
+          {/* Committee Members Grid */}
+          <ScrollReveal animation="scale">
+            <section className="space-y-8">
+              <div className="text-center">
+                <h2 className="text-3xl font-semibold text-foreground sm:text-4xl">
+                  Meet the Committee
+                </h2>
+                <p className="mt-4 text-lg text-foreground/60">
+                  Technical experts dedicated to React ecosystem excellence
+                </p>
+              </div>
+
+              <div className="grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
+                {committeeMembers.map((member) => (
+                  <div
+                    key={member.title}
+                    className="group relative overflow-hidden rounded-3xl border border-border/10 bg-card transition-all hover:border-success/20 hover:shadow-lg"
+                  >
+                    {/* Card Gradient Background */}
+                    <div className="absolute inset-0 bg-gradient-to-br from-success/5 via-transparent to-primary/5 opacity-0 transition-opacity group-hover:opacity-100" />
+
+                    <div className="relative p-6">
+                      {/* Headshot Placeholder */}
+                      <div className="mb-4 flex justify-center">
+                        <div className="flex h-24 w-24 items-center justify-center rounded-full border-2 border-border/20 bg-gradient-to-br from-muted to-muted/50">
+                          <div className="flex h-20 w-20 items-center justify-center rounded-full bg-muted">
+                            <svg
+                              className="h-12 w-12 text-muted-foreground/40"
+                              fill="none"
+                              stroke="currentColor"
+                              viewBox="0 0 24 24"
+                            >
+                              <path
+                                strokeLinecap="round"
+                                strokeLinejoin="round"
+                                strokeWidth={1.5}
+                                d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+
+                      {/* Member Info */}
+                      <div className="text-center">
+                        <h3 className="text-lg font-semibold text-foreground">
+                          {member.name}
+                        </h3>
+                        <p className="mt-1 text-xs font-medium text-success">
+                          {member.title}
+                        </p>
+                        <p className="mt-1 text-xs text-muted-foreground">
+                          {member.role}
+                        </p>
+                      </div>
+
+                      {/* Bio */}
+                      <p className="mt-4 text-xs leading-relaxed text-foreground/70">
+                        {member.bio}
+                      </p>
+
+                      {/* Expertise Tags */}
+                      <div className="mt-4 flex flex-wrap gap-1.5">
+                        {member.expertise.map((skill, skillIndex) => (
+                          <span
+                            key={skillIndex}
+                            className="rounded-full border border-border/50 bg-muted/50 px-2 py-0.5 text-[10px] text-foreground/80"
+                          >
+                            {skill}
+                          </span>
+                        ))}
+                      </div>
+                    </div>
+                  </div>
+                ))}
+              </div>
+            </section>
+          </ScrollReveal>
+
+          {/* Responsibilities */}
+          <ScrollReveal animation="fade-up">
+            <section className="space-y-8 rounded-3xl border border-border/10 bg-muted/60 p-12">
+              <h2 className="text-3xl font-semibold text-foreground sm:text-4xl">
+                Committee Responsibilities
+              </h2>
+              <div className="grid gap-6 lg:grid-cols-2">
+                <div className="space-y-4 rounded-2xl border border-border/10 bg-background/[0.03] p-8">
+                  <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-success to-primary">
+                    <svg className="h-6 w-6 text-success-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
+                    </svg>
+                  </div>
+                  <h3 className="text-xl font-semibold text-foreground">
+                    Technical Standards
+                  </h3>
+                  <p className="text-sm leading-relaxed text-foreground/70">
+                    Establishing and maintaining technical standards, API design guidelines,
+                    and best practices for ecosystem libraries.
+                  </p>
+                </div>
+
+                <div className="space-y-4 rounded-2xl border border-border/10 bg-background/[0.03] p-8">
+                  <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-primary to-primary/80">
+                    <svg className="h-6 w-6 text-primary-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
+                    </svg>
+                  </div>
+                  <h3 className="text-xl font-semibold text-foreground">
+                    Innovation Support
+                  </h3>
+                  <p className="text-sm leading-relaxed text-foreground/70">
+                    Evaluating emerging technologies, experimental features, and new patterns
+                    that could benefit the React ecosystem.
+                  </p>
+                </div>
+
+                <div className="space-y-4 rounded-2xl border border-border/10 bg-background/[0.03] p-8">
+                  <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-primary/80 to-accent">
+                    <svg className="h-6 w-6 text-primary-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
+                    </svg>
+                  </div>
+                  <h3 className="text-xl font-semibold text-foreground">
+                    Documentation & Education
+                  </h3>
+                  <p className="text-sm leading-relaxed text-foreground/70">
+                    Ensuring comprehensive technical documentation, guides, and educational
+                    resources for the community.
+                  </p>
+                </div>
+
+                <div className="space-y-4 rounded-2xl border border-border/10 bg-background/[0.03] p-8">
+                  <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-accent to-accent/80">
+                    <svg className="h-6 w-6 text-accent-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" />
+                    </svg>
+                  </div>
+                  <h3 className="text-xl font-semibold text-foreground">
+                    Ecosystem Coordination
+                  </h3>
+                  <p className="text-sm leading-relaxed text-foreground/70">
+                    Facilitating collaboration between projects, resolving technical conflicts,
+                    and promoting interoperability.
+                  </p>
+                </div>
+
+                <div className="space-y-4 rounded-2xl border border-border/10 bg-background/[0.03] p-8">
+                  <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-success/80 to-success">
+                    <svg className="h-6 w-6 text-success-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
+                    </svg>
+                  </div>
+                  <h3 className="text-xl font-semibold text-foreground">
+                    Security & Quality
+                  </h3>
+                  <p className="text-sm leading-relaxed text-foreground/70">
+                    Establishing security protocols, vulnerability response processes, and
+                    quality assurance standards.
+                  </p>
+                </div>
+
+                <div className="space-y-4 rounded-2xl border border-border/10 bg-background/[0.03] p-8">
+                  <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-gradient-to-br from-warning to-warning/80">
+                    <svg className="h-6 w-6 text-warning-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" />
+                    </svg>
+                  </div>
+                  <h3 className="text-xl font-semibold text-foreground">
+                    Performance & Optimization
+                  </h3>
+                  <p className="text-sm leading-relaxed text-foreground/70">
+                    Guiding performance optimization strategies, benchmarking practices, and
+                    establishing performance budgets.
+                  </p>
+                </div>
+              </div>
+            </section>
+          </ScrollReveal>
+
+          {/* Working Groups */}
+          <ScrollReveal animation="fade-up">
+            <section className="space-y-8 rounded-3xl border border-border/10 bg-gradient-to-br from-primary/5 via-success/5 to-accent/5 p-12">
+              <h2 className="text-3xl font-semibold text-foreground sm:text-4xl">
+                Technical Working Groups
+              </h2>
+              <p className="max-w-3xl text-lg leading-relaxed text-foreground/70">
+                The TSC organizes focused working groups to tackle specific technical challenges,
+                explore new patterns, and develop proposals for ecosystem-wide adoption.
+              </p>
+              <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+                <div className="space-y-3 rounded-2xl border border-border/10 bg-background/50 p-6">
+                  <h3 className="font-semibold text-foreground">Framework Interop</h3>
+                  <p className="text-sm text-foreground/70">
+                    Ensuring libraries work seamlessly across React frameworks
+                  </p>
+                </div>
+                <div className="space-y-3 rounded-2xl border border-border/10 bg-background/50 p-6">
+                  <h3 className="font-semibold text-foreground">Testing Standards</h3>
+                  <p className="text-sm text-foreground/70">
+                    Developing unified testing approaches and tools
+                  </p>
+                </div>
+                <div className="space-y-3 rounded-2xl border border-border/10 bg-background/50 p-6">
+                  <h3 className="font-semibold text-foreground">Server Components</h3>
+                  <p className="text-sm text-foreground/70">
+                    Exploring patterns for RSC adoption in libraries
+                  </p>
+                </div>
+                <div className="space-y-3 rounded-2xl border border-border/10 bg-background/50 p-6">
+                  <h3 className="font-semibold text-foreground">Type Safety</h3>
+                  <p className="text-sm text-foreground/70">
+                    Improving TypeScript integration across ecosystem
+                  </p>
+                </div>
+                <div className="space-y-3 rounded-2xl border border-border/10 bg-background/50 p-6">
+                  <h3 className="font-semibold text-foreground">Accessibility</h3>
+                  <p className="text-sm text-foreground/70">
+                    Establishing a11y standards and best practices
+                  </p>
+                </div>
+                <div className="space-y-3 rounded-2xl border border-border/10 bg-background/50 p-6">
+                  <h3 className="font-semibold text-foreground">Build Tooling</h3>
+                  <p className="text-sm text-foreground/70">
+                    Optimizing build systems and developer experience
+                  </p>
+                </div>
+              </div>
+            </section>
+          </ScrollReveal>
+
+          {/* CTA Section */}
+          <ScrollReveal animation="fade-up">
+            <section className="rounded-3xl border border-border/10 bg-gradient-to-br from-success/10 via-primary/5 to-primary/10 p-12 text-center">
+              <h2 className="text-3xl font-semibold text-foreground sm:text-4xl">
+                Get Involved in Technical Discussions
+              </h2>
+              <p className="mx-auto mt-6 max-w-2xl text-lg text-foreground/70">
+                Join our technical discussions, propose new standards, and help shape the
+                future of the React ecosystem.
+              </p>
+              <div className="mt-8 flex flex-wrap items-center justify-center gap-4">
+                <ButtonLink href="/about" variant="secondary" size="lg">
+                  About the Foundation
+                </ButtonLink>
+                <ButtonLink href="/impact" variant="primary" size="lg">
+                  View Our Impact
+                </ButtonLink>
+              </div>
+            </section>
+          </ScrollReveal>
+        </main>
+      </div>
+
+      <Footer />
+    </div>
+  );
+}
