/* @jsx React.createElement */ /* ========================================================= TRUE VOICE — sections A Nav · Hero · Manifest · Pains ========================================================= */ const { useState, useEffect, useRef } = React; /* ---------- SHARED PRIMITIVES ---------- */ function Eyebrow({ children, tone = 'muted', dot = false, style }) { const colors = { accent: 'var(--tv-accent)', gold: 'var(--tv-gold)', muted: 'var(--fg-muted)' }; return ( {dot ? : null} {children} ); } function SectionHead({ idx, eyebrow, title, sub, align = 'left', max = '32ch' }) { return (
{String(idx).padStart(3, '0')} {eyebrow}

{title}

{sub ?

{sub}

: null}
); } /* ---------- KYIV CLOCK ---------- */ function Clock({ tz = 'Europe/Kiev' }) { const [t, setT] = useState(() => new Date()); useEffect(() => { const id = setInterval(() => setT(new Date()), 1000); return () => clearInterval(id); }, []); const s = new Intl.DateTimeFormat('uk-UA', { timeZone: tz, hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false }).format(t); return {s} Київ; } /* ---------- NAV ---------- */ function Nav({ onApply }) { const [open, setOpen] = useState(false); const items = [ ['Метод', '#method'], ['Програма', '#program'], ['Про автора', '#author'], ['Відгуки', '#voices'], ['FAQ', '#faq']]; useEffect(() => { document.body.style.overflow = open ? 'hidden' : ''; return () => {document.body.style.overflow = '';}; }, [open]); return ( <>
В ефірі · Київ · TRUE VOICE
setOpen(false)}> TRUE VOICE / Academy
    {items.map((it, i) =>
  1. setOpen(false)}> {it[0]} {String(i + 1).padStart(2, '0')}
    2. )}
В ефірі ·
); } /* ---------- HERO ---------- */ function startDateLabel() { const t = new Date(); t.setDate(t.getDate() + 1); return `${String(t.getDate()).padStart(2, '0')}.${String(t.getMonth() + 1).padStart(2, '0')}`; } function Hero({ onApply, motion = 'cinematic' }) { const reduced = motion === 'off'; const density = motion === 'cinematic' ? 1 : 0.55; const heroRef = useRef(null); const stageRef = useRef(null); // gentle parallax: stage scales slightly on scroll, rotates 0.5° useEffect(() => { if (reduced) return; let raf = 0, sy = 0; function tick() { if (!stageRef.current) return; const max = window.innerHeight * 0.8; const k = Math.min(sy, max) / max; const ty = k * -40; const sc = 1 + k * 0.04; stageRef.current.style.transform = `translate3d(0, ${ty.toFixed(1)}px, 0) scale(${sc.toFixed(4)})`; raf = 0; } function onScroll() { sy = window.scrollY || 0; if (!raf) raf = requestAnimationFrame(tick); } window.addEventListener('scroll', onScroll, { passive: true }); return () => { window.removeEventListener('scroll', onScroll); cancelAnimationFrame(raf); }; }, [reduced]); return (
{/* central 3D stage — the voice column lives here */}
); } /* ---------- MANIFEST — Що таке соматичний підхід ---------- */ function Manifest() { const rows = [ { idx: 'I', lead: <>Тіло і голос — єдина система., sub: 'Напруга в щелепі, стиснуті груди, поверхневе дихання миттєво блокують природне звучання. Розслабляєш тіло — звільняєш голос.', sym: 'symbol-fascia' }, { idx: 'II', lead: <>Нервова система керує звуком., sub: 'Коли мозок сприймає ситуацію як загрозу, він відключає доступ до всіх навичок. Заспокоюєш систему — повертаєш контроль.', sym: 'symbol-resonance' }, { idx: 'III', lead: <>Практика — через відчуття., sub: 'Конкретні тілесні практики, які можна відчути і відтворити в будь-який момент.', sym: 'symbol-axis' }]; return (
Що таке соматичний підхід
до голосу — і чому це працює.} sub="Голос — це не просто звук. Це відображення стану всього тіла і нервової системи." max="50ch" />
{rows.map((r) =>
{r.idx}

{r.lead}

{r.sub}

)}
); } /* ---------- PAINS — Впізнаєш себе? ---------- */ function Pains() { const items = [ { t: 'Голос зраджує в найважливіший момент', d: 'Стоїш перед аудиторією — і саме тоді щось стискається в тілі. Голос тихне, зривається, виходить пласким. Всередині є що сказати, але назовні виходить щось інше.' }, { t: 'Техніка не працює під тиском', d: 'Роками займаєшся вокалом або публічними виступами. Знаєш теорію, відпрацював техніку — але щойно підвищується ставка, тіло скидає все напрацьоване.' }, { t: 'Голос перестав бути твоїм', d: 'Хрипкий, плаский, без сили. Люди не реагують або перебивають. Говориш тихіше, рідше, обережніше — і поступово відчуваєш, що зникаєш з простору.' }, { t: 'Постійна напруга в тілі', d: 'Фонова напруга, яку давно перестав помічати. Дихати важко, щелепа стиснута, груди закриті. До кінця дня втрачаєш здатність нормально говорити від втоми.' }]; return (
Чотири ситуації, які знайомі
кожному, хто стикався з непередбачуваним голосом.} max="48ch" />
    {items.map((it, i) =>
  1. {String(i + 1).padStart(2, '0')}

    {it.t}

    {it.d}

    2. )}
); } Object.assign(window, { Nav, Hero, Manifest, Pains, Eyebrow, SectionHead, Clock, startDateLabel });