diff --git a/apps/web/src/app/[locale]/(marketing)/page.tsx b/apps/web/src/app/[locale]/(marketing)/page.tsx index 4261954..346ffea 100644 --- a/apps/web/src/app/[locale]/(marketing)/page.tsx +++ b/apps/web/src/app/[locale]/(marketing)/page.tsx @@ -8,6 +8,7 @@ import { MeetsYou } from "~/modules/marketing/home/meets-you"; import { BeyondTerminal } from "~/modules/marketing/home/beyond-terminal"; import { DemoDashboard } from "~/modules/marketing/home/demo-dashboard"; import { WhatIsClaudemesh } from "~/modules/marketing/home/what-is-claudemesh"; +import { Timeline } from "~/modules/marketing/home/timeline"; import { FAQ } from "~/modules/marketing/home/faq"; import { CallToAction } from "~/modules/marketing/home/cta"; import { MeshStats } from "~/modules/marketing/home/mesh-stats"; @@ -34,6 +35,7 @@ const HomePage = () => { + diff --git a/apps/web/src/modules/marketing/home/timeline.tsx b/apps/web/src/modules/marketing/home/timeline.tsx new file mode 100644 index 0000000..a395e41 --- /dev/null +++ b/apps/web/src/modules/marketing/home/timeline.tsx @@ -0,0 +1,223 @@ +"use client"; +import { useRef } from "react"; +import { Reveal, SectionIcon } from "./_reveal"; + +const MILESTONES = [ + { + version: "v0.1", + phase: "Foundation", + color: "var(--cm-clay)", + items: [ + "E2E encrypted messaging (libsodium crypto_box)", + "WSS broker with reconnect + priority routing", + "ed25519 identity + signed invite links", + "claudemesh launch with dev-channel push", + "Named sessions + ephemeral keypairs", + "Production hardening (stale sweep, sender exclusion)", + ], + stat: "16 releases", + }, + { + version: "v0.2", + phase: "Groups", + color: "var(--cm-fig)", + items: [ + "@group routing with roles (lead, member, observer)", + "Interactive wizard for launch configuration", + "Dynamic join/leave groups at runtime", + "Multicast delivery with sender exclusion", + ], + stat: "6 coordination patterns", + }, + { + version: "v0.3", + phase: "Shared Intelligence", + color: "var(--cm-cactus)", + items: [ + "Shared state — live key-value with push notifications", + "Memory — persistent knowledge with full-text search", + "Message status — per-recipient delivery tracking", + "MCP instructions — dynamic identity + tool guide", + ], + stat: "Peers learn collectively", + }, + { + version: "v0.4", + phase: "Files & Targeting", + color: "var(--cm-oat)", + items: [ + "MinIO file sharing with per-peer access control", + "Message attachments (ephemeral, 24h TTL)", + "Multi-target messages with deduplication", + "Targeted views — per-audience message tailoring", + ], + stat: "Binary artifacts + text", + }, + { + version: "v0.5", + phase: "Data Platform", + color: "var(--cm-clay)", + items: [ + "Per-mesh SQL database (Postgres schema)", + "Vector search (Qdrant semantic embeddings)", + "Graph database (Neo4j entity relationships)", + "Context sharing between peer sessions", + "Tasks — create, claim, complete work items", + "Streams — real-time pub/sub data channels", + ], + stat: "5 persistence backends", + }, + { + version: "v0.6–0.8", + phase: "Platform", + color: "var(--cm-fig)", + items: [ + "Mesh MCP proxy — dynamic tool sharing between peers", + "Skills catalog — publish + discover reusable instructions", + "Signed hash-chain audit log for mesh events", + "Inbound webhooks for external integrations", + "Scheduled messages + cron-based reminders", + "Mesh services — deploy MCP servers with vault + scopes", + "Runner container for git/npx service sources", + "URL watch — broker polls URLs, notifies on change", + "Telegram bridge with multi-tenant routing", + "Peer stats reporting (messages, uptime, errors)", + ], + stat: "43 MCP tools total", + }, +]; + +export const Timeline = () => { + const trackRef = useRef(null); + + return ( +
+
+ + + + +

+ Shipped, not promised +

+ + +

+ 66 npm releases. Every feature below is in production today. +

+ + + +
+ {/* Vertical line */} +
+ +
+ {MILESTONES.map((m, idx) => ( +
+ {/* Dot on timeline */} +
+
+
+ + {/* Content */} +
+ {/* Header */} +
+
+ + {m.version} + +

+ {m.phase} +

+
+ + {m.stat} + +
+ + {/* Items grid */} +
+ {m.items.map((item) => ( +
+ + {item} +
+ ))} +
+
+
+ ))} +
+ + {/* Bottom: what's next */} +
+
+
+
+ + next + + + Dashboard · Slack bridge · self-host packaging · SSO + +
+
+
+
+ +
+
+ ); +};