/* ============================================================
SPECIAL EVENT — THE ANNIVERSARY AFFAIR
Saturday September 26, 2026 · 8 PM – 5 AM · 21+
Route: /anniversary (also #anniversary · #aniversario) — landing with the
Eventbrite ticket link + table reservations on the shared
venue floor plan (CKFloorPlan from event-chacal.jsx).
Bookings persist to PPDB.reservations, mirror to the Hub and
hand off to WhatsApp exactly like every other flow, carrying
promoter attribution.
Lifecycle is automatic via the date engine (PP.eventState):
upcoming → tonight → past (archived, sales closed).
NUMBERS — read before editing:
· Date, hours, venue and 21+ come from the official Eventbrite
listing (link below). Verified against it.
· Tickets: the first 30 are free on Eventbrite, then $25 (owner's
setup, and the listing does show a $0.00 tier). Eventbrite adds
its service fee at checkout, so the page says so instead of
pretending the total equals the face value.
· Table minimums are the owner's decision: the same ones as the
last special event (MAURO, Aug 27). They live in ANNIV.zones.
With ANNIV.zones cleared the page falls back to the club's
Saturday program (PP.tablePrice, nightIdx 5).
============================================================ */
const ANNIV = {
route: "anniversary",
// its own page inside clubpinkpony.com — a real URL for flyers and QR codes
// (Firebase rewrites ** → /index.html, so the path reaches the app)
url: "https://www.clubpinkpony.com/anniversary",
dateISO: "2026-09-26",
startISO: "2026-09-26T20:00:00-04:00", // doors 8PM Miami
timeLabel: "8:00 PM",
hoursLabel: "8 PM – 5 AM",
nightIdx: 5, // Saturday — table minimums follow the Saturday program
nightName: "THE ANNIVERSARY AFFAIR",
title: "THE ANNIVERSARY AFFAIR",
// calendar export — the listing's own UTC instants (8 PM–5 AM EDT)
utcStart: "20260927T000000Z",
utcEnd: "20260927T090000Z",
rsvpTel: "+17865032909",
rsvpTelDisplay: "(786) 503-2909",
address: "7971 NW 33rd St, Doral, FL 33122",
// Tickets, as the owner set them up on Eventbrite: the first `free` entries
// go at $0, and after that a ticket costs `presale`. Verified against the
// listing: it does carry a $0.00 tier and is on sale (its public data shows
// lowPrice 0.00 / highPrice 30.52 with Eventbrite's fee already added — the
// fee is why the checkout total is above the face value, hence the note in
// the UI). The free allotment and the face value are the owner's numbers.
// `door` stays null until there is a door price to publish; while it is null
// no door price is printed anywhere.
tickets: {
free: 30,
presale: 25,
door: null,
url: "https://www.eventbrite.com/e/the-anniversary-affair-tickets-2000081536717",
},
// Official table minimums for this night, by floor-plan zone. The owner set
// them equal to the last special event (MAURO, Aug 27) — same numbers, so
// these two lists must stay in sync if either is ever repriced.
zones: { top: 2500, vip: 1500, blue: 800, green: 600, red: 600, silver: 1500 },
// Official artwork, dropped into web/assets/events/. Any missing file
// falls back to the CSS recreation automatically — the page never shows
// a broken image and never waits on the export.
art: {
desktop: ["assets/events/anniversary-hero-desktop.webp"],
flyer: ["assets/events/anniversary-flyer.webp", "assets/events/anniversary-hero-desktop.webp"],
},
};
/* zone → generic tier, so the Saturday program prices every table */
const ANNIV_Z2GEN = { top: "stage", vip: "vip", blue: "regular", green: "regular", red: "regular", silver: "mezz" };
const anFmt = (n) => "$" + Number(n).toLocaleString("en-US");
function anState() { try { return window.PP.eventState(ANNIV.dateISO); } catch (e) { return "upcoming"; } }
function anZonePrice(z) {
if (ANNIV.zones && ANNIV.zones[z] != null) return ANNIV.zones[z];
try { return window.PP.tablePrice(ANNIV_Z2GEN[z] || "regular", ANNIV.nightIdx); } catch (e) { return 0; }
}
function anTablePrice(tb) { return anZonePrice(tb && tb.z); }
/* cheapest table on the plan — drives the "tables from $X++" copy */
function anTableFrom() {
try {
const all = (window.CK_TABLES || []).map((tb) => anTablePrice(tb)).filter((p) => p > 0);
return all.length ? Math.min.apply(null, all) : 0;
} catch (e) { return 0; }
}
/* Meta Pixel — the ad campaign optimises on these. PP.track is a no-op when
the pixel is not loaded, so nothing here can break a click. */
function anTrack(event, name) {
try { window.PP && window.PP.track && window.PP.track(event, { content_name: "The Anniversary Affair · " + name }); } catch (e) {}
}
/* "Save the date" — a real calendar entry, from the verified event facts only */
function anCalendar(lang) {
const es = lang === "es";
const title = "The Anniversary Affair · Club Pink Pony";
const where = "Pink Pony Club, " + ANNIV.address;
const details = (es ? "Aniversario de Club Pink Pony. 8 PM – 5 AM · 21+. Tickets y reservas: "
: "Club Pink Pony's anniversary. 8 PM – 5 AM · 21+. Tickets & reservations: ") + ANNIV.url;
const google = "https://calendar.google.com/calendar/render?action=TEMPLATE"
+ "&text=" + encodeURIComponent(title)
+ "&dates=" + ANNIV.utcStart + "/" + ANNIV.utcEnd
+ "&details=" + encodeURIComponent(details)
+ "&location=" + encodeURIComponent(where);
// Apple/Outlook get a real file (web/anniversary.ics, generated by
// tools/make-event-pages.py) — iOS Safari does not reliably honour
// `download` on a data: URL, a served text/calendar file it does.
return { google, ics: "anniversary.ics" };
}
/* "Invite your people" — share links from the shared helper, no SDK */
function anShare(lang) {
try { return window.PP.shareLinks(ANNIV.url, anShareText(lang)); } catch (e) { return null; }
}
/* probe for the real exported artwork (first one that loads wins) */
function useAnnivArtAt(list) {
const [src, setSrc] = useState("");
useEffect(() => {
let live = true;
const tryAt = (i) => {
if (!live || i >= list.length) return;
const url = window.__asset ? window.__asset(list[i]) : list[i];
const im = new Image();
im.onload = () => { if (live) setSrc(url); };
im.onerror = () => tryAt(i + 1);
im.src = url;
};
tryAt(0);
return () => { live = false; };
}, []);
return src;
}
function useAnnivArt() { return useAnnivArtAt(ANNIV.art.desktop); }
function useAnnivFlyer() { return useAnnivArtAt(ANNIV.art.flyer); }
/* ---------- one-time CSS — Luxury Vintage Casino palette ----------
Working values from the campaign direction: wine #4B101D, oxblood
#751C2D, ivory #EFE5D2, brass #B89B66, espresso #1D1517. */
(function injectAnnivStyles() {
if (document.getElementById("anniv-css")) return;
const s = document.createElement("style");
s.id = "anniv-css";
s.textContent = `
.an-card{background:
radial-gradient(120% 80% at 50% 0%, rgba(184,155,102,.10), transparent 62%),
linear-gradient(168deg,#F5EDDD 0%,#EFE5D2 46%,#E6D9C1 100%)}
.an-bg{background:
radial-gradient(58% 90% at 50% 0%, rgba(184,155,102,.10), transparent 60%),
radial-gradient(45% 70% at 12% 100%, rgba(117,28,45,.35), transparent 66%),
radial-gradient(45% 70% at 88% 100%, rgba(117,28,45,.35), transparent 66%),
linear-gradient(180deg,#0a0a0b 0%,#1a0910 55%,#4B101D 100%)}
.an-rule{height:1px;background:linear-gradient(90deg,transparent,rgba(184,155,102,.85),transparent)}
.an-rule-dark{height:1px;background:linear-gradient(90deg,transparent,rgba(117,28,45,.7),transparent)}
.an-btn{background:linear-gradient(90deg,#751C2D,#4B101D);box-shadow:0 8px 30px rgba(117,28,45,.45)}
.an-btn:hover{filter:brightness(1.14)}
.an-brass,.label.an-brass{color:#B89B66}
.an-serif{font-family:'Cormorant Garamond',serif}
/* the shared venue map is drawn in the site's pink; on this page it wears
the campaign's wine and brass. Attribute selectors match Tailwind's
literal class names without escaping. Zone dots keep their colours —
they are the legend's meaning. */
#anniv-floorplan [class~="border-[#FF2E88]/35"]{border-color:rgba(184,155,102,.30)}
#anniv-floorplan [class~="border-[#FF2E88]/40"]{border-color:rgba(117,28,45,.8)}
#anniv-floorplan [class~="bg-[#FF2E88]/10"]{background:rgba(117,28,45,.22)}
#anniv-floorplan [class~="text-[#FF2E88]/80"]{color:#B89B66}
#anniv-floorplan .ck-table.ck-sel{box-shadow:0 0 0 2px #EFE5D2,0 0 24px rgba(184,155,102,.8)}
/* phones/tablets: the second-floor panel is nine identical tables — cap it
instead of letting it run 500px+ tall; and give every table ~10px more
hit area without moving the layout */
@media (max-width:1023px){#anniv-floorplan .grid>div:nth-child(2){max-width:260px;width:100%;margin:0 auto}}
@media (max-width:767px){#anniv-floorplan .ck-table::after{content:"";position:absolute;inset:-5px}}
`;
document.head.appendChild(s);
})();
/* ---------- the composed banner (CSS recreation) ----------
Used until the real export lands in web/assets/events/. It carries the
same information the official piece carries: title, date, save-the-date
and the footer block — nothing invented. */
function AnnivBannerContent({ compact }) {
const t = useT();
const pad = compact ? "px-6 py-8 md:py-10" : "px-6 py-7 md:px-7 md:py-14";
const suit = (ch, pos) => (
{ch}
);
return (
{t("Saturday, September 26, 2026", "Sábado 26 de septiembre de 2026")}
{t("Save the date", "Guarda la fecha")}
{!compact && (
{ANNIV.address}
{ANNIV.rsvpTelDisplay} · clubpinkpony.com
21+
)}
);
}
/* ---------- hero slide (used inside the home HeroSlides carousel) ---------- */
function AnnivHeroSlide({ active, go }) {
const t = useT();
const art = useAnnivArt();
const anim = "transition-all duration-700 " + (active ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4");
return (
{/* The banner is 16:9 and its copy is burned in, so it is never cropped:
a blurred, saturated echo of itself paints the frame and the piece
sits whole inside it at every width. */}
{art ? (
) : }
{/* mobile (and the no-art fallback): the piece itself, complete */}
{art ? (
) : }
);
}
/* ---------- site-wide highlight strip ---------- */
function AnnivStrip({ go }) {
const t = useT();
const nav = go || window.__ppGo || (() => {});
if (anState() === "past") return null;
const badge = window.PP.eventBadge ? window.PP.eventBadge(ANNIV.dateISO, t("en", "es")) : "SEP 26";
const from = anTableFrom();
return (
);
}
/* ---------- featured banner card (Events page · Special tab) ---------- */
function AnnivEventBanner({ go }) {
const t = useT();
const art = useAnnivFlyer();
const past = anState() === "past";
return (
);
}
/* ---------- save the date (calendar) ----------
The banner says "Guarda la fecha" — this makes it a one-tap action. */
function AnnivSaveTheDate() {
const t = useT(); const { lang } = useLang();
const cal = anCalendar(lang);
const pill = "inline-flex items-center gap-2 rounded-full border border-white/15 bg-black/30 backdrop-blur px-4 py-3.5 text-[10.5px] font-bold uppercase tracking-[0.14em] text-white/75 hover:border-[#B89B66]/70 hover:text-white transition-colors";
return (
);
}
/* ---------- the story ----------
Copy approved in the campaign handoff (§14). It celebrates the club's
history and the team; it claims no artist, no programme and no number. */
function AnnivStory() {
const t = useT();
return (
{t("The Night", "La Noche")}
{t(<>Every card has a story,
<>Cada carta tiene una historia)}
{t("Behind every Pink Pony night there are people who give it character, energy and their own way of welcoming you. Meet The Royal Team, our anniversary collection. On Saturday, September 26, the night is celebrated with you.",
"Detrás de cada noche de Pink Pony hay personas que le dan carácter, energía y una forma propia de recibirte. Conoce a The Royal Team, nuestra colección de aniversario. El sábado 26 de septiembre, la noche se celebra contigo.")}
♠ ♥ ♣ ♦
{t("“The next story we write with you.”", "«La próxima la escribimos contigo.»")}
);
}
function anShareText(lang) {
return lang === "es"
? "Te invito a The Anniversary Affair — el aniversario de Club Pink Pony, sábado 26 de septiembre."
: "You're invited to The Anniversary Affair — Club Pink Pony's anniversary, Saturday September 26.";
}
/* ---------- tickets ----------
Two tiers: the free allotment first, then the paid ticket. Eventbrite is
the only place to get either, and it adds its service fee at checkout —
the page says so rather than letting the total surprise anyone. Any tier
left null in ANNIV.tickets simply does not render. */
function AnnivTickets() {
const t = useT();
const eb = (ANNIV.tickets.url || "").trim();
const { free, presale, door } = ANNIV.tickets;
const tier = (label, big, note, hi) => (
{label}
{big}
{note}
);
const tiers = [];
if (free) tiers.push(tier(t("First " + free, "Primeras " + free), t("FREE", "GRATIS"), t("On Eventbrite — while they last", "Por Eventbrite — hasta agotar"), true));
if (presale != null) tiers.push(tier(free ? t("After that", "Después") : t("Ticket", "Entrada"), anFmt(presale), t("Per ticket + Eventbrite fee at checkout", "Por entrada + cargo de Eventbrite al pagar")));
if (door != null) tiers.push(tier(t("At the door", "En puerta"), anFmt(door), t("Sep 26 · subject to capacity", "26 Sep · sujeto a capacidad")));
return (
{t("Tickets", "Tickets")}
{t(<>Get your entry, <>Consigue tu entrada)}
{free ? (
{t("The first " + free + " entries are free on Eventbrite. Once they are gone, a ticket is " + anFmt(presale) + ".",
"Las primeras " + free + " entradas son gratis por Eventbrite. Cuando se agoten, la entrada cuesta " + anFmt(presale) + ".")}
) : (
{t("Entry is ticketed on Eventbrite — current prices and availability are on the official listing.",
"La entrada se vende por Eventbrite — los precios vigentes y la disponibilidad están en el listado oficial.")}
{t("Eventbrite adds its service fee at checkout. A ticket is entry only — for a guaranteed spot and bottle service, reserve a table below.",
"Eventbrite suma su cargo de servicio al pagar. La entrada es solo el acceso: para lugar garantizado y servicio de botella, reserva una mesa abajo.")}
);
}
/* ---------- booking (table reservation → PPDB + Hub + WhatsApp) ---------- */
function AnnivBooking({ sel }) {
const t = useT();
const [f, setF] = useState({
name: "", phone: "", email: "", guests: 4, notes: "",
age21: false, // atestación 21+ (AG-06) — el ID igual se verifica en puerta
});
const [done, setDone] = useState(null);
const [tried, setTried] = useState(false); // after the first submit, fields show their own state
const [promoter] = useState(() => { try { return window.PP.activePromoter ? window.PP.activePromoter() : null; } catch (e) { return null; } });
const set = (k, v) => setF((p) => ({ ...p, [k]: v }));
const phoneDigits = f.phone.replace(/\D/g, "");
const okName = !!f.name.trim(), okPhone = phoneDigits.length >= 10, okMail = /.+@.+\..+/.test(f.email);
// AG-06: sin atestación 21+ no se envía — la puerta igual verifica ID.
const valid = okName && okPhone && okMail && f.age21 === true;
const bad = (ok) => (tried && !ok ? " border-red-400/80" : "");
const total = sel ? anTablePrice(sel) : 0;
const toPlan = () => { const el = document.getElementById("anniv-floorplan"); if (el) el.scrollIntoView({ behavior: "smooth" }); };
const submit = (e) => {
e.preventDefault();
setTried(true);
if (!valid) {
window.toast && window.toast(
!(okName && okPhone && okMail) ? t("Please complete your name, phone and email.", "Completa tu nombre, teléfono y correo.")
: t("Please confirm your party is 21 or older.", "Confirma que tu grupo es mayor de 21 años."), "error");
return;
}
const phone = "+1" + phoneDigits.slice(-10);
const what = sel ? (t("Table", "Mesa") + " " + sel.id + " · " + anFmt(total) + "++") : t("RSVP · host assigns", "RSVP · el host asigna");
const r = window.PPDB.reservations.add({
fullName: f.name.trim(), phone, email: f.email.trim(),
date: ANNIV.dateISO, time: ANNIV.timeLabel, guests: f.guests,
experienceId: "anniversary-table",
experienceType: t("Special Event · ", "Evento Especial · ") + ANNIV.title,
night: ANNIV.nightIdx, nightName: ANNIV.nightName,
tableId: sel ? sel.id : "",
price: total, notes: f.notes.trim(), contactPref: "whatsapp",
promoter: promoter ? promoter.name : "", promoterId: promoter ? promoter.id : "",
promoterSlug: promoter && window.PP.promoterSlug ? window.PP.promoterSlug(promoter) : "",
server: "",
age21: true, // atestación 21+ (AG-06) — el envío exige el check
});
try {
window.PPHub && window.PPHub.submitReservation && window.PPHub.submitReservation({
name: f.name.trim(), phone, email: f.email.trim(),
night: ANNIV.nightIdx, date: ANNIV.dateISO, time: ANNIV.timeLabel, guests: f.guests,
tableId: sel ? sel.id : "", zone: ANNIV.nightName, occasion: what,
requests: [f.notes.trim(), "Ref " + r.code, "ANNIVERSARY SEP 26", promoter ? ("Promotor: " + promoter.name) : ""].filter(Boolean).join(" · "),
priceCents: total * 100,
// Ref propio + atestación 21+ (AG-06). El bridge de hoy no los reenvía
// (payload cerrado); el PR #86 los agrega — hasta entonces el Ref viaja
// dentro de `requests` y la atestación queda en el registro local.
code: r.code, age21: f.age21 === true,
});
} catch (err) {}
try {
window.PP.waOpen(
t("The Anniversary Affair · Sep 26 — reservation request", "The Anniversary Affair · 26 Sep — solicitud de reserva"),
[[t("Name", "Nombre"), f.name.trim()], [t("Phone", "Teléfono"), phone], [t("Email", "Correo"), f.email.trim()],
[t("Guests", "Personas"), String(f.guests)], [t("Request", "Solicitud"), what], [t("Ref", "Ref"), r.code]],
t("Sent from clubpinkpony.com", "Enviado desde clubpinkpony.com"),
);
} catch (err) {}
setDone({ r, what });
};
if (done) return (
{infoChip("calendar-days", t("Saturday, September 26", "Sábado 26 de septiembre"), ANNIV.hoursLabel + " · " + t("21+ with valid ID", "21+ con ID vigente"))}
{infoChip("map-pin", "Pink Pony Club", ANNIV.address + " · " + t("Open in Maps", "Abrir en Maps"), mapsUrl)}
{infoChip("phone", "RSVP " + ANNIV.rsvpTelDisplay, t("Tap to call", "Toca para llamar"), "tel:" + ANNIV.rsvpTel)}
{/* ============ ticker ============ */}
{["a", "b"].map((key) => (
{["THE ANNIVERSARY AFFAIR", t("SEPTEMBER 26", "26 DE SEPTIEMBRE"), "THE ROYAL TEAM", t("THE NIGHT IS CELEBRATED WITH YOU", "LA NOCHE SE CELEBRA CONTIGO")].map((it, i) => (
{it}✦
))}
))}
{past ? (
{t("This event already happened", "Este evento ya pasó")}
{t("Thank you for celebrating our history with us. Tickets and table reservations for this night are closed — see what's coming or lock a table for any night.", "Gracias por celebrar nuestra historia con nosotros. Los tickets y las reservas de mesa para esta noche están cerrados — mira lo que viene o asegura tu mesa cualquier noche.")}
) : (
{/* ============ THE STORY ============ */}
{/* ============ TICKETS ============ */}
{/* ============ FLOOR PLAN (shared venue map) ============ */}
{/* wider side gutters below 2xl: the floating chat button lives at
bottom-left and must never sit on a table (site rule) */}
{t("Event Floor Plan", "Plano del Evento")}
{t(<>Pick your table, <>Elige tu mesa)}
{t("Tap a table to see its minimum spend — then confirm your details right below.", "Toca una mesa para ver su consumo mínimo — y confirma tus datos justo abajo.")}
{t("Prices are minimum spend ++ (tax & service). The table includes express entry for your group — our host confirms details.",
"Los precios son consumo mínimo ++ (impuestos y servicio). La mesa incluye entrada express para tu grupo — el host confirma los detalles.")}
{/* ============ BOOKING ============ */}
{t("RSVP", "RSVP")}
{t(<>Lock in your night, <>Asegura tu noche)}
{t("Send your request and our VIP team confirms by WhatsApp. Pick a table above or let the host assign the best spot for your group.",
"Envía tu solicitud y nuestro equipo VIP confirma por WhatsApp. Elige una mesa arriba o deja que el host asigne el mejor lugar para tu grupo.")}