const { Logo, Button, Mark, Seal, Divider } = window.PYPAAluvaCentreDesignSystem_9d12c1; const S = window.SITE; const NAV = [["about", "About"], ["programmes", "Programmes"], ["serve", "Serve"]]; const PAGE_WRAP = "clamp(24px,6vw,96px)"; const MAXW = 1240; const reduceMotion = () => window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches; // — Scroll-reveal: one fade-and-rise on entry, never repeating. function Reveal({ children, delay = 0, y = 16, style }) { const ref = React.useRef(null); const [shown, setShown] = React.useState(false); React.useEffect(() => { if (reduceMotion()) { setShown(true); return; } const el = ref.current; if (!el) return; const io = new IntersectionObserver((es) => { es.forEach((e) => { if (e.isIntersecting) { setShown(true); io.disconnect(); } }); }, { threshold: 0.12, rootMargin: "0px 0px -8% 0px" }); io.observe(el); return () => io.disconnect(); }, []); return (
{children}
); } function Container({ children, narrow, style }) { return
{children}
; } function Eyebrow({ children, tone, style }) { const col = tone === "inverse" ? "rgba(244,242,236,.55)" : "var(--c-ink-faint)"; return
{children}
; } // — Section: vertical rhythm + tone band. Rhythm is varied deliberately by `pad`. function Section({ children, tone = "paper", pad = "lg", id, style }) { const bg = { paper: "var(--c-paper)", linen: "var(--c-linen)", deep: "var(--c-deep)", raised: "var(--c-paper-raised)" }[tone]; const py = { sm: "clamp(48px,7vw,80px)", md: "clamp(64px,9vw,112px)", lg: "clamp(80px,12vw,160px)" }[pad]; return
{children}
; } // — Honest photography placeholder. Clearly temporary; never fake-real. function Photo({ ratio = "16 / 9", label = "Photograph", note, tone = "linen", align = "center", src, alt, style }) { const [failed, setFailed] = React.useState(false); const bg = tone === "deep" ? "var(--c-deep-soft)" : "var(--c-linen-deep)"; const fg = tone === "deep" ? "rgba(244,242,236,.5)" : "var(--c-ink-mute)"; const corner = align === "corner"; if (src && !failed) { return (
{alt setFailed(true)} style={{ position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", display: "block" }} />
); } return (
{!corner && }
{label}
{note &&
{note}
}
); } // Display + heading helpers (Newsreader). function Display({ children, style }) { return

{children}

; } function Heading({ children, as = "h2", style }) { const T = as; return {children}; } function Lede({ children, tone, style }) { return

{children}

; } // — Header. Transparent over the hero on Home; solid otherwise and on scroll. function SiteHeader({ route, go, transparentAtTop }) { const [solid, setSolid] = React.useState(!transparentAtTop); const [open, setOpen] = React.useState(false); React.useEffect(() => { if (!transparentAtTop) { setSolid(true); return; } const onScroll = () => setSolid(window.scrollY > 40); onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, [transparentAtTop]); React.useEffect(() => { document.body.style.overflow = open ? "hidden" : ""; return () => { document.body.style.overflow = ""; }; }, [open]); React.useEffect(() => { setOpen(false); }, [route]); const onDark = transparentAtTop && !solid; const linkCol = onDark ? "rgba(244,242,236,.82)" : "var(--c-ink-mute)"; const activeCol = onDark ? "#F4F2EC" : "var(--c-ink)"; return (
{ e.preventDefault(); go("home"); }} aria-label="PYPA Aluva Centre — home" style={{ display: "inline-flex", border: 0 }}>
{open && ReactDOM.createPortal(
, document.body )}
); } // Header/menu brand — the full parent seal beside the wordmark. function BrandLockup({ onDark }) { const ink = onDark ? "#F4F2EC" : "var(--c-ink)"; const sub = onDark ? "rgba(244,242,236,.6)" : "var(--c-ink-mute)"; return ( PYPA IPC Aluva Centre ); } function FootCol({ title, children }) { return (
{title} {children}
); } const footLink = { color: "rgba(244,242,236,.82)", fontSize: 15, border: 0, lineHeight: 1.5 }; function SiteFooter({ go }) { return ( ); } Object.assign(window, { Reveal, Container, Eyebrow, Section, Photo, Display, Heading, Lede, SiteHeader, SiteFooter, NAV, MAXW, PAGE_WRAP });