{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// Card Component\n// ============================================================================\n\ninterface PillCardProps {\n color: PillColor;\n href: string;\n title: string;\n description: string;\n}\n\nfunction PillCard({ color, href, title, description }: PillCardProps) {\n const handleClick = (e: MouseEvent) => {\n e.preventDefault();\n track({ type: \"pill_choice\", pill: color, path: href });\n window.location.href = href;\n };\n\n const emoji = color === \"red\" ? \"🔴\" : \"🔵\";\n\n return (\n \n

\n {emoji} {title}\n

{description}

\n \n );\n}\n\n// ============================================================================\n// Page Components\n// ============================================================================\n\nfunction Home() {\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

\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 Router() {\n const path = window.location.pathname;\n\n switch (path) {\n case \"/red\":\n return ;\n case \"/blue\":\n return ;\n default:\n return ;\n }\n}\n\nfunction App() {\n useEffect(() => {\n track({ type: \"page_view\", path: window.location.pathname });\n }, []);\n\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,174,155],".history","frontend","components","permalink","https://www.val.town/x/aphoristicepigram/pillChoice/code/.history/frontend/components/App_20251230184640.tsx","extension","actionData","errors"]