valknarandClaude Sonnet 5
e493a12e68
Next.js app that plays real .vpx tables via @valknar/vpinball-wasm (WebAssembly Visual Pinball). Demo mode with the bundled default table, drag-and-drop custom table upload, a cabinet-styled UI with a coin-door HUD (fullscreen/stats/info/eject), a custom 404 page, PWA support (hand-rolled service worker), and a static Docker Compose deployment behind nginx. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_012hQoM3jJT1Lx7CMTciMzvD
23 lines
758 B
TypeScript
23 lines
758 B
TypeScript
import AttractHero from "@/components/landing/AttractHero";
|
|
|
|
export default function Home() {
|
|
return (
|
|
<main className="flex flex-1 flex-col items-center justify-center gap-8 px-4 py-16">
|
|
<AttractHero />
|
|
<p className="max-w-lg text-center font-mono text-xs text-chrome sm:hidden">
|
|
Pinball plays best in landscape or fullscreen — rotate your device once a table loads.
|
|
</p>
|
|
<footer className="font-mono text-xs text-chrome/70">
|
|
Powered by{" "}
|
|
<a
|
|
href="https://github.com/vpinball/vpinball"
|
|
className="underline decoration-dotted underline-offset-2 hover:text-arc"
|
|
>
|
|
Visual Pinball
|
|
</a>
|
|
, compiled to WebAssembly.
|
|
</footer>
|
|
</main>
|
|
);
|
|
}
|