feat(web,readme): hide broken demo, swap Fig labels for SVG icons, add logo

- Remove the HammerDemo section from the landing page and delete the
  component. The demo POSTs to localhost:3001, so on the hosted site
  it is dead weight and worse UX than not showing it at all. It will
  come back when the hosted API ships.
- Replace the "Fig 1 / Fig 2 / Fig 3" placeholders in the metrics
  cards with actual SVG icons that encode each stat: parallel lines
  converging into an ordered stream (1000 concurrent writes), shield
  with check (0 race conditions), lightning bolt (<100ms p50 read).
- Add a static apps/web/public/logo.svg — same 3-fading-bars-to-1
  visual as the favicon — and embed it at the top of the README.
- Drop hammer-demo references from the README (CTA badge, status
  table, dashboard-experience bullet, dedicated section, roadmap),
  and move the demo to V1 behind the hosted API.

Author: Devansh-365

README.md

@@ -2,6 +2,8 @@
 
 <br />
 
+<img src="apps/web/public/logo.svg" alt="sheetforge" width="120" height="120" />
+
 # sheetforge
 
 ### Google Sheets as a backend that actually behaves like one.
@@ -21,8 +23,6 @@ Serialized writes. Idempotent retries. Typed TypeScript SDKs, generated live fro
 
 [![Self-host in 60s](https://img.shields.io/badge/Self--host%20in%2060s%20→-0c0c0e?style=for-the-badge&labelColor=22c55e)](#quickstart)
 &nbsp;
-[![Try the hammer demo](https://img.shields.io/badge/Try%20the%20hammer%20demo%20→-22c55e?style=for-the-badge&labelColor=0c0c0e)](#the-hammer-demo)
-&nbsp;
 [![How it works](https://img.shields.io/badge/How%20it%20works%20→-bbf7d0?style=for-the-badge&labelColor=0c0c0e)](#how-the-queue-actually-works)
 
 <br />
@@ -83,32 +83,14 @@ await Promise.all([
 | Surface | Status |
 | :-- | :-- |
 | Landing site (marketing only) | ✅ live at [sheetforge.dev](https://sheetforge.dev) |
-| Dashboard + API (write-queue, SDK codegen, hammer demo) | 🟢 runs locally via `pnpm dev` |
+| Dashboard + API (write-queue, SDK codegen) | 🟢 runs locally via `pnpm dev` |
 | Hosted SaaS (sign up, skip local infra) | ⏳ planned after V1 stabilizes |
 | OSS core (`packages/queue`, `packages/codegen`, `packages/sdk-ts`) | ✅ MIT, free forever |
 
-**What this means for you.** If you land on the marketing site today and hit "Sign in", that flow only works against an API *you* run — the hosted endpoint isn't up yet. To try the product, clone this repo, follow the [quickstart](#quickstart), and the dashboard at `http://localhost:3000` gives you the whole experience (OAuth, sheet connect, typed SDK download, hammer demo).
+**What this means for you.** If you land on the marketing site today and hit "Sign in", that flow only works against an API *you* run — the hosted endpoint isn't up yet. To try the product, clone this repo, follow the [quickstart](#quickstart), and the dashboard at `http://localhost:3000` gives you the whole experience (OAuth, sheet connect, typed SDK download).
 
 I'll update this section the moment the hosted API is live. Star the repo to get notified.
 
-## The hammer demo
-
-There's a button on the landing page labeled **fire 50 parallel writes**. Once you have the stack running locally, it fires 50 concurrent POSTs at a synthetic sheet, polls the status endpoint, and paints a 50-tile grid as writes land. Try breaking it.
-
-```
-  $ pnpm dev
-  ▸ web  http://localhost:3000
-  ▸ api  http://localhost:3001
-
-  fire 50 parallel writes
-  ██████████████████████████████████████████  50 / 50
-  ordered · idempotent · 1.2s end-to-end
-```
-
-Zero dropped rows. Zero duplicates on replay. Grid order matches enqueue order because the advisory lock serializes the tail. The same hammer hits a raw Sheets API sample and reliably drops 3 to 8 rows per run.
-
-> The demo button on the **hosted** landing page intentionally points at `localhost:3001` — it's here to show the pipeline, not to be a SaaS. When the hosted API ships, it'll be swapped to the public endpoint.
-
 ## Quickstart
 
 ```bash
@@ -309,7 +291,7 @@ slices/             feature slices. barrel is the only public API
   write-queue/      submitWrite, processNext, advisory-lock fencing
   rest-api/         Hono routes, CORS, idempotency, error boundary
   sdk-codegen/      schema to TypeScript client
-  demo/             the hammer demo (public, rate-limited)
+  demo/             local-only hammer demo (hidden until hosted API ships)
 
 packages/           MIT, npm-publishable, no shared/ imports
   queue/            generic Redis-Streams consumer
@@ -335,9 +317,9 @@ Slice internals stay private. Cross-slice imports fail CI. `packages/*` stays OS
 - [x] Idempotency by key, partial unique index
 - [x] Upstash REST adapter (Workers-ready)
 - [x] TypeScript SDK download
-- [x] Hammer demo on the landing page
 
 **V1**
+- [ ] Hammer demo on the hosted landing page (requires hosted API)
 - [ ] Dedicated worker process (currently inline with API)
 - [ ] Python SDK generator
 - [ ] Write-status webhooks

apps/web/public/logo.svg

@@ -1,6 +1,5 @@
 'use client';
 
-import { HammerDemo } from '@/components/HammerDemo';
 import { ChevronDownIcon, CopyIcon, OpenCodeLogo } from '@/components/icons';
 import { useState } from 'react';
 
@@ -342,10 +341,48 @@ function StatsSection() {
       </p>
       <div className="grid grid-cols-3 gap-6">
         <div
-          className="border rounded p-6"
+          className="border rounded p-6 flex flex-col gap-3"
           style={{ borderColor: '#3d3838' }}
         >
-          <p className="text-[#7f7a7a] text-sm mb-2">Fig 1.</p>
+          <svg
+            width="40"
+            height="40"
+            viewBox="0 0 40 40"
+            fill="none"
+            aria-hidden="true"
+          >
+            <title>Parallel writes converging into an ordered stream</title>
+            <path
+              d="M4 10 L18 10 L24 20"
+              stroke="#22c55e"
+              strokeOpacity="0.45"
+              strokeWidth="2"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            />
+            <path
+              d="M4 20 L18 20 L24 20"
+              stroke="#22c55e"
+              strokeOpacity="0.7"
+              strokeWidth="2"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            />
+            <path
+              d="M4 30 L18 30 L24 20"
+              stroke="#22c55e"
+              strokeOpacity="0.45"
+              strokeWidth="2"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            />
+            <path
+              d="M24 20 L36 20"
+              stroke="#22c55e"
+              strokeWidth="3"
+              strokeLinecap="round"
+            />
+          </svg>
           <p
             className="text-2xl font-bold"
             style={{ color: '#22c55e' }}
@@ -355,10 +392,33 @@ function StatsSection() {
           <p className="text-[#b8b2b2] text-sm">Concurrent writes, in order</p>
         </div>
         <div
-          className="border rounded p-6"
+          className="border rounded p-6 flex flex-col gap-3"
           style={{ borderColor: '#3d3838' }}
         >
-          <p className="text-[#7f7a7a] text-sm mb-2">Fig 2.</p>
+          <svg
+            width="40"
+            height="40"
+            viewBox="0 0 40 40"
+            fill="none"
+            aria-hidden="true"
+          >
+            <title>Shielded queue — no race conditions</title>
+            <path
+              d="M20 4 L6 9 V20 C6 28 12 34 20 37 C28 34 34 28 34 20 V9 Z"
+              stroke="#22c55e"
+              strokeWidth="2"
+              strokeLinejoin="round"
+              fill="#22c55e"
+              fillOpacity="0.08"
+            />
+            <path
+              d="M14 20 L18 24 L26 15"
+              stroke="#22c55e"
+              strokeWidth="2.5"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            />
+          </svg>
           <p
             className="text-2xl font-bold"
             style={{ color: '#22c55e' }}
@@ -368,10 +428,26 @@ function StatsSection() {
           <p className="text-[#b8b2b2] text-sm">Race conditions</p>
         </div>
         <div
-          className="border rounded p-6"
+          className="border rounded p-6 flex flex-col gap-3"
           style={{ borderColor: '#3d3838' }}
         >
-          <p className="text-[#7f7a7a] text-sm mb-2">Fig 3.</p>
+          <svg
+            width="40"
+            height="40"
+            viewBox="0 0 40 40"
+            fill="none"
+            aria-hidden="true"
+          >
+            <title>Edge-cached read — sub-100ms latency bolt</title>
+            <path
+              d="M22 3 L8 22 H18 L16 37 L32 16 H22 L24 3 Z"
+              stroke="#22c55e"
+              strokeWidth="2"
+              strokeLinejoin="round"
+              fill="#22c55e"
+              fillOpacity="0.15"
+            />
+          </svg>
           <p
             className="text-2xl font-bold"
             style={{ color: '#22c55e' }}
@@ -513,7 +589,6 @@ export default function Home() {
         <Header />
         <SelfHostBanner />
         <HeroSection />
-        <HammerDemo />
         <FeaturesSection />
         <StatsSection />
         <PrivacySection />