Wedding Webapp · Carl & Rachel
A guest-facing companion site for our destination wedding at The Westin Sanya Haitang Bay (March 2027) — five sections, a Claude-powered concierge, and a design that doesn't look like every other wedding template.
Wedding Webapp · Carl & Rachel
A single-page guest companion site for our 2-night destination wedding at The Westin Sanya Haitang Bay Resort, 27 March 2027. Live at wedding.carlfung.dev.
What it does
- Hero — looping drone footage, live countdown, the date in a serif lockup that feels like an invitation
- Venue — resort imagery, address with one-tap Apple/Google Maps, what's covered (2 nights + breakfast), three-night dress code
- Itinerary — 3-day vertical timeline (arrival, the day, farewell) with a live 'happening now' detector that lights up the active event
- FAQ — searchable accordion: visa rules, the Great Firewall, weather, currency, kids, dietary needs
- Ask — a Claude-powered concierge that answers in the couple's voice, scoped to the facts of the trip
How it was built
First-pass UI generated in claude.ai/design with a detailed brief and a custom design system (deep teal · champagne gold · ivory · Cormorant Garamond + Inter + JetBrains Mono). The handoff bundle dropped React components, real Westin assets, and a complete style guide — I ported it into Next.js 16 with Claude Code, wired the chatbot to a server-side /api/ask route using claude-haiku-4-5, and shipped to Vercel behind wedding.carlfung.dev.
The two-tool workflow — designer-AI for the look, engineer-AI for the plumbing — felt like the right shape: each tool doing what it's actually good at.
Stack
- Next.js 16 · React 19 · TypeScript · Tailwind CSS 4
@anthropic-ai/sdk·claude-haiku-4-5next/fontfor Cormorant Garamond / Inter / JetBrains Mono- Vercel hosting · Vercel Analytics