// Hero — phone tilts gently (capped, content always readable), floating stat chips function Hero() { const [phase, setPhase] = React.useState(0); const [tilt, setTilt] = React.useState(0); const [parallax, setParallax] = React.useState(0); const heroRef = React.useRef(null); React.useEffect(() => { const id = setInterval(() => setPhase((p) => (p + 1) % 4), 4500); return () => clearInterval(id); }, []); React.useEffect(() => { const onScroll = () => { if (!heroRef.current) return; const r = heroRef.current.getBoundingClientRect(); const t = Math.max(0, Math.min(1, 1 - r.bottom / (window.innerHeight + r.height))); // gentle tilt only — capped so content stays readable setTilt(-6 + t * 12); // -6° to +6° }; const onMove = (e) => { const x = (e.clientX / window.innerWidth - 0.5) * 2; const y = (e.clientY / window.innerHeight - 0.5) * 2; setParallax(y * 4); // subtle horizontal nudge, capped setTilt((prev) => Math.max(-8, Math.min(8, prev * 0.95 + x * 0.4))); }; onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); window.addEventListener("mousemove", onMove); return () => { window.removeEventListener("scroll", onScroll); window.removeEventListener("mousemove", onMove); }; }, []); const screens = ["home", "quiz", "result", "profile"]; return (
Нова українська підготовка до НМТ

НМТ без стресу
Грай і готуйся

20 000+ питань, адаптивні тести, гейміфікація як у твоїх улюблених іграх. Створено діючими військовими — для нового покоління України.

12 предметів до підготовки 7+ варіантів проходження тестів 4.9 в App Store
{/* marquee strip */}
{[...Array(2)].map((_, k) => ( УКРАЇНСЬКА МОВА МАТЕМАТИКА ІСТОРІЯ УКРАЇНИ АНГЛІЙСЬКА БІОЛОГІЯ ХІМІЯ ФІЗИКА ГЕОГРАФІЯ 20 000+ ПИТАНЬ ))}
); } function FloatChip({ top, bottom, left, right, rotate = 0, float = "floatA", iconBg, iconColor, iconName, label, value }) { return (
{label}
{value}
); } window.Hero = Hero;