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.

School graduation invitations on the platform serve the full spectrum of Mexico’s educational levels — from kindergarten completions to COBAEV high-school graduations. All routes live under /escolar/[name], where [name] is typically the school’s official name or a short identifier. Like the quinceañera and wedding categories, escolar invitations use @splidejs/react-splide for slide-by-slide navigation, and each page opens with a full-screen opening modal that introduces the school, the generation cohort, and the ceremony date before admitting guests to the main invitation. The cobaev-66 invitation illustrates the pattern well: it uses a size="full" opening modal with a horizontal (ltr) Splide layout and six slides navigated with visible arrow buttons — a deliberate choice for an institutional event where guests may prefer left-to-right browsing over vertical swiping.

​
Available Graduation Invitations

The following slugs currently exist under /escolar/:
SlugLevelRoute
cobaev-66COBAEV (High School)/escolar/cobaev-66
jardin-esperanza-osorioJardín de Niños/escolar/jardin-esperanza-osorio
jardin-maria-montessoriJardín de Niños/escolar/jardin-maria-montessori
jardin-victoria-villarauzJardín de Niños/escolar/jardin-victoria-villarauz
primaria-arnulfo-perez-riveraPrimaria/escolar/primaria-arnulfo-perez-rivera
primaria-felipe-carrillo-puertoPrimaria/escolar/primaria-felipe-carrillo-puerto
primaria-francisco-maderoPrimaria/escolar/primaria-francisco-madero
primaria-francisco-zarcoPrimaria/escolar/primaria-francisco-zarco
primaria-heriberto-jaraPrimaria/escolar/primaria-heriberto-jara
primaria-ignacio-altamiranoPrimaria/escolar/primaria-ignacio-altamirano
primaria-netzahualcoyotlPrimaria/escolar/primaria-netzahualcoyotl
primaria-rosendo-leyvaPrimaria/escolar/primaria-rosendo-leyva
ricardo-flores-magonEscolar/escolar/ricardo-flores-magon
telebachillerato-buena-vistaTelebachillerato/escolar/telebachillerato-buena-vista
telebachillerato-jacarandasTelebachillerato/escolar/telebachillerato-jacarandas
telebachillerato-las-trancasTelebachillerato/escolar/telebachillerato-las-trancas
telesecundaria-21-marzoTelesecundaria/escolar/telesecundaria-21-marzo
telesecundaria-luis-donaldoTelesecundaria/escolar/telesecundaria-luis-donaldo

​
School Level Variety

The /escolar/ category spans Mexico’s full public-education hierarchy:
  • Jardín de Niños (Kindergarten) — preschool graduation ceremonies, typically featuring bright, playful color palettes and the children’s generation portrait prominently in the invitation.
  • Primaria (Elementary School) — 6th-grade graduations, the most numerous level in the platform, with school-specific colors and the generation cohort name.
  • Telesecundaria (Middle School) — rural and semi-rural middle-school ceremonies serving communities with distance-education programs.
  • Telebachillerato (High School) — community-based upper secondary schools, similar in format to COBAEV but with a different SEP program identity.
  • COBAEV (Colegio de Bachilleres del Estado de Veracruz) — state high-school system invitations, such as cobaev-66, which use a cohort identifier (e.g. “2022B – 2025A”) and a generation photo avatar in the opening modal.

​
Typical Sections for School Events

1

Header (with School Logo)

The opening slide displays the school’s official name, crest or logo, the graduating generation’s year span, and the ceremony date — framing the invitation as an official institutional communication as much as a personal keepsake.
2

Countdown Timer

A live JavaScript countdown displaying days, hours, minutes, and seconds remaining until the ceremony. This section adds dynamism and urgency for time-sensitive invitations distributed weeks in advance.
3

Location with Google Maps

The ceremony venue — school auditorium, local stadium, or municipal event center — with an embedded or linked Google Maps view so parents and family members can navigate easily, especially for rural schools accessed via unfamiliar roads.
4

Gallery (Generation Photo)

A group photo or individual portrait carousel of the graduating class, giving guests a visual connection to the students being celebrated. The cobaev-66 opening modal uses a cropped generation photo as a @nextui-org/react Avatar component before the main invitation even loads.
5

AudioControl

A floating music control button consistent with all other invitation categories, allowing guests to toggle a graduation-appropriate background track during their viewing.

​
COBAEV-66 Splide Configuration

The cobaev-66 page uses a horizontal layout with six named slide components and a user-dismissable opening modal. This differs from wedding and quinceañera invitations, which use direction: "ttb" (vertical) and an auto-closing timed modal. 
<Splide
  aria-label="COBAEV Plantel 66"
  options={{
    rewind: true,
    direction: "ltr",      // horizontal left-to-right
    height: "100svh",
    releaseWheel: true,
    type: "loop",
    waitForTransition: true,
    arrows: true,          // visible navigation arrows
    classes: {
      page: "splide__pagination__page custom-class-page",
    },
  }}
>
  <SplideSlide><SlideOne /></SplideSlide>
  <SplideSlide><SlideTwo /></SplideSlide>
  <SplideSlide><SlideThree /></SplideSlide>
  <SplideSlide><SlideFour /></SplideSlide>
  <SplideSlide><SlideFive /></SplideSlide>
  <SplideSlide><SlideSix /></SplideSlide>
</Splide>
The /escolar/ directory does not currently contain an escolar-2026/ subdirectory — upcoming academic-year invitations are added as individual named slugs directly under /escolar/ following the same [school-name] naming convention. New invitations for the 2025–2026 school year will appear alongside existing entries as they are commissioned and built.
Each school’s logo should be placed at public/img/escolar/[name]/logo.png so the Header component can load it via Next.js <Image> with the path /img/escolar/[name]/logo.png. Keeping the logo as a PNG with a transparent background ensures it renders cleanly over any colored or photographic slide background. For the cobaev-66 invitation, the generation class photo is stored at public/img/escolar/cobaev-66/generacion.jpeg and is loaded directly in the opening modal as a @nextui-org/react Avatar component.

Build docs developers (and LLMs) love

Get started for freeTalk to us