// Connelly Gospel — main site. Hero, Message, Full Message, Clips, Footer. // Language: EN default; ES via /es path, ?lang=es, or #es. Persisted. const { useState, useEffect, useRef } = React; function detectLang() { try { const p = location.pathname.toLowerCase(); const q = new URLSearchParams(location.search).get("lang"); const h = location.hash.replace("#", "").toLowerCase(); if (q) return q.toUpperCase() === "ES" ? "ES" : "EN"; if (/(^|\/)es(\/|$)/.test(p)) return "ES"; if (h === "es") return "ES"; const saved = localStorage.getItem("cgLang"); if (saved) return saved; } catch {} return "EN"; } // ─── Small shared bits ─────────────────────────────────────────────────────── function Eyebrow({ children, color }) { return
{children}
; } function Rule({ w = 60 }) { return
; } function GoldBtn({ children, onClick, solid, href, target }) { const base = { display: "inline-flex", alignItems: "center", gap: 9, padding: "15px 30px", cursor: "pointer", fontFamily: FONT.display, fontSize: 13, letterSpacing: "0.18em", textTransform: "uppercase", textDecoration: "none", transition: "all 0.25s", whiteSpace: "nowrap", border: `1px solid ${C.gold}`, background: solid ? C.gold : "transparent", color: solid ? C.ink : C.gold, }; const onEnter = (e) => { e.currentTarget.style.background = solid ? C.ivory : "rgba(227,189,110,0.12)"; }; const onLeave = (e) => { e.currentTarget.style.background = solid ? C.gold : "transparent"; }; if (href) return {children}; return ; } // ─── Top nav ───────────────────────────────────────────────────────────────── function Nav({ tt, lang, setLang, onClips }) { const [solid, setSolid] = useState(false); useEffect(() => { const on = () => setSolid(window.scrollY > 80); on(); window.addEventListener("scroll", on, { passive: true }); return () => window.removeEventListener("scroll", on); }, []); return (
Nick Connelly
{tt.fullEyebrow}
{["EN", "ES"].map((l) => ( ))}
); } // ─── Hero ──────────────────────────────────────────────────────────────────── function Hero({ tt, onFull, onClips }) { const vRef = useRef(null); useEffect(() => { const v = vRef.current; if (v) { v.muted = true; v.play().catch(() => {}); } }, []); return (
); } // ─── Message / About ───────────────────────────────────────────────────────── function MessageSection({ tt }) { return (
{tt.aboutEyebrow}

{tt.aboutTitle}

{tt.aboutBody}

“
{tt.versesEyebrow}

{tt.verseText}

— {tt.verseRef}
); } // ─── Full Message player ───────────────────────────────────────────────────── function FullMessage({ tt, lang }) { const ref = useRef(null); const rootRef = useRef(null); const [playing, setPlaying] = useState(false); const [dl, setDl] = useState(null); // { kind, pct } const src = fullVideo(lang, "16x9"); // Reload source when language changes if already started useEffect(() => { const v = ref.current; if (v && playing) { const t = v.currentTime; v.src = src; v.load(); v.currentTime = t || 0; v.play().catch(() => {}); } }, [lang]); function start() { setPlaying(true); setTimeout(() => { const v = ref.current; if (v) { v.src = src; v.play().catch(() => {}); } }, 0); } function goFs() { const el = rootRef.current; const v = ref.current; const tryEl = () => { if (!el) return Promise.reject(); const req = el.requestFullscreen || el.webkitRequestFullscreen || el.msRequestFullscreen; if (req) { try { const p = req.call(el); return p && p.catch ? p : Promise.resolve(); } catch (e) { return Promise.reject(e); } } return Promise.reject(); }; const tryVideo = () => { if (!v) return; // iOS Safari: the