// Componentes do site da Profcoruja // Lúdico, colorido, formas orgânicas const PALETTE = { cream: '#FBF4E4', creamDeep: '#F5E9CF', ink: '#2A2118', inkSoft: '#5A4A38', terracota: '#D4623A', mostarda: '#E8A53A', verde: '#6B8E4E', rosa: '#E89B8C', azul: '#4A7C9E', lilas: '#A78BB8', }; const TYPE_LABELS = { alfabetizacao: 'Alfabetização', contacao: 'Contação', sensorial: 'Sensorial', projeto: 'Projeto', 'producao-textual': 'Produção textual', matematica: 'Matemática', }; // ------- API client utilitário ------- const API = (window.PROF_CORUJA && window.PROF_CORUJA.API_URL) || 'https://profcoruja-api.vercel.app'; async function apiGet(path, headers) { const hdrs = headers || {}; const res = await fetch(API + path, { headers: hdrs }); const json = await res.json().catch(function() { return {}; }); if (!res.ok) { const msg = (json && json.error && json.error.message) || ('Erro ' + res.status); const err = new Error(msg); err.code = json && json.error && json.error.code; err.status = res.status; throw err; } return json.data; } async function apiPost(path, body, headers) { const hdrs = Object.assign({ 'Content-Type': 'application/json' }, headers || {}); const res = await fetch(API + path, { method: 'POST', headers: hdrs, body: JSON.stringify(body), }); const json = await res.json().catch(function() { return {}; }); if (!res.ok) { const msg = (json && json.error && json.error.message) || ('Erro ' + res.status); const err = new Error(msg); err.code = json && json.error && json.error.code; err.status = res.status; throw err; } return json.data; } function formatBRL(cents) { return (cents / 100).toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' }); } function formatPhoneBR(value) { const digits = String(value).replace(/\D/g, '').slice(0, 11); if (digits.length <= 2) return digits; if (digits.length <= 7) return '(' + digits.slice(0, 2) + ') ' + digits.slice(2); return '(' + digits.slice(0, 2) + ') ' + digits.slice(2, 7) + '-' + digits.slice(7); } function normalizePhoneE164(masked) { const digits = String(masked).replace(/\D/g, ''); if (digits.length === 10 || digits.length === 11) return '+55' + digits; return null; } function getQueryParam(name) { return new URLSearchParams(window.location.search).get(name); } function slugify(s) { return String(s).toLowerCase().normalize('NFD').replace(/[̀-ͯ]/g, '').replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, ''); } // ------- Blobs orgânicos como placeholders ilustrativos ------- function Blob({ shape, color, accent }) { const fill = PALETTE[color] || color; const ink = PALETTE.ink; const cream = PALETTE.cream; // Cada "shape" é uma composição diferente const paths = { blob1: ( ), blob2: ( ), blob3: ( ), blob4: ( Aa ), blob5: ( ), blob6: ( ), }; return ( {paths[shape]} ); } // ------- Squiggle dividers ------- function Squiggle({ color, style }) { const c = color || PALETTE.terracota; const s = style || {}; return ( ); } // ------- Confete ------- function Confetti({ trigger }) { const [pieces, setPieces] = React.useState([]); React.useEffect(() => { if (!trigger) return; const colors = [PALETTE.terracota, PALETTE.mostarda, PALETTE.verde, PALETTE.rosa, PALETTE.azul, PALETTE.lilas]; const newPieces = Array.from({ length: 80 }, function(_, i) { return { id: trigger + '-' + i, x: 50 + (Math.random() - 0.5) * 30, angle: Math.random() * Math.PI * 2, velocity: 200 + Math.random() * 400, rotation: Math.random() * 720 - 360, color: colors[Math.floor(Math.random() * colors.length)], shape: ['rect', 'circle', 'tri'][Math.floor(Math.random() * 3)], size: 6 + Math.random() * 10, delay: Math.random() * 200, }; }); setPieces(newPieces); const t = setTimeout(function() { setPieces([]); }, 2400); return function() { clearTimeout(t); }; }, [trigger]); if (!pieces.length) return null; return (
{pieces.map(function(p) { const dx = Math.cos(p.angle) * p.velocity; const dy = Math.sin(p.angle) * p.velocity - 300; return (
); })}
); } // ------- Header / Nav ------- function Header() { return (
C Profcoruja
); } // ------- Hero ------- function Hero() { return (
Recursos para educação infantil · feitos em sala de aula

Atividades que realmente funcionam com crianças de 3 a 6 anos.

Oi, sou a Carla. Há 14 anos eu testo, ajusto e levo para a roda essas atividades. Agora elas estão aqui, prontinhas para você imprimir e usar amanhã de manhã.

Ver atividades Conhecer a Carla
32 mildownloads
14 anosem sala
{/* fundo blob */} {/* livro grande */} A {/* sol/flor */} {Array.from({length:8}).map(function(_,i){ const a = (i/8)*Math.PI*2; return ; })} {/* lapis */} {/* estrela */} {/* nuvem rabisco */}
); } // ------- Sobre ------- function Sobre() { return (
Carla Silva, professora de Educação Infantil
Quem sou eu

Carla Silva — pedagoga, contadora de histórias e cultivadora de cantinhos.

Comecei na Educação Infantil em 2012, depois de uma temporada inesperada como bibliotecária de escola. Foi lá, lendo para grupos de cinco anos sentados no tapete, que descobri o que queria fazer.

Dou aula no Maternal e Pré II, mas as atividades aqui foram pensadas para você adaptar — para a sua turma, o seu espaço e o seu repertório.

  • Brincar é coisa séria — toda atividade aqui passou pela prova do tapete
  • Material de baixo custo: o que tem na sala já basta
  • Inclusão e adaptação fazem parte do plano, não são apêndice
); } // ------- Card preview (carrossel automático: desenho -> páginas -> desenho) ------- function CardPreview(props) { const images = props.images || []; const offset = Number(props.offset) || 0; // active = -1 -> mostra apenas o desenho do card; 0..N-1 -> mostra essa imagem de preview const [active, setActive] = React.useState(-1); const [failed, setFailed] = React.useState({}); React.useEffect(function() { if (images.length === 0) return; const reduce = typeof window !== 'undefined' && window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; if (reduce) return; const stagger = (offset % 5) * 500; let intervalId = null; const startId = setTimeout(function() { setActive(0); intervalId = setInterval(function() { setActive(function(i) { const next = i + 1; return next > images.length - 1 ? -1 : next; }); }, 2400); }, 1200 + stagger); return function() { clearTimeout(startId); if (intervalId !== null) clearInterval(intervalId); }; }, [images.length, offset]); if (!images.length) return null; const showing = active >= 0; return ( ); } // ------- Galeria ------- function Galeria() { const [products, setProducts] = React.useState(null); // null = loading const [error, setError] = React.useState(null); const [filterType, setFilterType] = React.useState('todos'); const [filterAge, setFilterAge] = React.useState('todas'); const [downloadingId, setDownloadingId] = React.useState(null); React.useEffect(function() { apiGet('/products?limit=50') .then(function(data) { setProducts(data.items); }) .catch(function(err) { setError(err.message || 'Erro ao carregar atividades'); }); }, []); async function handleFreeDownload(product) { setDownloadingId(product.id); try { const res = await fetch(API + '/products/' + product.slug + '/file?v=' + (product.id || '')); if (!res.ok) { alert('Não foi possível baixar agora. Tente novamente em instantes.'); return; } const blob = await res.blob(); const ext = (res.headers.get('content-type') || '').indexOf('zip') !== -1 ? '.zip' : '.pdf'; const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = product.slug + ext; document.body.appendChild(a); a.click(); setTimeout(function() { URL.revokeObjectURL(url); a.remove(); }, 1000); } catch (e) { alert('Não foi possível baixar agora. Tente novamente em instantes.'); } finally { setDownloadingId(null); } } const filtered = (products || []).filter(function(p) { if (filterType !== 'todos' && p.type !== filterType) return false; if (filterAge !== 'todas') { const ageRange = p.ageRange || ''; const parts = ageRange.split('-').map(Number); const min = parts[0]; const max = parts[1] !== undefined ? parts[1] : parts[0]; const fparts = filterAge.split('-').map(Number); const fmin = fparts[0]; const fmax = fparts[1] !== undefined ? fparts[1] : fparts[0]; if (max < fmin || min > fmax) return false; } return true; }); return (
Biblioteca de atividades

