Demo showcase

What This Demonstration Shows

Four sample pages, reusable sections, a library component, and a working form — all running on a custom theme with no real business behind it.

Four pages, one working flow

Each page demonstrates a different job: introduce, explain, point out details, and invite interaction.

The navigation connects Home, About, Showcase, and Contact so visitors can move through the demo the way they would move through a real small site. Every route carries full, readable copy of its own so publishing, routing, and metadata can be checked end to end.

Nothing on these pages sells a service. The copy describes the demo itself, which keeps the site honest while still showing realistic rhythm, headings, and calls to action.

  • Home introduces the demo and links onward to every other page
  • About explains the demo rules and answers common questions in an accordion
  • Showcase (this page) names the building blocks on display
  • Contact pairs explanatory copy with a working sample form

Building blocks on display

✦

Reusable sections

Heroes, prose blocks, feature grids, and call-to-action blocks composed from registry components.

✦

Library components

The About page accordion is a library component showing collapsible content in real use.

✦

Working forms

The Contact page form submits through the forms pipeline with honest sample copy around it.

✦

Custom theme

A bold-startup grammar with custom tokens drives the palette, type, and rounded corners.

Seen the blocks? Try the interaction.

Head to the contact page and submit the sample form — the clearest proof the demo works.

Try the Demo Form