Skip to content

feat: ticket discount timeline, typing effect, no benefit meter - #54

Merged
Kiron-Q-Summit merged 2 commits into
mainfrom
feat/ticket-phases
Nov 9, 2026
Merged

Kiron-Q-Summit merged 2 commits into
mainfrom
feat/ticket-phases

Conversation

@Kiron-Q-Summit

Copy link
Copy Markdown
Collaborator

What changes

  • Discount phase timeline in the ticket hero, above "Get your ticket now": Early Bird 30%, Christmas 25%, Back 2 Uni 20%, Late Bird 15%, in transparent liquid glass. The Q marks the phase on sale now; the other phases are glass beads on one mirrored line. One data source (page-tickets phases), set by hand, never switched by date, no dates shown. Prices and shop links are unchanged.
  • CMS: optional phases group on page-tickets with an additive migration (20261109_195959_ticket_phases: nullable columns plus one array table). Validated in Payload (labels only once a phase exists, unique keys, whole discount 1 to 99, active key among the phases) and again at build. Empty means the hero keeps its eyebrow and Q tile, so the live page builds unchanged until the phases are published.
  • Typing effect for short headings and supporting text on first view and on ticket switches. Prices, buttons and navigation stay readable at once; no layout shift; fast switches cancel cleanly; no retyping on scroll back; screen readers get the full text; reduced motion and no JS show it plain; no cursor.
  • Benefit counter and meter removed from the cards and What's included; benefit data unchanged (the CMS count label stays stored).
  • Transparent glass for the Compare tickets button, the timeline and the pinned compare names.
  • Docs: apps/web/DESIGN.md (TICKETS-1, MOTION-6), docs/architecture/08-concepts.md, editor handbook.

Release order

  1. Merge: Vercel runs the additive migration; the site rebuilds with no visible timeline (phases empty).
  2. The phases are proposed as a draft of the Tickets page; an approver publishes; the publish hook rebuilds the site with the timeline.

Checks

  • Locally: docs, markdownlint, cspell, prettier, design, events, cms-styles, lint, astro check, fixture build, budgets, web tests, CMS types, CMS tests, CMS build: pass. The root pnpm run check wrapper and git hooks fail on this Windows machine with spawn pnpm ENOENT (environment), so CI is the full gate.
  • Playwright (Edge): carousel swipe, compare pickers (28/28 incl. sticky names), phone menu (15/15), typing (24/24 and 22/22 on the production build), no overflow at 1440, 390 and 320, compositor layers back to the previous level.

Not confirmed

  • No phase dates or deadlines are shown (none confirmed; "Until 22 November" is not published).
  • The shop's exact discounts differ slightly per ticket (for example Student Back 2 Uni 19%, Late Bird 14%); the timeline shows the rounded 30/25/20/15.
  • The shop names "Earlybird" / "Latebird"; the site writes "Early Bird" / "Late Bird".

🤖 Generated with Claude Code

… meter

- Hero: discount phase timeline in transparent liquid glass above the
  heading (Early Bird, Christmas, Back 2 Uni, Late Bird). The Q marks the
  phase on sale now, the other phases are glass beads on one mirrored
  line. Set by hand, never switched by date; no dates shown. Without
  phases the hero keeps its eyebrow and Q tile.
- CMS: optional `phases` group on page-tickets (additive migration),
  validated in Payload and at build; the site maps it in CMS mode.
- Dynamic type: short headings and supporting text type in on first
  view and on ticket switches; prices, buttons and navigation stay
  plain. Load-time vs scroll-in rules, no retyping, full text for
  screen readers, plain for reduced motion and no JS.
- What's included and the cards: the "x of y benefits" counter and
  meter are gone; benefit data unchanged.
- Compare tickets button, timeline and pinned compare names now use
  the same transparent glass.
- Docs: DESIGN.md (TICKETS-1, MOTION-6), 08-concepts, editor handbook.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@vercel

vercel Bot commented Nov 9, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated
q-web-cms Skipped Skipped Nov 9, 2026 8:15pm UTC

@github-actions

github-actions Bot commented Nov 9, 2026

Copy link
Copy Markdown

Visual review vs main

3 added · 6 changed · 415 same · 0 failed

Open report · 6fb9439

Review changed pixel diffs first. Added means new vs main (no baseline there yet).

Baselines are staged on this PR. Merging adopts them.

6 changed
3 added

Job log

@Kiron-Q-Summit
Kiron-Q-Summit merged commit 7a9d8ab into main Nov 9, 2026
6 checks passed
@Kiron-Q-Summit
Kiron-Q-Summit deleted the feat/ticket-phases branch November 9, 2026 20:18

This branch was previously deployed

1 inactive deployment
Preview — 46794725 Deployed Nov 9, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant