// ─── Mandioca plant silhouette SVG ──────────────────────────────────────────── function MandiocaSilhouette() { return ( ); } // ─── Particle canvas ────────────────────────────────────────────────────────── function ParticleCanvas() { const canvasRef = React.useRef(null); React.useEffect(() => { const canvas = canvasRef.current; if (!canvas) return; const ctx = canvas.getContext('2d'); let raf; const resize = () => { canvas.width = canvas.offsetWidth; canvas.height = canvas.offsetHeight; }; resize(); window.addEventListener('resize', resize); const pts = Array.from({ length: 42 }, () => ({ x: Math.random() * canvas.width, y: Math.random() * canvas.height, vx: (Math.random() - 0.5) * 0.25, vy: (Math.random() - 0.5) * 0.25, r: Math.random() * 1.6 + 0.4, gold: Math.random() > 0.65, })); const draw = () => { ctx.clearRect(0, 0, canvas.width, canvas.height); pts.forEach(p => { p.x += p.vx; p.y += p.vy; if (p.x < 0) p.x = canvas.width; if (p.x > canvas.width) p.x = 0; if (p.y < 0) p.y = canvas.height; if (p.y > canvas.height) p.y = 0; ctx.beginPath(); ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2); ctx.fillStyle = p.gold ? C.gold + '88' : C.teal + '66'; ctx.fill(); }); for (let i = 0; i < pts.length; i++) for (let j = i + 1; j < pts.length; j++) { const dx = pts[i].x - pts[j].x, dy = pts[i].y - pts[j].y; const d = Math.sqrt(dx*dx + dy*dy); if (d < 100) { ctx.beginPath(); ctx.moveTo(pts[i].x, pts[i].y); ctx.lineTo(pts[j].x, pts[j].y); ctx.strokeStyle = (pts[i].gold ? C.gold : C.teal) + Math.floor((1-d/100)*32).toString(16).padStart(2,'0'); ctx.lineWidth = 0.5; ctx.stroke(); } } raf = requestAnimationFrame(draw); }; draw(); return () => { cancelAnimationFrame(raf); window.removeEventListener('resize', resize); }; }, []); return ; } // ─── Navbar ─────────────────────────────────────────────────────────────────── function Navbar({ scrolled }) { const [menuOpen, setMenuOpen] = React.useState(false); const navRef = React.useRef(null); const links = ['Mandiocultura','Manipueira','Patologias','Deficiências','Fitopragas','Aedes','Agrotóxicos','Equipe']; const ids = ['mandiocultura','manipueira','patologias','deficiencias','fitopragas','aedes','agrotoxicos','equipe']; const scrollTo = id => { const el = document.getElementById(id); if (el) window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - 68, behavior: 'smooth' }); setMenuOpen(false); }; React.useEffect(() => { if (!menuOpen) return; const onClickOutside = e => { if (navRef.current && !navRef.current.contains(e.target)) setMenuOpen(false); }; document.addEventListener('mousedown', onClickOutside); return () => document.removeEventListener('mousedown', onClickOutside); }, [menuOpen]); return ( ); } window.Navbar = Navbar; // ─── Hero ───────────────────────────────────────────────────────────────────── function HeroSection() { const scrollTo = id => { const el = document.getElementById(id); if (el) window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - 68, behavior: 'smooth' }); }; return (
Manihot
Biotecnologia Sustentável

Da raiz
à solução.

Transformamos manipueira — resíduo da mandiocultura — em agentes de biocontrole que protegem lavouras, polinizadores e comunidades.

{[ { n: '600M t', label: 'produção mundial/ano' }, { n: '700M', label: 'pessoas dependem' }, { n: '100+', label: 'países produtores' }, ].map(s => (
{s.n}
{s.label}
))}
); } window.HeroSection = HeroSection;