// Ikigai — Hero section // Apple keynote-style: oversized type, kanji watermark, cinematic figure, // scroll-driven parallax. Three tonal variants: bright, dark, editorial. const { useEffect: useEffectH, useRef: useRefH, useState: useStateH } = React; function Hero({ variant = "bright" }) { const y = useScrollY(); const heroRef = useRefH(null); // parallax: kanji moves slower than scroll, figure slightly faster const kanjiY = -y * 0.15; const figureY = y * 0.08; const titleY = -y * 0.05; const fadeOut = Math.max(0, 1 - y / 600); if (variant === "dark") return ; if (variant === "editorial") return ; if (variant === "cinematic") return ; // ── BRIGHT (default) — full-bleed video background return (
{/* Video background */}
); } // ── DARK variant — black, dramatic function HeroDark({ y }) { const kanjiY = -y * 0.2; const titleY = -y * 0.05; const fadeOut = Math.max(0, 1 - y / 600); return (
道

Ikigai — Edição Tradicional

Comece
onde você está.

Quatro décadas de prática. Três estilos. Uma escola. Treinamos corpo e mente — uma técnica de cada vez.

); } // ── EDITORIAL variant — magazine, asymmetric function HeroEditorial({ y }) { const fadeOut = Math.max(0, 1 - y / 600); return (

№ 01 — Edição São Paulo · 1987–2026

Karatê,
como sempre
foi.

Sem hierarquia inflada. Sem coreografia. O dojo Ikigai segue a escola tradicional japonesa há quase quarenta anos — formando praticantes, não consumidores.

{/* full-bleed image stripe */}
Sequência de kata
); } // ── CINEMATIC variant — bold editorial split, live class countdown function HeroCinematic({ y }) { const fadeOut = Math.max(0, 1 - y / 700); const kanjiY = -y * 0.12; const photoY = y * 0.06; const [tick, setTick] = React.useState(0); // Próxima aula: Seg/Qua/Sex 09:00, 18:00, 19:00 const proxAula = React.useMemo(() => { const horarios = [ { dia: 1, hora: 9 }, { dia: 1, hora: 18 }, { dia: 1, hora: 19 }, { dia: 3, hora: 9 }, { dia: 3, hora: 18 }, { dia: 3, hora: 19 }, { dia: 5, hora: 9 }, { dia: 5, hora: 18 }, { dia: 5, hora: 19 }, ]; const agora = new Date(); let melhor = null; for (let dOffset = 0; dOffset < 14; dOffset++) { const data = new Date(agora); data.setDate(agora.getDate() + dOffset); const diaSemana = data.getDay(); for (const h of horarios) { if (h.dia !== diaSemana) continue; const ts = new Date(data); ts.setHours(h.hora, 0, 0, 0); if (ts > agora && (!melhor || ts < melhor.ts)) melhor = { ts, dia: diaSemana, hora: h.hora }; } if (melhor) break; } return melhor; }, [tick]); React.useEffect(() => { const t = setInterval(() => setTick(x => x + 1), 60000); return () => clearInterval(t); }, []); const nomeDia = (d) => ["Domingo","Segunda","Terça","Quarta","Quinta","Sexta","Sábado"][d]; const formatCountdown = (target) => { if (!target) return ""; const diff = target.ts - new Date(); if (diff < 0) return "agora"; const horas = Math.floor(diff / 3600000); const mins = Math.floor((diff % 3600000) / 60000); if (horas >= 24) return `em ${Math.floor(horas/24)}d ${horas%24}h`; if (horas > 0) return `em ${horas}h ${mins}min`; return `em ${mins}min`; }; return (
{/* Glow ambient */}
{/* Kanji 道 gigante ao fundo */}
道
{/* Linha decorativa vertical à esquerda */}
{/* LEFT */}

道場 · Dojô Ikigai · Nilópolis RJ

IKIGAI

生き甲斐

"a razão pela qual você acorda de manhã"

Karatê Shotokan tradicional, no ritmo da
tradição japonesa.

Sob a direção do Mestre Inst. Robson, filiado à SKIBRASIL. Para todas as idades a partir de 14 anos.

{/* Live ticker — próxima aula */} {proxAula && (
Próxima aula {nomeDia(proxAula.dia)} · {String(proxAula.hora).padStart(2, "0")}:00 {formatCountdown(proxAula)}
)}
{/* RIGHT — Mestre Robson photo */}
{/* Vertical kanji caption */}
師 範 · MESTRE FUNDADOR
Mestre Inst. Robson SKIBRASIL

Faixa preta · SKIBRASIL

Mestre Inst. Robson

Role para descobrir ↓
); } Object.assign(window, { Hero });