From e250c8d13639a9f54ee122612f5cc49808042e94 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sat, 8 Nov 2025 02:06:15 +0000
Subject: [PATCH] About - Strategic Four-Pillar Organization

cgen-11392be9e5db48a8bba243638f5f2707
---
 client/pages/About.tsx | 655 ++++++++++++++---------------------------
 1 file changed, 222 insertions(+), 433 deletions(-)

diff --git a/client/pages/About.tsx b/client/pages/About.tsx
index fb2e5d43..e005d629 100644
--- a/client/pages/About.tsx
+++ b/client/pages/About.tsx
@@ -1,465 +1,254 @@
 import Layout from "@/components/Layout";
-import {
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-} from "@/components/ui/card";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Rocket, Cpu, Users, Shield, Zap, GitBranch } from "lucide-react";
+import { Beaker, Briefcase, Heart, Network, Lock, TrendingUp, Users, Shield } from "lucide-react";
 
 export default function About() {
-  const values = [
+  const pillars = [
     {
-      icon: <Shield className="h-5 w-5" />,
-      title: "Integrity",
-      desc: "Transparent processes, honest communication, dependable delivery.",
+      id: "labs",
+      name: "Labs",
+      color: "from-yellow-500 to-orange-500",
+      icon: Beaker,
+      tagline: "The Innovation Engine",
+      description: "Bleeding-edge R&D focused on proprietary technology and thought leadership",
+      focus: ["Advanced AI & Machine Learning", "Next-gen Web Architectures", "Procedural Content Generation", "Graphics & Performance Optimization"],
+      function: "High-burn speculative research creating lasting competitive advantage",
     },
     {
-      icon: <Zap className="h-5 w-5" />,
-      title: "Excellence",
-      desc: "Relentless attention to quality, performance, and user experience.",
+      id: "corp",
+      name: "Corp",
+      color: "from-blue-500 to-cyan-500",
+      icon: Briefcase,
+      tagline: "The Profit Engine",
+      description: "High-margin consulting and enterprise solutions subsidizing R&D investment",
+      focus: ["Custom Software Development", "Enterprise Consulting", "Game Development Services", "Digital Transformation"],
+      function: "Stable revenue generation and financial discipline for investor confidence",
     },
     {
-      icon: <Users className="h-5 w-5" />,
-      title: "Partnership",
-      desc: "We win with our customers, not at their expense.",
+      id: "foundation",
+      name: "Foundation",
+      color: "from-red-500 to-pink-500",
+      icon: Heart,
+      tagline: "Community & Education",
+      description: "Open-source and educational mission building goodwill and talent pipeline",
+      focus: ["Open-Source Code Repositories", "Educational Curriculum", "Community Workshops", "Talent Development"],
+      function: "Goodwill moat, specialized talent pipeline, and ecosystem growth",
+    },
+    {
+      id: "devlink",
+      name: "Dev-Link",
+      color: "from-cyan-500 to-blue-500",
+      icon: Network,
+      tagline: "Talent Network",
+      description: "B2B SaaS platform for specialized professional networking and recruitment",
+      focus: ["Recruitment Platform", "Talent Matching", "Professional Network", "Career Development"],
+      function: "Access-based moat and lock-in effect for specialized human capital",
     },
   ];
 
-  const capabilities = [
+  const moats = [
     {
-      title: "Product Engineering",
-      points: [
-        "Web & Mobile Apps",
-        "Realtime & AI Systems",
-        "3D & Game Experiences",
-      ],
+      title: "Technological Moat",
+      description: "Labs creates proprietary AI and architectural innovations licensed to Corp and Dev-Link",
+      icon: Shield,
+      color: "bg-yellow-500/20 border-yellow-500/40 text-yellow-300",
     },
     {
-      title: "Platform & Infra",
-      points: [
-        "Cloud-native Architecture",
-        "DevOps & Observability",
-        "Security & Compliance",
-      ],
+      title: "Talent Moat",
+      description: "Dev-Link and Foundation establish curated access to specialized immersive developers",
+      icon: Users,
+      color: "bg-cyan-500/20 border-cyan-500/40 text-cyan-300",
     },
     {
-      title: "Advisory & Enablement",
-      points: [
-        "Technical Strategy",
-        "Codebase Modernization",
-        "Team Upskilling",
-      ],
+      title: "Community Moat",
+      description: "Foundation builds trust and goodwill through open-source and educational mission",
+      icon: Heart,
+      color: "bg-red-500/20 border-red-500/40 text-red-300",
     },
   ];
 
-  const milestones = [
-    { kpi: "99.9%", label: "Uptime targets" },
-    { kpi: "10x", label: "Perf improvements" },
-    { kpi: "50+", label: "Projects shipped" },
-    { kpi: "<30d", label: "MVP timelines" },
+  const benefits = [
+    {
+      title: "Risk Segregation",
+      description: "Labs' high-burn R&D is isolated from operational liabilities, protecting core assets",
+      icon: Lock,
+    },
+    {
+      title: "Tax Optimization",
+      description: "Corp and Dev-Link as profit centers, Foundation as 501(c)(3), optimizing UBIT exposure",
+      icon: TrendingUp,
+    },
+    {
+      title: "Investor Confidence",
+      description: "Low burn multiples demonstrated through profitable Corp operations subsidizing R&D",
+      icon: TrendingUp,
+    },
+    {
+      title: "IP Centralization",
+      description: "Labs acts as IP holding company with licensing to subsidiaries via transfer pricing",
+      icon: Shield,
+    },
   ];
 
   return (
     <Layout>
-      <div className="min-h-screen bg-aethex-gradient py-12">
-        <div className="container mx-auto px-4 max-w-6xl space-y-10">
-          <div className="grid md:grid-cols-2 gap-8 items-start">
-            <div className="space-y-4">
-              <h1 className="text-4xl font-bold text-gradient-purple">
-                About AeThex
-              </h1>
-              <p className="text-muted-foreground text-lg">
-                AeThex is a community-driven platform for builders, game
-                developers, and clients to create together. We craft reliable,
-                scalable software—shipping fast without compromising quality.
-                From prototypes to global platforms, we partner end-to-end:
-                strategy, design, engineering, and growth.
-              </p>
-              <div className="mt-2 p-3 rounded-lg border border-aethex-500/30 bg-aethex-500/10 text-sm text-aethex-200">
-                What this site is about: a social, collaborative hub to share
-                work, post updates, discover projects, and level up through
-                mentorship, open-source, and real-time community features.
-              </div>
-              <div className="flex flex-wrap gap-2">
-                <Badge variant="outline">TypeScript</Badge>
-                <Badge variant="outline">React</Badge>
-                <Badge variant="outline">Node</Badge>
-                <Badge variant="outline">Supabase</Badge>
-                <Badge variant="outline">Edge</Badge>
-              </div>
-              <div className="flex gap-3 pt-2">
-                <Button asChild>
-                  <a href="/community">Join the community</a>
-                </Button>
-                <Button asChild variant="outline">
-                  <a href="/feed">Explore the feed</a>
-                </Button>
-              </div>
-            </div>
-            <Card className="bg-card/50 border-border/50">
-              <CardHeader>
-                <CardTitle className="flex items-center gap-2">
-                  <Rocket className="h-5 w-5" /> Mission
-                </CardTitle>
-                <CardDescription>
-                  Turn bold ideas into useful, loved software.
-                </CardDescription>
-              </CardHeader>
-              <CardContent className="grid sm:grid-cols-2 gap-4">
-                {capabilities.map((c) => (
-                  <div key={c.title}>
-                    <div className="font-medium mb-1">{c.title}</div>
-                    <ul className="text-sm text-muted-foreground list-disc list-inside space-y-1">
-                      {c.points.map((p) => (
-                        <li key={p}>{p}</li>
-                      ))}
-                    </ul>
-                  </div>
-                ))}
-              </CardContent>
-            </Card>
+      <div className="min-h-screen bg-black text-white">
+        {/* Hero */}
+        <section className="py-16 lg:py-24 border-b border-gray-800">
+          <div className="container mx-auto max-w-6xl px-4">
+            <h1 className="text-5xl lg:text-7xl font-black mb-6">
+              Building an Integrated <span className="bg-gradient-to-r from-yellow-300 via-blue-300 to-red-300 bg-clip-text text-transparent">Ecosystem</span>
+            </h1>
+            <p className="text-xl text-gray-300 max-w-3xl">
+              AeThex operates as a unified four-pillar organization that combines speculative innovation, profitable operations, community impact, and specialized talent acquisition. This structure creates multiple reinforcing competitive moats while managing risk and maintaining investor confidence.
+            </p>
           </div>
+        </section>
 
-          <div className="grid md:grid-cols-4 gap-4">
-            {milestones.map((m) => (
-              <Card
-                key={m.label}
-                className="bg-card/50 border-border/50 text-center"
-              >
-                <CardContent className="p-6">
-                  <div className="text-3xl font-bold text-gradient">
-                    {m.kpi}
-                  </div>
-                  <div className="text-sm text-muted-foreground mt-1">
-                    {m.label}
-                  </div>
+        {/* Four Pillars */}
+        <section className="py-16 border-b border-gray-800">
+          <div className="container mx-auto max-w-6xl px-4">
+            <h2 className="text-3xl font-bold mb-12">The Four Pillars</h2>
+            <div className="grid md:grid-cols-2 gap-6">
+              {pillars.map((pillar) => {
+                const Icon = pillar.icon;
+                return (
+                  <Card key={pillar.id} className="bg-gray-900/50 border-gray-800 hover:border-gray-700 transition-all">
+                    <CardHeader>
+                      <div className={`w-12 h-12 rounded-lg bg-gradient-to-r ${pillar.color} flex items-center justify-center mb-4`}>
+                        <Icon className="h-6 w-6 text-white" />
+                      </div>
+                      <CardTitle>
+                        <div className="text-2xl font-black">{pillar.name}</div>
+                        <div className="text-sm font-normal text-gray-400 mt-1">{pillar.tagline}</div>
+                      </CardTitle>
+                    </CardHeader>
+                    <CardContent className="space-y-4">
+                      <p className="text-gray-300">{pillar.description}</p>
+                      <div>
+                        <p className="text-xs font-semibold text-gray-400 mb-2">KEY AREAS</p>
+                        <ul className="space-y-1">
+                          {pillar.focus.map((item, idx) => (
+                            <li key={idx} className="text-sm text-gray-400">• {item}</li>
+                          ))}
+                        </ul>
+                      </div>
+                      <div className="pt-4 border-t border-gray-800">
+                        <p className="text-xs font-semibold text-gray-400 mb-2">STRATEGIC FUNCTION</p>
+                        <p className="text-sm text-gray-300">{pillar.function}</p>
+                      </div>
+                    </CardContent>
+                  </Card>
+                );
+              })}
+            </div>
+          </div>
+        </section>
+
+        {/* Competitive Moats */}
+        <section className="py-16 border-b border-gray-800">
+          <div className="container mx-auto max-w-6xl px-4">
+            <h2 className="text-3xl font-bold mb-6">Integrated Competitive Moats</h2>
+            <p className="text-gray-300 mb-12 max-w-3xl">
+              While competitors can replicate technology, the AeThex structure creates multiple, mutually-reinforcing barriers to entry that are far more resilient and defensible.
+            </p>
+            <div className="grid md:grid-cols-3 gap-6">
+              {moats.map((moat, idx) => {
+                const Icon = moat.icon;
+                return (
+                  <Card key={idx} className={`border ${moat.color.split(" ")[1]} ${moat.color.split(" ")[0]} bg-black/40`}>
+                    <CardHeader>
+                      <Icon className="h-8 w-8 mb-4" />
+                      <CardTitle className="text-lg">{moat.title}</CardTitle>
+                    </CardHeader>
+                    <CardContent>
+                      <p className="text-sm text-gray-300">{moat.description}</p>
+                    </CardContent>
+                  </Card>
+                );
+              })}
+            </div>
+          </div>
+        </section>
+
+        {/* Strategic Benefits */}
+        <section className="py-16 border-b border-gray-800">
+          <div className="container mx-auto max-w-6xl px-4">
+            <h2 className="text-3xl font-bold mb-12">Strategic Benefits</h2>
+            <div className="grid md:grid-cols-2 gap-6">
+              {benefits.map((benefit, idx) => {
+                const Icon = benefit.icon;
+                return (
+                  <Card key={idx} className="bg-gray-900/50 border-gray-800">
+                    <CardContent className="pt-6">
+                      <div className="flex gap-4">
+                        <Icon className="h-6 w-6 text-blue-400 flex-shrink-0" />
+                        <div>
+                          <h3 className="font-semibold mb-2">{benefit.title}</h3>
+                          <p className="text-sm text-gray-400">{benefit.description}</p>
+                        </div>
+                      </div>
+                    </CardContent>
+                  </Card>
+                );
+              })}
+            </div>
+          </div>
+        </section>
+
+        {/* Governance & Compliance */}
+        <section className="py-16">
+          <div className="container mx-auto max-w-6xl px-4">
+            <h2 className="text-3xl font-bold mb-6">Governance & Compliance</h2>
+            <div className="grid md:grid-cols-2 gap-6">
+              <Card className="bg-gray-900/50 border-gray-800">
+                <CardHeader>
+                  <CardTitle>Parent Company Structure</CardTitle>
+                </CardHeader>
+                <CardContent className="space-y-3">
+                  <p className="text-sm text-gray-300">
+                    Benefit Corporation status legally protects our dual mission of profit and public benefit, enabling strategic investment in research and community regardless of leadership or capital changes.
+                  </p>
+                  <Badge className="bg-blue-500/20 text-blue-300">Benefit Corp</Badge>
                 </CardContent>
               </Card>
-            ))}
+              <Card className="bg-gray-900/50 border-gray-800">
+                <CardHeader>
+                  <CardTitle>Liability Isolation</CardTitle>
+                </CardHeader>
+                <CardContent className="space-y-3">
+                  <p className="text-sm text-gray-300">
+                    Wholly-owned C-Corporation subsidiaries with separate boards, bank accounts, and intercompany agreements maintain the corporate veil and protect parent assets from operational liabilities.
+                  </p>
+                  <Badge className="bg-yellow-500/20 text-yellow-300">Risk Segregation</Badge>
+                </CardContent>
+              </Card>
+              <Card className="bg-gray-900/50 border-gray-800">
+                <CardHeader>
+                  <CardTitle>IP Management</CardTitle>
+                </CardHeader>
+                <CardContent className="space-y-3">
+                  <p className="text-sm text-gray-300">
+                    Labs acts as IP Holding Company with formal licensing agreements to Corp and Dev-Link at Fair Market Value, enabling tax-efficient transfer pricing and centralized IP control.
+                  </p>
+                  <Badge className="bg-green-500/20 text-green-300">IPCo Strategy</Badge>
+                </CardContent>
+              </Card>
+              <Card className="bg-gray-900/50 border-gray-800">
+                <CardHeader>
+                  <CardTitle>Foundation Governance</CardTitle>
+                </CardHeader>
+                <CardContent className="space-y-3">
+                  <p className="text-sm text-gray-300">
+                    Independent board majority, Fund Accounting, and related-party transaction safeguards prevent private inurement and maintain 501(c)(3) tax-exempt status.
+                  </p>
+                  <Badge className="bg-red-500/20 text-red-300">Compliance First</Badge>
+                </CardContent>
+              </Card>
+            </div>
           </div>
-
-          {/* Vision */}
-          <Card className="bg-card/50 border-border/50">
-            <CardHeader>
-              <CardTitle className="flex items-center gap-2">
-                <Rocket className="h-5 w-5" /> Vision
-              </CardTitle>
-              <CardDescription>
-                A builder-first network that turns ideas into shipping products
-                faster.
-              </CardDescription>
-            </CardHeader>
-            <CardContent className="grid md:grid-cols-2 gap-6">
-              <div className="space-y-2 text-sm text-muted-foreground">
-                <p>
-                  We’re unifying services, platform, and community into a single
-                  operating layer for creators and teams. Profiles,
-                  collaboration, mentorship, and delivery run as one system—so
-                  momentum compounds.
-                </p>
-                <p>
-                  The long game: a trusted ecosystem where reputation, assets,
-                  and learning follow you across projects.
-                </p>
-              </div>
-              <div className="grid sm:grid-cols-2 gap-3">
-                {[
-                  "Quality over hype",
-                  "Open + composable",
-                  "Measure outcomes",
-                  "Own your data",
-                ].map((t) => (
-                  <div
-                    key={t}
-                    className="rounded-lg border border-border/50 p-3 text-sm"
-                  >
-                    {t}
-                  </div>
-                ))}
-              </div>
-            </CardContent>
-          </Card>
-
-          {/* Ecosystem Diagram */}
-          <Card className="bg-card/50 border-border/50">
-            <CardHeader>
-              <CardTitle className="flex items-center gap-2">
-                <Zap className="h-5 w-5" /> The AeThex Ecosystem
-              </CardTitle>
-              <CardDescription>
-                Five specialized arms united by a shared mission to empower creators
-                and builders.
-              </CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="grid md:grid-cols-5 gap-4 mb-8">
-                {[
-                  {
-                    name: "Labs",
-                    color: "from-yellow-500 to-yellow-600",
-                    bgColor: "bg-yellow-500/10",
-                    borderColor: "border-yellow-400/30",
-                    desc: "Research & Innovation",
-                    link: "/labs",
-                  },
-                  {
-                    name: "GameForge",
-                    color: "from-green-500 to-green-600",
-                    bgColor: "bg-green-500/10",
-                    borderColor: "border-green-400/30",
-                    desc: "Game Development",
-                    link: "/game-development",
-                  },
-                  {
-                    name: "Corp",
-                    color: "from-blue-500 to-blue-600",
-                    bgColor: "bg-blue-500/10",
-                    borderColor: "border-blue-400/30",
-                    desc: "Enterprise Solutions",
-                    link: "/consulting",
-                  },
-                  {
-                    name: "Foundation",
-                    color: "from-red-500 to-red-600",
-                    bgColor: "bg-red-500/10",
-                    borderColor: "border-red-400/30",
-                    desc: "Open Source & Education",
-                    link: "/community",
-                  },
-                  {
-                    name: "Dev-Link",
-                    color: "from-cyan-500 to-cyan-600",
-                    bgColor: "bg-cyan-500/10",
-                    borderColor: "border-cyan-400/30",
-                    desc: "Developer Network",
-                    link: "/dev-link",
-                  },
-                ].map((arm) => (
-                  <a
-                    key={arm.name}
-                    href={arm.link}
-                    className={`rounded-lg border ${arm.borderColor} ${arm.bgColor} p-4 hover:border-opacity-60 transition cursor-pointer`}
-                  >
-                    <div
-                      className={`h-12 w-full rounded mb-3 bg-gradient-to-r ${arm.color} opacity-20`}
-                    />
-                    <div className="font-semibold text-sm">{arm.name}</div>
-                    <div className="text-xs text-muted-foreground mt-1">
-                      {arm.desc}
-                    </div>
-                  </a>
-                ))}
-              </div>
-
-              <div className="rounded-lg border border-border/50 bg-gradient-to-b from-aethex-500/5 to-transparent p-6">
-                <h3 className="font-semibold mb-3 text-sm">How They Connect</h3>
-                <div className="grid sm:grid-cols-2 gap-3 text-sm text-muted-foreground">
-                  <div className="flex items-start gap-2">
-                    <span className="text-aethex-400 font-bold">→</span>
-                    <span>
-                      <strong>Labs</strong> pioneers new tools and methods that
-                      others can adopt
-                    </span>
-                  </div>
-                  <div className="flex items-start gap-2">
-                    <span className="text-aethex-400 font-bold">→</span>
-                    <span>
-                      <strong>GameForge</strong> ships reliable products using Lab
-                      innovations
-                    </span>
-                  </div>
-                  <div className="flex items-start gap-2">
-                    <span className="text-aethex-400 font-bold">→</span>
-                    <span>
-                      <strong>Corp</strong> brings enterprise-grade solutions to
-                      market
-                    </span>
-                  </div>
-                  <div className="flex items-start gap-2">
-                    <span className="text-aethex-400 font-bold">→</span>
-                    <span>
-                      <strong>Foundation</strong> open-sources knowledge and
-                      tools for the community
-                    </span>
-                  </div>
-                  <div className="flex items-start gap-2 sm:col-span-2">
-                    <span className="text-aethex-400 font-bold">→</span>
-                    <span>
-                      <strong>Dev-Link</strong> connects all creators in one
-                      professional network
-                    </span>
-                  </div>
-                </div>
-              </div>
-            </CardContent>
-          </Card>
-
-          {/* Platform Overview */}
-          <Card className="bg-card/50 border-border/50">
-            <CardHeader>
-              <CardTitle className="flex items-center gap-2">
-                <Cpu className="h-5 w-5" /> Platform Overview
-              </CardTitle>
-              <CardDescription>
-                What’s live today and what’s rolling out next.
-              </CardDescription>
-            </CardHeader>
-            <CardContent className="grid md:grid-cols-3 gap-6">
-              {[
-                {
-                  title: "Community Hub",
-                  desc: "Profiles, feed, follows, reactions, and spotlights.",
-                  href: "/community",
-                },
-                {
-                  title: "Mentorship Network",
-                  desc: "Directory, mentor profiles, and request workflow.",
-                  href: "/community/mentorship",
-                },
-                {
-                  title: "Developer Passport",
-                  desc: "Unified identity with achievements and portfolio.",
-                  href: "/passport/me",
-                },
-                {
-                  title: "Admin Console",
-                  desc: "Members, mentorship, content, and ops controls.",
-                  href: "/admin",
-                },
-                {
-                  title: "Roadmap & Dev Drops",
-                  desc: "Public roadmap, voting, and feature showcases.",
-                  href: "/roadmap",
-                },
-                {
-                  title: "Studios & Opportunities",
-                  desc: "Featured studios, hiring signals, and bounties.",
-                  href: "/opportunities",
-                },
-                {
-                  title: "Docs & Curriculum",
-                  desc: "Guides, examples, and integrations for builders.",
-                  href: "/docs",
-                },
-                {
-                  title: "Investors Portal",
-                  desc: "Overview, thesis, and secure outreach.",
-                  href: "/investors",
-                },
-                {
-                  title: "Realms & Access",
-                  desc: "Role-based access across client, community, staff.",
-                  href: "/realms",
-                },
-              ].map((f) => (
-                <a
-                  key={f.title}
-                  href={f.href}
-                  className="block rounded-lg border border-border/50 p-4 hover:border-aethex-400/50 transition"
-                >
-                  <div className="font-semibold">{f.title}</div>
-                  <p className="text-sm text-muted-foreground mt-1">{f.desc}</p>
-                </a>
-              ))}
-            </CardContent>
-          </Card>
-
-          <Card className="bg-card/50 border-border/50">
-            <CardHeader>
-              <CardTitle className="flex items-center gap-2">
-                <Cpu className="h-5 w-5" /> Our Approach
-              </CardTitle>
-              <CardDescription>
-                Opinionated engineering, measurable outcomes.
-              </CardDescription>
-            </CardHeader>
-            <CardContent className="grid md:grid-cols-3 gap-6">
-              {values.map((v) => (
-                <div
-                  key={v.title}
-                  className="p-4 rounded-lg border border-border/50"
-                >
-                  <div className="flex items-center gap-2 font-semibold">
-                    {v.icon}
-                    {v.title}
-                  </div>
-                  <p className="text-sm text-muted-foreground mt-1">{v.desc}</p>
-                </div>
-              ))}
-            </CardContent>
-          </Card>
-
-          <Card className="bg-card/50 border-border/50">
-            <CardHeader>
-              <CardTitle className="flex items-center gap-2">
-                <GitBranch className="h-5 w-5" /> Timeline
-              </CardTitle>
-              <CardDescription>
-                From humble beginnings to a thriving community (2011 → today).
-              </CardDescription>
-            </CardHeader>
-            <CardContent className="space-y-4">
-              {[
-                {
-                  year: "2011",
-                  title: "First open-source experiments",
-                  desc: "Indie tools and game mods shared with small dev circles.",
-                },
-                {
-                  year: "2015",
-                  title: "Community hub v1",
-                  desc: "Forums, showcases, and lightweight collaboration features.",
-                },
-                {
-                  year: "2019",
-                  title: "Realtime systems",
-                  desc: "Live updates, notifications, and multiplayer primitives.",
-                },
-                {
-                  year: "2023",
-                  title: "Creator network",
-                  desc: "Dashboard foundations and social graph refresh.",
-                },
-                {
-                  year: "2024 Q4",
-                  title: "Mentorship launch",
-                  desc: "Public mentor directory, profiles, and request flow.",
-                },
-                {
-                  year: "2025 Q1",
-                  title: "Realms + Admin",
-                  desc: "Role-based access and consolidated admin console.",
-                },
-                {
-                  year: "2025 Q2",
-                  title: "Roadmap + Dev Drops",
-                  desc: "Public roadmap with voting and feature spotlights.",
-                },
-                {
-                  year: "2025 Q3",
-                  title: "Investors portal",
-                  desc: "Thesis, traction, and secure outreach channel.",
-                },
-              ].map((item) => (
-                <div key={item.year} className="flex items-start gap-3">
-                  <div className="h-2 w-2 rounded-full bg-aethex-400 mt-2" />
-                  <div>
-                    <div className="font-medium">
-                      {item.year} • {item.title}
-                    </div>
-                    <div className="text-sm text-muted-foreground">
-                      {item.desc}
-                    </div>
-                  </div>
-                </div>
-              ))}
-            </CardContent>
-          </Card>
-        </div>
+        </section>
       </div>
     </Layout>
   );