Page templates
Session page
A workshop session end to end. The rail is derived from the prompts rather than declared separately, so a prompt can never go missing from the nav. Anything a session adds — materials, a transcript — goes in beneath.
npx shadcn@latest add https://gpc.example.com/r/session-page.jsonLibrary page
Grouped reference material with its own rail. Groups are free-form per client; the first usually reads as the page itself and needs no heading of its own.
npx shadcn@latest add https://gpc.example.com/r/library-page.jsonSkills page
The install guide sits above the grid because only the first visit needs it, and it collapses for every visit after that.
npx shadcn@latest add https://gpc.example.com/r/skills-page.jsonSlides page
Decks in presentation order. Each embed keeps its 16:9 ratio and offers a direct link out for anyone the iframe fails.
npx shadcn@latest add https://gpc.example.com/r/slides-page.jsonContact page
Support screen: one form for questions that need a person, plus signposts for the rest.
npx shadcn@latest add https://gpc.example.com/r/contact-page.jsonApp shell
The empty frame every app screen sits in: sidebar, header, content well. Switch viewport sizes to check its collapsed and off-canvas behaviour.
npx shadcn@latest add https://gpc.example.com/r/app-shell.jsonAdoption dashboard
The Adoption engagement, on screen. Answers the only question that matters in month one: are the licences you bought being opened? Reuse the KPI-plus-chart-plus-table spine for any operational dashboard.
npx shadcn@latest add https://gpc.example.com/r/dashboard-adoption.jsonAI ROI dashboard
The ROI conversation, with a payback crossover rather than a vanity total. Cost is fully loaded, and two of the four engagements are shown not paying back yet, because a dashboard that only reports good news does not get believed.
npx shadcn@latest add https://gpc.example.com/r/dashboard-roi.jsonWork mix dashboard
Where the hours actually go. Three categories rather than two, because most work becomes a person and a model together, not a replaced person. Use it when the honest answer is nuanced.
npx shadcn@latest add https://gpc.example.com/r/dashboard-labor-mix.jsonMarketing page
A complete page assembled only from the section components. Nothing here is bespoke, which is the proof that the sections compose.
npx shadcn@latest add https://gpc.example.com/r/marketing-page.jsonSign-in page
A full entry screen on the brand ground. Wordmark above, one primary action, recovery path stated rather than hidden.
npx shadcn@latest add https://gpc.example.com/r/sign-in-page.jsonSplit sign-in page
A left-aligned sign-in experience with a full-height reserved pane for client artwork, photography, or campaign content.
npx shadcn@latest add https://gpc.example.com/r/sign-in-split-page.json