/* sections-1.jsx — Navbar, Hero, "Por que Lina é diferente" */ const { useState: useS1, useEffect: useE1, useRef: useR1 } = React; /* ---------- Wordmark ---------- */ const Logo = ({ size = 22 }) => ( LINASOLUTIONS OPTIMIZER · PERFORMANCE DIRECTOR ); /* ---------- Navbar ---------- */ const Navbar = () => { const [scrolled, setScrolled] = useS1(false); useE1(() => { const onScroll = () => setScrolled(window.scrollY > 12); window.addEventListener("scroll", onScroll); return () => window.removeEventListener("scroll", onScroll); }, []); const links = [ ["Recursos", "#recursos"], ["Diferencial", "#diferencial"], ["Antes/Depois", "#antesdepois"], ["Tecnologia", "#tecnologia"], ["Preços", "#precos"], ["FAQ", "#faq"], ]; return (
Assinar agora
); }; /* ---------- Status ticker (scroll-linked + auto-scroll) ---------- */ const TICKER_ITEMS = [ ["●", "BETA PRIVADA"], [null, "WIN 10 / 11 SUPORTADO"], ["+", "GAME BOOST REVERSÍVEL"], [null, "ROLLBACK NATIVO"], ["●", "SEM TELEMETRIA OBRIGATÓRIA"], [null, "DIAGNÓSTICO ANTES/DEPOIS"], ["+", "LINA PERFORMANCE DIRECTOR"], [null, "LINA POWER PLAN"], [null, "v3.4 · BUILD 24102"], ["●", "BR · PT-BR"], ]; const StatusTicker = () => { const trackRef = useR1(null); const offsetRef = useR1(0); const lastScrollRef = useR1(0); const lastTimeRef = useR1(0); useE1(() => { let raf = 0; const AUTO_PX_PER_SEC = 30; // base auto-scroll speed const SCROLL_BOOST = 0.6; // additional offset per px scrolled const tick = (now) => { const dt = lastTimeRef.current ? (now - lastTimeRef.current) / 1000 : 0; lastTimeRef.current = now; // scroll delta -> extra movement const sy = window.scrollY; const dy = sy - lastScrollRef.current; lastScrollRef.current = sy; offsetRef.current += AUTO_PX_PER_SEC * dt + dy * SCROLL_BOOST; const track = trackRef.current; if (track) { // wrap by half-width since we duplicate content once const half = track.scrollWidth / 2 || 1; const o = ((offsetRef.current % half) + half) % half; track.style.transform = `translate3d(${-o}px, 0, 0)`; } raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); }, []); const Row = ({ k }) => ( {TICKER_ITEMS.map(([sym, txt], i) => ( {sym && {sym}} {txt} ))} ); return (
); }; /* ---------- Hero ---------- */ const Hero = () => { return (
{/* TOP: copy */}
v3.4 · build 24102 Windows 10 / 11 Rollback nativo Performance Director

Seu PC não precisa ser novo.
Ele precisa estar limpo, leve e
focado no jogo.

O Lina Optimizer vem com o Lina Performance Director: ele analisa o PC, ajusta a performance ao vivo e prepara o Windows para jogar com menos peso em segundo plano — com rollback total em um clique.

Quero otimizar meu PC
{/* BOTTOM: 3D perspective stack of windows */}
); }; /* ---------- Hero mockup: 3 stacked windows in perspective ---------- */ const HeroMockup = () => { return (
{/* HUD bracket above */}
// LINA_OPTIMIZER · LIVE PREVIEW RUNTIME OK
{/* Perspective stage */}
{/* horizon line */} {/* Back-left small window: Diagnostic */}
SYSTEM ANALYSIS
14achados
{[ ["CPU idle", "12%", "ok"], ["RAM ocup.", "44%", "ok"], ["Startup", "19 apps", "warn"], ["Energia", "Equilibrado", "warn"], ].map(([k,v,s], i) => (
{k} ● {v}
))}
}/>
{/* Back-right small window: Power */}
POWER OUTPUT
100 %
USB suspend OFF
PCIe MAX
}/>
{/* Front center: Main dashboard */}
{/* Bottom-right floating chip badge */}
ROLLBACK ENABLED
); }; const SmallWindow = ({ title, tab, content }) => (
{title}
{tab}
{content}
); /* ---------- Section: Por que Lina é diferente ---------- */ const SectionDiferencial = () => { const common = [ "Botões mágicos sem explicação", "Promessas exageradas (\"+300 FPS!\")", "Ajustes placebo invisíveis", "Difícil saber o que mudou", "Sem rollback ou rollback parcial", "Mesma receita pra qualquer hardware", ]; const lina = [ "Diagnóstico antes e depois real", "Cada ajuste explica: o quê, porquê, risco", "Otimizações marcadas por risco e impacto", "Rollback de 1 clique, sempre", "Foco no rotineiro do gamer", "Presets por perfil de uso", ]; return (
{/* Otimizadores comuns */}
// PADRÃO

Otimizadores comuns

caixa-preta
{common.map((c, i) => (
{c}
))}
{/* Lina */}
// LINA OPTIMIZER

Performance com explicação

transparente
{lina.map((c, i) => (
{c}
))}
{/* Quote line */}
“Nada de botão mágico.
O Lina mostra o motivo.”
); }; Object.assign(window, { Logo, Navbar, StatusTicker, Hero, SectionDiferencial });