Destination wedding website
A destination-wedding site: a boarding pass with a tear-off stub at the door, a full-screen beach and a “to departure” countdown, the couple's route as a plane on a flight line, three days as ticket tabs, travel info with a packing checklist, a beach-formal dress code, a hotel and beach map, check-in instead of RSVP, FAQ as luggage tags, flipping postcards, “next flight” gifts, guest postcards and a boarding-pass footer. Paper and sand, ink and coral, Oswald and Lobster.
A version for a wedding abroad, where guests care more about logistics than a card: a countdown to departure, a day-by-day programme, what to pack, a beach dress code and how to reach the hotel. The couple and route in the demo are fictional.
What it is made of
13 catalog blocks in page order. Each one is installed with its own command; nothing is recreated.
1. Header
Boarding-pass header with a flight code and musicnavbar-026
The top of a boarding pass: flight code, a “to departure” counter, music and “Check-in”.
2. Pass and hero
Travel hero with a boarding pass and a beachhero-026
The stub tears, the pass flies off, a full-screen beach; names, countdown, polaroid, stamp.
3. Route
Couple's route: a flight line with a plane and stopsabout-012
A flight line with four pins and a plane that travels on scroll.
4. Three days
Three-day schedule as ticket tabsevent-010
Ticket tabs per day, the main day in coral, a timetable and “what to wear”.
5. Travel
Travel info with a “what to pack” checklistevent-011
Ticket cards: visa, money, connectivity; the planner; a packing checklist.
6. Dress code
“Beach formal” dress code with fabric swatchesevent-012
Fabric swatches with HEX copying, “her” and “him” looks, beach rules.
7. Where
Wedding-abroad map with hotel, beach and transfermap-008
A map with the hotel, beach and Havana, a taped hotel photo, transfers.
8. Check-in
Check-in: a five-step travel RSVPcontact-019
Five steps: flying, dates, hotel, menu, song; a boarding-pass summary.
9. FAQ
Guest FAQ as luggage tagsfaq-021
Luggage tags with the topic on the stub, one open at a time.
10. Postcards
Postcard gallery that flips to the backportfolio-009
Taped photos on card; a click flips to a postmarked back.
11. Gifts
Gifts: a “next flight” ticket with a stampcta-022
A “HAV → ???” ticket with details; copying prints a “PAID” stamp.
12. Guest postcards
Guest postcards with postmarkstestimonials-021
A wall of postcard backs and a form — the new one lands first, postmarked.
13. Footer
Boarding-pass footer with beach coordinatesfooter-025
The bottom of the pass: flight codes, names, beach coordinates, hashtag, “check-in by”.
Pro
The exact composition, page source and agent link are in PRO
The demo and the block list are open to everyone. Subscribers see every block's props as in the demo, the theme rules, the image prompts and one link an AI agent uses to build the same page.
Get PROFAQ
- What is the “Destination wedding website” page made of?
- 13 catalog sections in order: Boarding-pass header with a flight code and music, Travel hero with a boarding pass and a beach, Couple's route, Three-day schedule as ticket tabs, Travel info with a “what to pack” checklist, “Beach formal” dress code with fabric swatches, Wedding-abroad map with hotel, beach and transfer, Check-in, Guest FAQ as luggage tags, Postcard gallery that flips to the back, Gifts, Guest postcards with postmarks, Boarding-pass footer with beach coordinates. Each one is a separate VibeUI item.
- How do I build this page with an AI agent?
- Press “Copy the scenario for AI” and paste it into Cursor or Claude Code: the agent gets the page source, shared theme rules and image prompts, and installs every section from the registry with the shadcn CLI.
- Is the scenario free?
- The live demo and the list of sections are open to everyone. The page source and the instruction for the agent come with PRO.