Zola Clone

Build a polished Zola-style wedding website as a web app (React + a Bun/Hono backend with SQLite): the guest-facing site for one couple, a tap-to-open envelope invitation, a real RSVP form saved in the database, guest-specific invite links, and the couple's Zola dashboard to manage the guest list.

It is Zola on screen: its "Galata" design (white page, Cormorant Garamond caps headings, Libre Baskerville body, slate #546E6F buttons, eucalyptus sprigs) and its own words ("Wedding Party", "Schedule", "Travel", "Registry", "Things To Do", "RSVP", "Add to calendar", "Still needs 1", "Please enter the first and last name of one member of your party below"). The product chrome is Zola's: the ZOLA wordmark with two linked hearts in navy #183B54 (cyan #8AFAFC accents), "For all the days along the way", Figtree as the UI font. Draw the wordmark, hearts, wax seal and every ornament in SVG. The couple is Maya Castellano & Daniel Okafor, Ojai, California (fictional); photos are generated, fictional people.

SHELL
Header: "MAYA & DANIEL" in big serif caps, centred, a nav row under it (Home, Wedding Party, Schedule, Travel, Gallery, Registry, FAQs, Things To Do, RSVP) with a 2px underline on the active page and a cart icon at top right; a hamburger sheet on mobile. Zola footer on every page. Opens on the envelope cover; one tap opens the site.

SCREENS
1. Cover: "Together with their families", the names, date · city, a sealed envelope (flaps, pocket, a wax seal with the monogram). Tap the seal: it pops, the flap swings open, the card slides out, the cover fades into the site. On a guest link /i/<code> it is addressed: "Dear Elena Vasquez & Guest," "We have reserved 2 seats in your honor." Shown once per visit.
2. Home: full-bleed engagement photo, full names framed by two eucalyptus sprigs, hashtag, date, city, a live countdown (days, hours, mins, secs), RSVP button + "Kindly reply by". "How We Met" and "The Proposal" with dates and photos, "The Weekend" three-day strip.
3. Schedule: three days (Friday welcome drinks + a private rehearsal dinner shown only to invited parties, Saturday ceremony, cocktail hour and reception, Sunday farewell brunch). Each: line icon, name, time range, venue, underlined address, "Attire:", text, "Map" (OpenStreetMap dialog + Google Maps directions) and "Add to calendar" (.ics download).
4. Travel: Flight, two hotel room blocks with copyable discount codes, shuttle and parking, each with Map. Things To Do: three photo cards. Wedding Party: two columns of round photos with a hairline divider. FAQs: caps questions. Gallery: masonry + lightbox.
5. Registry: Zola store look: two cash funds with progress bars and Contribute, category chips, a 4-column grid of grey cards (brand, name, MSRP/our price, "Give this gift", "Still needs N", "Purchased"); giving records the gift in the database.
6. RSVP: Zola's grey panel name lookup (matches a guest's first + last name, accent-insensitive; picks between matches). Then "Hi Elena!": one card per event the party is invited to, each guest "Joyfully accepts / Regretfully declines", plus-one name fields, a dinner choice (ribeye, halibut, risotto, kids' plate for children) and dietary notes for the wedding, a note to the couple and email; validation per guest. Thank-you card in script with a summary, Add to calendar and Edit RSVP.
7. Dashboard /manage: white Zola top bar (Guest List, Registry, Website), navy banner with "152 days until 'I do'". Guest List: event chips, Invited / Attending / Declined / No reply yet counts, a segmented bar, dinner counts; search, group and status filters; party rows (status pill, "Replied 2 days ago" / "Opened 1 day ago" / "Not opened yet", copy guest link, edit, clear reply, remove) that expand to per-guest answers editable by hand; Add guests dialog; CSV export; live Recent activity feed with guests' notes (polls every 5 s). Registry tracker with every gift and note. Website: four designs (Galata, Midnight Royale navy + gold art deco, Wildflower Sketch hand-drawn, Alhambra emerald + gold Islamic star tiles) with live previews and "Use this design".

RULES
SQLite DB tracked in git with a clean demo guest list (34 parties, 66 guests, about 70% replied, some viewed, some declined) and 12 gifts; demo times shift forward at boot and the wedding date defaults to the second Saturday five months out, so it never looks stale. Opening a guest link marks the invite viewed. Everything works: no dead buttons.

REMIX-READY
brand.ts (couple, date, city, nav), themes.ts, content/ (story, schedule, travel, registry), backend data/guests-seed.ts and data/events.ts, small feature files, README with a file map.