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.

Baptism invitations on the platform celebrate the sacrament of Christian initiation with warm, devotional designs. Served under the /bautizos/[name] route, each christening invitation takes a different structural approach from the wedding and quinceañera categories: rather than using Splide’s full-screen vertical slider, baptism pages render their sections as a single continuous scroll — a vertically stacked layout that guests read naturally from top to bottom. The designs lean into soft, joyful aesthetics with floral background images, golden confetti bursts on page load (using react-canvas-confetti), and pastel color palettes that reflect the tenderness of the occasion.

Available Baptism Invitations

The following slugs currently exist under /bautizos/:
SlugRoute
annette/bautizos/annette
barbara/bautizos/barbara
mateo-mendoza/bautizos/mateo-mendoza

Typical Sections

Baptism invitations are composed of stacked section components rendered sequentially in a single scrollable page. The annette invitation, for example, renders the following components in order:
1

Header

The opening hero section showing the child’s name, baptism date, and a decorative background — typically a floral or soft watercolor image loaded via Tailwind’s bg-[url(...)] utility applied to the outer container.
2

Presentation

A warm personal message from the parents introducing their child and inviting guests to share in the blessing, often featuring an infant portrait and animated text entrance effects.
3

Ceremony (Church)

The church venue details — parish name, address, and Mass time — with a Google Maps link. This section carries particular visual weight given the religious significance of the event.
4

Reception

Post-ceremony celebration venue details including the address, start time, and any relevant notes for guests about parking or dress.
5

GodParents

A dedicated section honoring the child’s padrinos and madrinas (godfather and godmother), displaying their names prominently as a public acknowledgment of their spiritual commitment.
6

Gallery

A photo section featuring the child’s newborn or early-life photography, giving guests a first glimpse of the baby being celebrated.
7

Confirm

An RSVP prompt for guests to confirm their attendance, linking to WhatsApp or a form, ensuring the hosts can plan catering and seating accurately.
8

FloatingButton

A persistent WhatsApp shortcut button anchored to the viewport, rendered alongside AudioControl outside the main content flow so it remains reachable at any scroll position.
9

AudioControl

A floating button for background music playback control, consistent with the other invitation categories, allowing guests to enjoy a lullaby or gentle melody while browsing.

Design Choices for Christening Events

Baptism invitation designs reflect the religious and tender nature of the sacrament through several deliberate visual decisions:
  • Floral backgrounds — the annette invitation uses /img/bautizos/annette/background-floral.jpg as a bg-fixed bg-cover background, creating a natural, garden-like atmosphere throughout the scroll.
  • Soft color palettes — invitations favor warm creams, blush pinks, sky blues, and gold tones rather than the bold or dark palettes sometimes used for quinceañera or celebration events.
  • Confetti on load — the annette page fires a react-canvas-confetti burst immediately on mount (useEffect(() => { fire(); }, [])) using golden hues ("FFE400", "FFBD00", "E89400", "FFCA6C", "FDFFB8") to simulate a joyful shower of golden petals greeting the guest.
  • No Splide slider — unlike weddings and quinceañeras, baptism pages use a plain vertical scroll layout, making them feel more like a traditional printed invitation that you read through rather than a swiping experience.

Asset Types Per Baptism Invitation

Each baptism invitation folder in public/img/bautizos/[name]/ contains two primary categories of visual assets:

Background Images

Full-bleed decorative backgrounds applied to the main container — typically floral photography, watercolor textures, or soft bokeh patterns. Used via Tailwind’s bg-[url('/img/bautizos/[name]/background-floral.jpg')] on the outer div.

Gallery Photos

Infant or family portrait photos displayed in the Gallery section. These are personal images provided by the family and cropped/optimized for mobile viewports. Stored alongside the background assets in the same public/img/bautizos/[name]/ directory.

Build docs developers (and LLMs) love