const Hero = () => { const [scrollY, setScrollY] = React.useState(0); const [mounted, setMounted] = React.useState(false); const heroRef = React.useRef(null); React.useEffect(() => { setMounted(true); const onScroll = () => setScrollY(window.scrollY); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); // Mouse parallax const [mouse, setMouse] = React.useState({ x: 0, y: 0 }); React.useEffect(() => { const onMove = (e) => { const x = (e.clientX / window.innerWidth - 0.5) * 2; const y = (e.clientY / window.innerHeight - 0.5) * 2; setMouse({ x, y }); }; window.addEventListener('mousemove', onMove); return () => window.removeEventListener('mousemove', onMove); }, []); const parY = scrollY * 0.3; return (

{/* Blueprint grid background, parallax */}

{/* Top measurement bar */}

X: 0000.00

R-001 / HERO / SHEET 01 OF 12

SCALE 1:1

{/* Top kicker */}

v.4.0 · Disponível agora · Compatível com BIM

{/* Title */}

A planta-baixa financeira do seu escritório.

{/* Right column — technical specs */}

{/* Subtitle + CTAs */}

ArchPlan é o ERP desenhado para arquitetos. Organiza clientes, propostas, contratos, financeiro e projetos em uma rotina clara para o escritório.

Cadastrar → Ver demo ↓

· 7 dias grátis · Sem cartão · Migração assistida

{/* Right column — animated blueprint */}

{/* Scroll indicator */}

Role para explorar

); }; // Animated architectural blueprint that draws itself const BlueprintFloor = ({ mounted, mouse }) => { const offsetX = mouse.x * 8; const offsetY = mouse.y * 8; return (

FLR-PLN-01 ↺ AUTO

1:50 A · PROJ 22.04.26

{/* Floating cursor pulse */}

); }; window.Hero = Hero;