Wedding Webapps
Guest-companion wedding sites — looping drone hero, live countdown, itinerary with a 'happening now' detector, and a Claude-powered FAQ chatbot. Now backs two live weddings: Carl & Rachel's and Sarah & Michael's.
Wedding Webapps
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
Two live weddings, two design languages
The same build now backs two real wedding sites:
Carl & Rachel — wedding.carlfung.dev — Westin Sanya Haitang Bay, 27 March 2027. The deep-teal · champagne-gold invitation shown at the top.
Heilam & Baoqi — sarahmichael.carlfung.dev — Jiangxi, 01.11.2026. A completely different mood from the same toolkit: warm cream, bold display type, and hand-drawn characters.
