Productionize EventSphere platform

apps/web/src/components/public/FlowPage.tsx

@@ -0,0 +1,13 @@
+import { PublicShell } from "./PublicShell";
+import { Card } from "@/components/ui/Card";
+import type { ReactNode } from "react";
+
+export function FlowPage({ title, step, children }: { title: string; step: string; children?: ReactNode }) {
+  return <PublicShell><main className="mx-auto max-w-3xl px-6 py-16">
+    <Card className="p-8">
+      <div className="text-sm font-bold text-accent">{step}</div>
+      <h1 className="mt-3 text-4xl font-black">{title}</h1>
+      {children ? <div className="mt-8">{children}</div> : null}
+    </Card>
+  </main></PublicShell>;
+}