Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/gus-16710/invitations/llms.txt

Use this file to discover all available pages before exploring further.

Quinceañera invitations — commonly known as XV Años invitations — are among the most elaborate designs on the platform. Served under the /quinces/[name] route, each invitation celebrates the coming-of-age milestone with rich animations, full-screen photographic backgrounds, and a carefully ordered narrative of the evening’s program. Like wedding invitations, XV Años pages are client-rendered, use Splide for vertical section navigation, and feature per-honoree custom fonts, color palettes, and styles.css overrides.

​
Available Quinceañera Invitations

The following slugs currently exist under /quinces/:
SlugRoute
alondra-alarcon/quinces/alondra-alarcon
alondra-zuriel/quinces/alondra-zuriel
ashley-michelle/quinces/ashley-michelle
camila/quinces/camila
daniela/quinces/daniela
estefy/quinces/estefy
gabriela/quinces/gabriela
kaylani/quinces/kaylani
lileny/quinces/lileny
martha/quinces/martha
nicole/quinces/nicole
sarang/quinces/sarang
sayuri/quinces/sayuri
valeria/quinces/valeria

​
Typical Sections

Each Quinceañera invitation is composed of the following full-screen Splide sections. The order may vary slightly per honoree, but the set of components is consistent across the /quinces/ category.
1

Header

The hero slide showing the honoree’s name in a large decorative typeface alongside the “XV Años” / “Mis Quince” tagline, her portrait photo, and the event date — the first thing guests see after the opening modal closes.
2

Presentation

A personal message or dedication from the quinceañera and her parents, animated with framer-motion stagger effects and styled with the honoree’s signature color palette.
3

Ceremony

Details for the religious mass or civil ceremony — church name, address, and time — with a Google Maps embed so guests can navigate directly to the venue.
4

Reception

The salon or banquet hall venue information including address, doors-open time, and a separate maps link distinct from the ceremony location.
5

Itinerary

A timestamped program for the evening — covering reception arrival, the presentation of the last doll, the waltz with chambelanes, the brindis, cake cutting, and open dancing — rendered as an animated timeline list with decorative icons (e.g. PiButterflyThin).
6

GodParents

A list of all padrinos and madrinas who are sponsoring different elements of the celebration (flowers, cake, sound system, photo booth, etc.), acknowledging their contributions.
7

DressCode

Communicates the suggested attire and restricted color palette (to avoid clashing with the quinceañera’s gown color), often displayed with decorative swatches.
8

Gallery

A horizontal Splide photo carousel showcasing the sesión de fotos (pre-quinceañera photoshoot), typically with a blurred glassmorphism card backdrop.
9

Gifts

The gift table (mesa de regalos) or bank transfer information for guests who prefer a monetary contribution to a physical gift.
10

Confirm

The RSVP slide prompting guests to confirm attendance, usually via a WhatsApp direct message link pre-filled with a confirmation text.
11

AudioControl

A floating music control button rendered outside the Splide slider that persists across all slides, allowing guests to toggle the background song on or off at any time.
12

FloatingButton

A persistent WhatsApp contact button anchored to the bottom of the viewport, present throughout the entire invitation, giving guests quick access to message the organizer.

​
Real Itinerary Example — Sarang

The following itinerary array is taken directly from src/app/quinces/sarang/components/Itinerary.tsx and illustrates a typical XV Años evening program: 
const itinerary = [
  {
    time: "6:00 - 8:00 PM",
    event: "Reception and Dinner",
  },
  {
    time: "8:00 PM",
    event: "Presentation of Gift and Last Doll",
  },
  {
    time: "8:30 PM",
    event: "Parents Dance and Vals",
  },
  {
    time: "9:00 PM",
    event: "Brindis and Cut of Cake",
  },
  {
    time: "9:00 - 12:00 AM",
    event: "Dancing",
  },
];
This array is iterated inside a motion.ol component with staggerChildren so each timeline entry fades and slides in sequentially as the guest scrolls to the Itinerary slide. Each item renders a butterfly icon (PiButterflyThin from react-icons/pi) alongside the time and event name. The time label uses a custom adelia typeface (loaded via @font-face in styles.css), while the event name uses the Oswald Google Font. The entire section is wrapped in a blurred @nextui-org/react <Card> component with isBlurred and bg-background/5 for a glassmorphism effect.
The FloatingButton component provides a persistent WhatsApp contact button that stays visible across all sections of the invitation. Unlike the RSVP Confirm section (which is one slide among many), the FloatingButton is rendered outside the Splide slider so it is always accessible regardless of which slide the guest is currently viewing. It typically links to a https://wa.me/[phone]?text=... URL pre-filled with a polite confirmation message, reducing friction for guests who want to respond quickly.

Build docs developers (and LLMs) love

Get started for freeTalk to us