Pegue, imprima, leve para a roda.

PDFs com plano de aula incluído. Escolha a atividade e finalize a compra com segurança.

Tipo
{['todos', 'projeto', 'producao-textual', 'matematica', 'alfabetizacao', 'contacao', 'sensorial'].map(function(t) { return ( ); })}
Idade
{[ ['todas', 'Todas idades'], ['2-3', '2 a 3'], ['3-4', '3 a 4'], ['4-5', '4 a 5'], ['5-6', '5 a 6'], ['8-10', '8 a 10'], ].map(function(item) { const v = item[0]; const label = item[1]; return ( ); })}
{products === null && !error && (
{[1, 2, 3, 4, 5, 6].map(function(i) { return (
); })}
)} {error && (

Não conseguimos carregar as atividades. Tente recarregar a página.

)} {products !== null && !error && ( <>
{filtered.length} atividade{filtered.length !== 1 ? 's' : ''} {(filterType !== 'todos' || filterAge !== 'todas') && ( )}
{filtered.map(function(product, idx) { const blobColor = product.colorToken || 'terracota'; const blobShape = product.shapeToken || 'blob1'; const accentColor = PALETTE[blobColor] || PALETTE.terracota; const isDownloading = downloadingId === product.id; const previews = product.previewImageUrls || []; return (
{product.type && {TYPE_LABELS[product.type] || product.type}} {product.ageRange && {product.ageRange} anos}

{product.title}

{product.pages && 📄 {product.pages} páginas} {product.downloadCount !== undefined && ( ↓ {Number(product.downloadCount).toLocaleString('pt-BR')} )}
{product.isFree ? ( ) : ( )}
); })} {filtered.length === 0 && products.length > 0 && (

Ainda estou digitalizando esse cantinho!

Tenho um montão de atividades guardadas que ainda não consegui digitalizar todas. Logo, logo essa categoria vai estar pronta e prontinha pra você baixar e usar em sala de aula. 💛

)} {products.length === 0 && (

Sem atividades no momento.

)}
)}
); } // ------- Contato ------- function Contato() { const [form, setForm] = React.useState({ nome: '', email: '', escola: '', mensagem: '' }); const [sent, setSent] = React.useState(false); const [sending, setSending] = React.useState(false); const [error, setError] = React.useState(''); const submit = async function(e) { e.preventDefault(); if (sending || sent) return; if (!form.nome || !form.email || !form.mensagem) return; setError(''); setSending(true); try { await apiPost('/leads', { name: form.nome.trim(), email: form.email.trim(), school: form.escola.trim() || undefined, message: form.mensagem.trim(), }); setSent(true); setForm({ nome: '', email: '', escola: '', mensagem: '' }); setTimeout(function() { setSent(false); }, 4000); } catch (err) { const msg = err && err.status === 429 ? 'Você enviou muitas mensagens em pouco tempo. Tenta de novo daqui a pouco.' : (err && err.message) || 'Não consegui enviar agora. Tenta de novo em alguns instantes.'; setError(msg); } finally { setSending(false); } }; return (
Falar com a Carla

Tem uma dúvida, uma sugestão, ou quer um material novo?

Eu leio tudo. Respondo em até três dias úteis (a não ser que esteja na semana de festa junina, aí me dá uma semana).

  • Instagram@profcoruja.com.br
  • Onde estouTorres, Rio Grande do Sul