/* =========================================================================
PRESENÇA — shared runtime (components used across all pages)
Exposes globals on window for the per-page scripts to consume.
========================================================================= */
const { useState, useEffect, useRef } = React;
const CFG = window.SITE_CONFIG;
const C = window.SITE_CONTENT;
const NAV = window.SITE_NAV;
const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
const isTouch = window.matchMedia('(hover: none), (pointer: coarse)').matches;
/* ---------------------------------------------------------------- whatsapp */
function waLink(customMsg) {
const msg = encodeURIComponent(customMsg || CFG.whatsappMsg);
return `https://wa.me/${CFG.whatsappNumber}?text=${msg}`;
}
/* ---------------------------------------------------------------- icons */
function WhatsAppIcon() {
return (
);
}
/* ---------------------------------------------------------------- AURA (Change 2) */
function Aura() {
const ref = useRef(null);
useEffect(() => {
if (isTouch || prefersReduced) return;
let tx = innerWidth * 0.85,ty = innerHeight * 0.9,cx = tx,cy = ty,raf;
const onMove = (e) => {tx = e.clientX;ty = e.clientY;};
const loop = () => {
cx += (tx - cx) * 0.08;
cy += (ty - cy) * 0.08;
if (ref.current) ref.current.style.transform = `translate(${cx - 300}px, ${cy - 300}px)`;
raf = requestAnimationFrame(loop);
};
window.addEventListener('mousemove', onMove, { passive: true });
loop();
return () => {cancelAnimationFrame(raf);window.removeEventListener('mousemove', onMove);};
}, []);
if (isTouch || prefersReduced) return null;
return
;
}
/* ---------------------------------------------------------------- BACKGROUND WORDS
Static, in-document decorative words. Scroll with content, no cursor/aura
dependency. Always faintly visible; the aura adds a slight highlight where
it happens to overlap. Hidden on mobile. */
const BG_SIZES = [
{ size: 'clamp(7rem, 16vw, 12rem)', rot: '-4deg' },
{ size: 'clamp(6rem, 13vw, 10rem)', rot: '3deg' },
{ size: 'clamp(8rem, 18vw, 14rem)', rot: '-2deg' },
{ size: 'clamp(7rem, 15vw, 11rem)', rot: '5deg' },
{ size: 'clamp(8rem, 17vw, 13rem)', rot: '-3deg' },
{ size: 'clamp(9rem, 19vw, 15rem)', rot: '-6deg' }];
function BackgroundWords({ words }) {
const list = (words && words.length ? words : ['TREINO', 'PRESENÇA', 'FORÇA', 'MÉTODO', 'EVOLUÇÃO', 'FOCO']).slice(0, 6);
return (
{list.map((w, i) =>
{w}
)}
);
}
/* ---------------------------------------------------------------- HEADER (Change 5) */
function Header({ active }) {
const [stuck, setStuck] = useState(false);
const [open, setOpen] = useState(false);
useEffect(() => {
const onScroll = () => setStuck(window.scrollY > 40);
onScroll();
window.addEventListener('scroll', onScroll, { passive: true });
return () => window.removeEventListener('scroll', onScroll);
}, []);
useEffect(() => {
document.body.style.overflow = open ? 'hidden' : '';
}, [open]);
return (
Agendar
setOpen(true)}>
setOpen(false)} style={{ display: 'inline-flex' }}>
);
}
/* ---------------------------------------------------------------- WhatsApp CTA */
function WhatsAppButton({ label, msg, small }) {
return (
);
}
/* shared CTA band used at the foot of internal pages */
function CtaBand() {
const k = C.ctaBlock;
return (
{k.kicker}
{k.headline}
{k.lead}
);
}
/* ---------------------------------------------------------------- FOOTER (Change 5) */
function Footer() {
return (
© 2026 {CFG.firstName} {CFG.lastName} · {CFG.city}
);
}
/* ---------------------------------------------------------------- quote card */
function QuoteCard({ q }) {
return (
”
{q.text}
);
}
/* ---------------------------------------------------------------- page hero (internal) */
function PageHero({ title, intro }) {
return (
);
}
/* ---------------------------------------------------------------- theme + reveal + mount */
function applyTheme(t) {
const root = document.documentElement.style;
const acc = CFG.accents.find((a) => a.main === (t && t.accent)) || CFG.accents[0];
root.setProperty('--accent', acc.main);
root.setProperty('--accent-2', acc.a2);
root.setProperty('--accent-3', acc.a3);
root.setProperty('--accent-deep', acc.deep);
root.setProperty('--accent-ink', acc.ink);
root.setProperty('--accent-glow', acc.main + '73');
const fset = CFG.fontSets.find((f) => f.name === (t && t.fonts)) || CFG.fontSets[0];
root.setProperty('--font-display', fset.display);
root.setProperty('--font-head', fset.head);
root.setProperty('--font-body', fset.body);
root.setProperty('--font-mono', fset.mono);
}
function initReveal() {
const els = document.querySelectorAll('.reveal');
if (prefersReduced) {els.forEach((e) => e.classList.add('in'));return;}
const io = new IntersectionObserver((ents) => {
ents.forEach((e) => {if (e.isIntersecting) {e.target.classList.add('in');io.unobserve(e.target);}});
}, { threshold: 0.12, rootMargin: '0px 0px -6% 0px' });
els.forEach((e) => io.observe(e));
}
/* ---------------------------------------------------------------- cross-page persistence */
const LS_KEY = 'presenca.tweaks.v1';
function loadSaved() {
try {return JSON.parse(localStorage.getItem(LS_KEY)) || {};} catch (e) {return {};}
}
function saveTweaks(obj) {
try {localStorage.setItem(LS_KEY, JSON.stringify(obj));} catch (e) {}
}
/* ---------------------------------------------------------------- PageShell + mountPage */
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"accent": "#1FB6CE",
"fonts": "Cinzel / Bebas",
"aura": true,
"bgWords": true,
"first": "LUCAS",
"last": "BERTONI"
} /*EDITMODE-END*/;
function PageShell({ active, bgWords, children }) {
// merge any cross-page choices saved from a previous page over the defaults
const [t, setTweak] = useTweaks(Object.assign({}, TWEAK_DEFAULTS, loadSaved()));
useEffect(() => {applyTheme(t);}, [t.accent, t.fonts]);
useEffect(() => {saveTweaks(t);}, [t.accent, t.fonts, t.aura, t.bgWords, t.first, t.last]);
useEffect(() => {initReveal();}, []);
return (
{t.aura ?
{t.bgWords ? {typeof children === 'function' ? children(t) : children}
setTweak('first', v)} />
setTweak('last', v)} />
a.main)}
onChange={(v) => setTweak('accent', v)} />
f.name)}
onChange={(v) => setTweak('fonts', v)} />
setTweak('aura', v)} />
setTweak('bgWords', v)} />
);
}
// each page calls: mountPage('home', (t) => {render} );
}
Object.assign(window, {
CFG, C, NAV, waLink, prefersReduced, isTouch,
Aura, BackgroundWords, Header, Footer, WhatsAppButton, WhatsAppIcon, CtaBand, QuoteCard, PageHero,
applyTheme, initReveal, PageShell, mountPage
});