← snapshot

import { Suspense } from "react";
import { InitWizard } from "./wizard";

export const dynamic = "force-dynamic";

export default function NewRepoPage() {
  return (
    <section className="jac-page">
      <div
        className="jac-plate"
        style={
          {
            "--plate": "url(/loc/mass-mills.jpg)",
            padding: "22px 24px 24px",
            borderRadius: "var(--jac-r-lg)",
            border: "1px solid var(--jac-line)",
          } as React.CSSProperties
        }
      >
        <p className="jac-eyebrow">Initialising a jacquard repo</p>
        <h1 className="jac-h1">Warping the loom</h1>
        <p className="jac-lede">
          Seven holes to punch. Each one establishes something the substrate
          will hold you to — and teaches you what it can prove, and what it
          honestly cannot.
        </p>
      </div>
      <Suspense>
        <InitWizard />
      </Suspense>
    </section>
  );
}