Newsletter signup | Fake Form Flows

←

Pages

Fake form overview
Newsletter signup
Contact form

Edit prototype spec

Edit the current fixture spec YAML. Save validates and stores an in-memory override for this running server.

slug: content-hub
name: Fake Form Flows
description: "Fixture 5: fake submit forms reveal thank-you messages without persistence."
homeRoute: /
nav:
  - label: Forms
    route: /
  - label: Newsletter
    route: /newsletter
  - label: Contact
    route: /contact
appNavbar:
  label: Form flows
  items:
    - label: Forms
      route: /
    - label: Newsletter
      route: /newsletter
    - label: Contact
      route: /contact
  variant: forms
placeholders:
  missingPageTitle: Prototype page unavailable
  missingPageBody: This route is not part of the current prototype fixture yet.
  unsupportedSectionTitle: Unsupported section
  imageFallbackLabel: Image placeholder
  formFallbackLabel: Form placeholder
metadata:
  phase: "3"
  fixtureOrder: "5"
  complexity: forms
  testFocus: fake submit thank-you
pages:
  - slug: forms
    title: Fake form overview
    route: /
    sections:
      - type: hero
        eyebrow: Fixture 5
        title: Forms that thank, not store
        body: Submit buttons are enabled so browser-style tests can click and see a thank-you placeholder.
      - type: cards
        title: Form examples
        cards:
          - title: Newsletter
            body: Signup form with email field.
            href: /newsletter
          - title: Contact
            body: Contact form with message field.
            href: /contact
  - slug: newsletter
    title: Newsletter signup
    route: /newsletter
    sections:
      - type: formPlaceholder
        variant: signup
        title: Newsletter signup
        body: Fake submit reveals a thank-you message and does not persist data.
        fields:
          - label: Email
            inputType: email
          - Interests
        submitLabel: Sign up
        thankYouMessage: Thank you for testing the newsletter signup.
  - slug: contact
    title: Contact form
    route: /contact
    sections:
      - type: formPlaceholder
        variant: contact
        title: Contact us
        fields:
          - Name
          - label: Email
            inputType: email
          - label: Message
            inputType: textarea
        submitLabel: Send fake message
        thankYouMessage: Thank you. This fake contact request was not saved.