// Sections 1–4: Nav, Hero, Trust marquee, Damaging admission function Nav() { const [scrolled, setScrolled] = React.useState(false); const [open, setOpen] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 12); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); return ( ); } function NeuralBackground({ color = '#FF5B2C', trailOpacity = 0.04, particleCount = 380, speed = 0.7 }) { const canvasRef = React.useRef(null); const containerRef = React.useRef(null); React.useEffect(() => { const canvas = canvasRef.current; const container = containerRef.current; if (!canvas || !container) return; const ctx = canvas.getContext('2d'); if (!ctx) return; let width = container.clientWidth; let height = container.clientHeight; let particles = []; let raf; let t = 0; const mouse = { x: -1000, y: -1000 }; // Pseudo-Perlin via layered sine — smoother & cheaper than real Perlin const fieldAngle = (x, y, time) => { const s = 0.0022; const n = Math.sin(x * s + time * 0.0006) + Math.cos(y * s * 1.3 - time * 0.0005) + Math.sin((x + y) * s * 0.7 + time * 0.0004); return n * Math.PI; // 0..~3π — multiple full rotations across screen }; class Particle { constructor() { this.reset(true); } reset(initial) { this.x = Math.random() * width; this.y = Math.random() * height; this.px = this.x; this.py = this.y; this.life = 0; this.maxLife = 200 + Math.random() * 300; this.speed = (0.6 + Math.random() * 0.9) * speed; this.thickness = Math.random() < 0.15 ? 2.4 : 1.6; } step() { this.px = this.x; this.py = this.y; const a = fieldAngle(this.x, this.y, t); this.x += Math.cos(a) * this.speed; this.y += Math.sin(a) * this.speed; // soft mouse repulsion — gentle nudge, not a kick const dx = this.x - mouse.x, dy = this.y - mouse.y; const d2 = dx * dx + dy * dy; const r = 140; if (d2 < r * r && d2 > 0.01) { const d = Math.sqrt(d2); const f = (r - d) / r; this.x += (dx / d) * f * 1.4; this.y += (dy / d) * f * 1.4; } this.life++; // wrap edges — and reset px/py so we don't draw a line across the screen let wrapped = false; if (this.x < 0) { this.x += width; wrapped = true; } else if (this.x > width) { this.x -= width; wrapped = true; } if (this.y < 0) { this.y += height; wrapped = true; } else if (this.y > height) { this.y -= height; wrapped = true; } if (wrapped) { this.px = this.x; this.py = this.y; } if (this.life > this.maxLife) this.reset(false); } draw(c) { // alpha fades in/out across life for organic feel const lifeFrac = this.life / this.maxLife; const a = Math.sin(lifeFrac * Math.PI) * 0.85; c.globalAlpha = a; c.lineWidth = this.thickness; c.beginPath(); c.moveTo(this.px, this.py); c.lineTo(this.x, this.y); c.stroke(); } } const init = () => { const dpr = Math.min(window.devicePixelRatio || 1, 2); canvas.width = width * dpr; canvas.height = height * dpr; ctx.setTransform(1, 0, 0, 1, 0, 0); ctx.scale(dpr, dpr); canvas.style.width = width + 'px'; canvas.style.height = height + 'px'; ctx.lineCap = 'round'; ctx.strokeStyle = color; particles = []; for (let i = 0; i < particleCount; i++) particles.push(new Particle()); }; const animate = () => { // Trail fade — low alpha black overlay = long, smooth streamlines ctx.globalAlpha = 1; ctx.fillStyle = `rgba(10, 9, 8, ${trailOpacity})`; ctx.fillRect(0, 0, width, height); ctx.strokeStyle = color; for (const p of particles) { p.step(); p.draw(ctx); } t += 1; raf = requestAnimationFrame(animate); }; const onResize = () => { width = container.clientWidth; height = container.clientHeight; init(); }; const onMove = (e) => { const rect = canvas.getBoundingClientRect(); mouse.x = e.clientX - rect.left; mouse.y = e.clientY - rect.top; }; const onLeave = () => { mouse.x = -1000; mouse.y = -1000; }; init(); animate(); window.addEventListener('resize', onResize); container.addEventListener('mousemove', onMove); container.addEventListener('mouseleave', onLeave); return () => { cancelAnimationFrame(raf); window.removeEventListener('resize', onResize); container.removeEventListener('mousemove', onMove); container.removeEventListener('mouseleave', onLeave); }; }, [color, trailOpacity, particleCount, speed]); return (