Template

    Verification Route

    Component Playground

    Use this page to validate shared components and patterns before propagating changes to client sites. The header above is also part of the test surface (desktop dropdowns + mobile menu).

    Buttons and badges

    Baseline visual and interaction checks for common primitives.

    Default
    Secondary
    Outline

    Accordion patterns

    Standardized native-details accordion wrapper plus direct primitive usage.

    What belongs in the template vs per-site content?
    Keep shared plumbing, reusable components, and styling conventions in the template. Keep org-specific copy, images, and data in each site.
    Why a playground page?
    It provides a stable route to manually verify UI behavior and regressions before changes are reused across multiple websites.

    Primitive accordion (controlled)

    Item one
    Controlled state demo for regression testing.
    Item two
    Scroll stability and open/close behavior check.

    JotForm modal pattern

    Shared wrapper pattern with modal embed and external tab fallback.

    Open JotForm ModalLink trigger example

    Form primitives

    Reusable input, select, and textarea baseline states.

    Tabs primitive

    Quick regression checks for active state and content switching.

    Shared component patterns are validated here before reuse in production sites.

    Pattern components

    Standardized `PageHero` and `SEOHead` are exercised here so template-level changes can be verified visually and in generated HTML.

    `SEOHead` is active on this page (title, description, canonical). `PageHero` is rendered at the top of this route.