Freeframe
Business9 pages · 0 downloads · Free

Soiree

An editorial wedding and event planner website with a budget estimator and venue guide.

Stack: HTML + Tailwindv1.0.1 changelog

DocsLive demo Download .zip163 KB

About this template

Soiree is a magazine-style site for a fictional wedding and event planning studio in Charleston, South Carolina. It pairs ink and cream with a blush accent, a high-contrast serif and line-art illustrations. Visitors can compare three planning packages, estimate a budget by guest count, season and services, browse case studies and a filterable venue guide, save a venue shortlist and send a validated inquiry.

Features

  • Budget estimator by event type, guest count, season, package and add-ons, with a cost breakdown
  • Estimator choices saved on the device and carried into the inquiry form
  • Package comparison table for full planning, partial planning and day-of coordination
  • Portfolio filtered by wedding, corporate or private, with shareable links
  • Case-study dialog with previous/next, arrow keys and focus return
  • Venue guide filtered by area, setting and guest count, sortable, with a saved shortlist
  • Process timeline that marks where you'd start from your event date (Charleston time)
  • Inquiry form with future-date validation, guest count, budget band and an error summary
  • Accessible mobile menu, scroll reveals that respect reduced motion and a back-to-top button
  • Editorial line-art SVG illustrations, no photos needed

Pages included

Quick start

unzip soiree.zip && cd soireeopen index.html        # that's it # optional, after adding new Tailwind classes:npm install && npm run build
Read the Soiree documentation →

Changelog

  1. v1.0.1

    Fixed

    • "Now booking 2027 & 2028" in the top bar now shows next year and the year after, and the footer copyright shows this year, so the demo never advertises a season that has passed.
    • The date example in the inquiry form's error messages is always in the future.

  2. v1.0.0

    Added

    • Nine pages: Home, Services & packages, Budget estimator, Portfolio, Process, Venue guide, Journal, Inquire and a 404 page, for Ivy & Ash Events, a fictional wedding and event planner in Charleston, SC.
    • Home: magazine-cover hero, "in this issue" contents, press names, a founder's letter with studio numbers, the three packages, a pull quote, recent celebrations, a process summary and journal links.
    • Services: full planning, partial planning and day-of coordination with what's included, a comparison table, corporate and private events, add-on prices and an FAQ.
    • Budget estimator: event type, guest count (slider and number), season, package and add-ons give a planning-fee range, a whole-celebration range, a per-guest figure and a spending breakdown, clearly marked as an estimate only. Choices are saved on the device and can be sent to the inquiry form.
    • Portfolio: eight celebrations filtered by type (?type=), with a case-study dialog (?case=) that has previous/next buttons, arrow keys, Esc and focus return.
    • Process: seven steps with timing, and a date checker that marks where you'd start (Charleston time).
    • Venue guide: ten venues filtered by area (?area=), setting and guest count, sorted by name, price or capacity, with a shortlist saved on the device and shown in the inquiry form.
    • Journal: a feature on wedding costs, notes on rain plans, Thursday weddings and tipping, and press quotes.
    • Inquiry form: prefilled from the estimator or a case study, validates name, email, optional phone, event type, a future date within three years (or a flexible date), guest count, budget band and message, with inline errors, an error summary and a demo success state that sends nothing.
    • Accessible mobile menu, scroll reveals that respect reduced motion, a back-to-top button, saved state that falls back to memory when storage is blocked, social sharing image and favicon.

More templates