Add VenueCard molecule — venue listing card for service venue select screen

- 3 component tokens (image.height, content.padding, content.gap)
- Composes Card (interactive) + Typography, consistent with ProviderCard patterns
- Hero image with role="img" aria-label for screen readers
- Meta row: location (pin icon) + capacity with "guests" suffix for clarity
- Price with "From" qualifier for transparency (split typography like ProviderCard)
- 6 Storybook stories: Default, ListLayout, EdgeCases, Responsive, OnDifferentBackgrounds, InteractiveDemo
- Critique score: 33/40 (Good) — P2 fixes applied (capacity label, price context, image a11y)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-25 19:51:53 +11:00
parent 891ded2fdb
commit 9323b52376
6 changed files with 475 additions and 0 deletions

View File

@@ -0,0 +1,2 @@
export { VenueCard, default } from './VenueCard';
export type { VenueCardProps } from './VenueCard';