{children}

\n \n

\n );\n}\n\nfunction BackLink() {\n return (\n \n ← back\n \n );\n}\n\nfunction Panel({ title, children }: { title: string; children: ReactNode }) {\n return (\n

{title}

\n {children}\n

\n );\n}\n\n// ============================================================================\n// Page Components\n// ============================================================================\n\nfunction Home() {\n const handleRedClick = (e: MouseEvent) => {\n e.preventDefault();\n track({ type: \"pill_choice\", pill: \"red\", path: \"/red\" });\n window.location.href = \"/red\";\n };\n\n const handleBlueClick = (e: MouseEvent) => {\n e.preventDefault();\n track({ type: \"pill_choice\", pill: \"blue\", path: \"/blue\" });\n window.location.href = \"/blue\";\n };\n\n return (\n \n

VAL TOWN // APPLICATION

Choose your path.

\n Tiny, shippable demo: routes, tracking, and an automation trigger—built\n like a growth experiment.\n

\n\n {/* Hero image section */}\n

\n $\"Red$ \n $\"Andy$ \n $\"Blue$ \n

\n\n

\n \n

🔴 Red pill — Ship mode

Public CV + what I'd build in week 1–2

\n \n\n \n

🔵 Blue pill — Behind the curtain

\n Hidden page + automation trigger + instrumentation proof\n

\n \n

\n \n );\n}\n\nfunction Red() {\n return (\n \n \n\n

Andy Wingrave

\n Growth Engineer: shipping + analytics + automations + developer empathy\n

\n\n

\n \n

\n I like tools that make programming feel like play. Val Town is \"ship\n in minutes\" made real—and this role sits exactly where I work best:\n product + engineering + go-to-market.\n

\n \n\n \n

\n Instrument \"time-to-first-successful-val\" and cohort by template /\n entry point.\n
\n Activation: template gallery around dev JTBDs (email, cron,\n webhook).\n
3–5 tutorials that end with \"Remix this\".
Light loops: shareable pages + onboarding nudges.

\n \n\n \n

\n This site logs page views + pill choices. Blue pill also triggers a\n server-side automation.\n

\n \n View recent events (JSON)\n \n \n

\n \n );\n}\n\nfunction Blue() {\n return (\n \n \n\n

Behind the curtain

\n Visiting this route triggers a server handler: it logs an event and\n optionally POSTs a webhook / sends an email.\n

\n\n \n

Route hit: /blue
Event logged to SQLite
Webhook/email attempted (if configured)

\n \n \n );\n}\n\n// ============================================================================\n// Router & App\n// ============================================================================\n\nfunction App() {\n useEffect(() => {\n track({ type: \"page_view\", path: window.location.pathname });\n }, []);\n\n const path = window.location.pathname;\n if (path === \"/red\") return ;\n if (path === \"/blue\") return ;\n return ;\n}\n\n// ============================================================================\n// Mount\n// ============================================================================\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();","deleted","label",[172,173,155],".history","frontend","permalink","https://www.val.town/x/aphoristicepigram/pillChoice/code/.history/frontend/index_20251230193316.tsx","extension","actionData","errors"]