// Levar.jsx — "Levar à Escola / Apoiar" merged destination page. // Hero: FlowFieldCanvas — hundreds of particles following an evolving vector field. // Trails accumulate on the canvas creating dense flowing streamlines of light. // Inspired by electromagnetic field lines and fluid streamlines. function FlowFieldCanvas() { const ref = React.useRef(null); React.useEffect(() => { const canvas = ref.current; if (!canvas) return; const ctx = canvas.getContext("2d"); const dpr = Math.min(window.devicePixelRatio || 1, 1.5); let raf = null, w = 0, h = 0; let paused = document.hidden; // Colour palette — site tokens only const PALETTE = [ [45, 111, 247], // electric blue (dominant) [45, 111, 247], // electric blue (weight x2) [0, 229, 255], // plasma cyan [94, 148, 255], // electric soft [107, 63, 255], // plasma violet ]; // Particles const N = window.innerWidth < 768 ? 180 : 340; let particles = []; function mkParticle() { return { x: Math.random() * w, y: Math.random() * h, age: Math.floor(Math.random() * 280), maxAge: 160 + Math.random() * 240, speed: 0.38 + Math.random() * 0.42, col: PALETTE[Math.floor(Math.random() * PALETTE.length)], }; } function resize() { const rect = canvas.getBoundingClientRect(); w = rect.width; h = rect.height; canvas.width = w * dpr; canvas.height = h * dpr; ctx.scale(dpr, dpr); // Hard clear + dark fill on resize so trails don't smear ctx.fillStyle = "rgba(4,6,12,1)"; ctx.fillRect(0, 0, w, h); particles = Array.from({ length: N }, mkParticle); } resize(); const ro = new ResizeObserver(resize); ro.observe(canvas); function checkPaused() { const should = document.hidden; if (!paused && should) paused = true; else if (paused && !should) { paused = false; if (!raf) tick(0); } } document.addEventListener("visibilitychange", checkPaused); // Smooth pseudo-noise angle using overlaid sine waves at different scales. // Returns a direction in radians that varies smoothly across space and time. function fieldAngle(x, y, t) { const s = 0.0025; // spatial frequency const ts = 0.00025; // temporal drift speed return ( Math.sin(x * s + t * ts ) * Math.PI + Math.sin(y * s * 0.8 + t * ts * 0.7 ) * Math.PI * 0.8 + Math.sin(x * s * 1.6 + y * s * 0.6 + t * ts * 1.4) * Math.PI * 0.5 + Math.cos(x * s * 0.4 + y * s * 1.8 + t * ts * 0.6) * Math.PI * 0.3 ); } let elapsed = 0; let prevTime = null; function tick(now) { if (paused) { raf = null; return; } const dt = prevTime !== null ? Math.min(now - prevTime, 40) : 16; prevTime = now; elapsed += dt; // Fast fade — keeps ~10 frames of bright trail, old history disappears quickly ctx.fillStyle = "rgba(4,6,12,0.18)"; ctx.fillRect(0, 0, w, h); ctx.lineCap = "round"; for (const p of particles) { p.age += 1; if (p.age > p.maxAge) { // Respawn at random position p.x = Math.random() * w; p.y = Math.random() * h; p.age = 0; p.maxAge = 160 + Math.random() * 240; p.speed = 1.0 + Math.random() * 1.2; p.col = PALETTE[Math.floor(Math.random() * PALETTE.length)]; continue; } const angle = fieldAngle(p.x, p.y, elapsed); const nx = p.x + Math.cos(angle) * p.speed; const ny = p.y + Math.sin(angle) * p.speed; // Alpha: ramp in, hold, ramp out const lifeN = p.age / p.maxAge; const alpha = lifeN < 0.12 ? lifeN / 0.12 : lifeN > 0.80 ? (1 - lifeN) / 0.20 : 1; const [r, g, b] = p.col; ctx.strokeStyle = `rgba(${r},${g},${b},${(alpha * 0.52).toFixed(3)})`; ctx.lineWidth = 0.55 + alpha * 0.65; ctx.beginPath(); ctx.moveTo(p.x, p.y); ctx.lineTo(nx, ny); ctx.stroke(); // Wrap edges p.x = ((nx % w) + w) % w; p.y = ((ny % h) + h) % h; } raf = requestAnimationFrame(tick); } tick(0); return () => { if (raf) cancelAnimationFrame(raf); ro.disconnect(); document.removeEventListener("visibilitychange", checkPaused); }; }, []); return ( ); } // ── Levar page ──────────────────────────────────────────────────────────── function LevarPage() { const [isMobile, setIsMobile] = React.useState(window.innerWidth < 768); const [activeTab, setActiveTab] = React.useState("escola"); const [formType, setFormType] = React.useState("escola"); React.useEffect(() => { const h = () => setIsMobile(window.innerWidth < 768); window.addEventListener("resize", h); return () => window.removeEventListener("resize", h); }, []); const tabs = [ { id: "escola", label: "Para Escolas", icon: "◈" }, { id: "apoiar", label: "Para Apoiadores", icon: "◇" }, { id: "inst", label: "Para Instituições", icon: "○" }, ]; const content = { escola: { title: "A física pode chegar à sua escola.", desc: "Levamos experimentos reais, montados e mediados por voluntários. Sem custo. Sem burocracia. Apenas ciência que acontece na mão dos alunos.", items: [ { label: "Visita presencial", desc: "Nossa equipe vai até você com os kits montados." }, { label: "Kit experimental", desc: "Enviamos um kit para a escola realizar os experimentos de forma autônoma." }, { label: "Duração", desc: "2 a 4 horas de experimentação, adaptada ao seu currículo." }, { label: "Nível", desc: "Ensino fundamental II e médio — adaptamos para o seu público." }, ], }, apoiar: { title: "Cada apoio vira experimento real.", desc: "O projeto é 100% voluntário. Cada real arrecadado se transforma em material, transporte ou um kit experimental enviado a uma escola distante.", items: [ { label: "Doação pontual", desc: "Qualquer valor ajuda a montar novos kits e custear deslocamentos." }, { label: "Doação recorrente", desc: "Sustenta o projeto a longo prazo, permitindo planejamento e expansão." }, { label: "Doação de materiais", desc: "Materiais de laboratório, ferramentas, embalagens para kits." }, { label: "Divulgação", desc: "Compartilhar o projeto também é apoiar — amplia nosso alcance." }, ], }, inst: { title: "Parceria com impacto mensurável.", desc: "Secretarias de educação, fundações, ONGs e órgãos públicos podem ampliar o alcance do projeto e trazer ciência experimental a regiões inteiras.", items: [ { label: "Secretarias de Educação", desc: "Integração curricular com visitas e kits em escala municipal ou estadual." }, { label: "Fundações e ONGs", desc: "Copatrocínio de kits e visitas para comunidades específicas." }, { label: "Órgãos Públicos", desc: "Projetos de extensão e divulgação científica com impacto direto." }, { label: "Universidades", desc: "Colaboração acadêmica — pesquisa, IC e desenvolvimento de novos experimentos." }, ], }, }; const cur = content[activeTab]; return ( <> {/* Hero */}
{/* Kits highlight section */}
Kits Experimentais

Ciência que viaja pelo correio.

Desenvolvemos kits experimentais compactos que podem ser enviados a qualquer escola do Brasil. A equipe não precisa estar presente — os experimentos chegam prontos para acontecer na mão dos alunos.

A física além das barreiras geográficas. Além do laboratório. Além do papel.

{[ { icon: "◈", label: "Experimento completo", desc: "Materiais, instruções e guia pedagógico inclusos." }, { icon: "◇", label: "Enviado pelos Correios", desc: "Chega onde a equipe ainda não chegou." }, { icon: "○", label: "Sem custo para a escola", desc: "Financiado por apoiadores e parceiros." }, { icon: "△", label: "Qualquer nível", desc: "Adaptado para EF II e EM." }, ].map(item => (
{item.icon}
{item.label}
{item.desc}
))}
{/* Tabbed content */}
Como participar
{/* Tab selector */}
{tabs.map(tab => ( ))}
{/* Tab content */}

{cur.title}

{cur.desc}

{cur.items.map(item => (
{item.label}
{item.desc}
))}
{/* Form */}
{ e.preventDefault(); alert("Enviado! (mockup)"); }}>
Enviar interesse
Mensagem