/* global React, ReactDOM */ const { useState, useEffect, useRef } = React; const TWEAK_DEFAULTS = { palette: 'warm', showHazel: true, showFab: true, whatsapp: 'https://wa.me/5511915273680', instagram: 'https://www.instagram.com/pulodogato.doces/', }; /* ── Icons ── */ const IconWA = ({ size = 18 }) => ( ); const IconIG = ({ size = 16 }) => ( ); const IconFB = ({ size = 16 }) => ( ); /* ── Carousel component ── */ function Carousel({ id, name, tag, holiday, images }) { const SLOTS = images ? images.length : 4; const [cur, setCur] = useState(0); const timerRef = useRef(null); const startTimer = () => { clearInterval(timerRef.current); timerRef.current = setInterval(() => setCur(c => (c + 1) % SLOTS), 3500); }; useEffect(() => { startTimer(); return () => clearInterval(timerRef.current); }, []); const go = dir => { setCur(c => (c + dir + SLOTS) % SLOTS); startTimer(); }; return (
{images ? images.map((src, i) => (
{name
)) : Array.from({ length: SLOTS }, (_, i) => (
)) } {tag}
{Array.from({ length: SLOTS }, (_, i) => (
); } /* ── Header ── */ const NAV_LINKS = [ ['#historia', 'História'], ['#producao', 'Produção'], ['#produtos', 'Produtos'], ['#parceiros', 'Parceiros'], ['#faq', 'FAQ'], ]; function Header({ t, scrolled }) { const [menuOpen, setMenuOpen] = useState(false); useEffect(() => { document.body.style.overflow = menuOpen ? 'hidden' : ''; return () => { document.body.style.overflow = ''; }; }, [menuOpen]); const close = () => setMenuOpen(false); return (
); } /* ── Hero ── */ function Hero({ t }) { return (

Receita gringa,
alma brasileira.

Esse é o Pulo do Gato.
Fale conosco Ver produtos
Pulo do Gato Doces
); } /* ── Strip ── */ function Strip() { const items = ['Manteiga de primeira','Chocolate Sicao','Cacau 100%','Feitos à mão','Jeitinho mineiro','Tradição americana']; const inner = items.flatMap((it, i) => [ {it}, ]); return ( ); } /* ── História ── */ function Historia({ t }) { return (
01 — Nossa história

Um encontro que tinha tudo para dar certo.

A Pulo do Gato Doces é o resultado de um encontro que tinha tudo para dar certo: o jeitinho mineiro com a autêntica tradição americana.

Eu sou o André, mineirinho de coração, formado em marketing e apaixonado por criar conexões. Cuido para que nossos doces cheguem até você e para que nossas parcerias em Atibaia sejam tão boas quanto nossas fornadas.

A alma da nossa cozinha é a Anna. Ela é americana e trouxe dos Estados Unidos muito mais do que malas: trouxe as receitas reais da família dela — aquelas que fazem a casa inteira ficar com cheirinho de baunilha e chocolate.

Aqui, não existe "tipo americano" — o que você prova é a tradição real que a Anna viveu a vida toda.

André
Anna
{t.showHazel && (
Por que "Pulo do Gato"?

O segredo que faz toda a diferença.

"Pulo do gato" é aquele truque especial que muda tudo — e o nosso é simples: receitas americanas de verdade, fiéis às origens da Anna, sem atalhos. O nome ainda ganhou rosto e bigodes: a Hazel, nossa gata, que virou mascote e estrela do logo.

Conheça nosso Instagram
)}
); } /* ── Produção ── */ function Producao() { const items = [ { title: 'Chocolate de verdade', body: 'Nada de coberturas fracionadas ou gordura hidrogenada. Trabalhamos com a Sicao em toda a linha.' }, { title: 'Manteiga de primeira linha', body: 'Essencial para a textura amanteigada e para o sabor original de cada cookie.' }, { title: 'Cacau 100%', body: 'Abolimos o achocolatado. Sabor intenso, encorpado e real — do brownie ao double chocolate.' }, ]; return (
02 — Diferenciais

Produção artesanal em Atibaia.

Trabalhamos numa cozinha profissional em Atibaia — mas aqui nada sai de esteira. A Anna molda cada doce, um por um, com a estrutura de uma produção de verdade e o carinho de quem cozinha para os melhores amigos.

{items.map((it, i) => (
{String(i + 1).padStart(2, '0')}

{it.title}

{it.body}

))}
); } /* ── Product immersive tile ── */ function ProductTile({ p, index, className }) { const imgs = p.images || []; const [cur, setCur] = useState(0); const timerRef = useRef(null); const start = () => { clearInterval(timerRef.current); if (imgs.length > 1) timerRef.current = setInterval(() => setCur(c => (c + 1) % imgs.length), 3200); }; useEffect(() => { start(); return () => clearInterval(timerRef.current); }, [imgs.length]); return (
{imgs.length ? imgs.map((src, i) => (
{p.name
)) :
}
{p.tag} {imgs.length > 1 && (
{imgs.map((_, i) => (
)}
N°{String(index + 1).padStart(2, '0')}

{p.name}

{p.desc}

); } /* ── Produtos ── */ const BENTO_CLASS = ['pb-trad', 'pb-double', 'pb-oat', 'pb-ginger', 'pb-brownie']; const PRODUCTS = [ { id: 'tradicional', name: 'Cookie Tradicional', tag: 'Clássico', span: 'featured', images: ['cookie-trad-1.jpg','cookie-trad-2.jpg','cookie-trad-3.jpg','cookie-trad-4.jpg','cookie-trad-5.jpg','cookie-trad-6.jpg','cookie-trad-7.jpg'], desc: 'O clássico dos clássicos. Massa amanteigada com generosas gotas de chocolate meio amargo.' }, { id: 'double', name: 'Double Chocolate', tag: 'Intenso', images: ['cookie-double-2.jpg','cookie-double-3.jpg','cookie-double-4.jpg'], desc: 'Para os apaixonados por intensidade. Massa de chocolate com gotas de chocolate meio amargo.' }, { id: 'oatmeal', name: 'Oatmeal Raisin', tag: 'Mais saudável', images: ['cookie-oat-1.jpg','cookie-oat-2.jpg','cookie-oat-3.jpg','cookie-oat-4.jpg'], desc: 'Tradicional americano. Aveia e uvas passas — textura macia e sabor de conforto de família.' }, { id: 'gingerbread', name: 'Gingerbread', tag: 'Especial de Natal', holiday: true, images: ['cookie-ginger-1.jpg'], desc: 'Edição especial de Natal. Cookie de gengibre e especiarias com toda a tradição americana.' }, { id: 'brownie', name: 'The Real American Brownie', tag: 'Super chocolatudo', span: 'tall', images: ['brownie-1.jpg','brownie-2.jpg','brownie-3.jpg','brownie-4.jpg','brownie-5.jpg','brownie-6.jpg'], desc: 'Feito com cacau 100% e gotas de chocolate Sicao. Denso, úmido e feito com muito amor.' }, { id: 'muffin', name: 'Muffin Americano', tag: 'Fofinho', desc: 'Massa alta, fofa e úmida no melhor estilo das padarias americanas. Topo douradinho e recheios que variam a cada fornada — de blueberry a gotas de chocolate.' }, ]; function Produtos({ t }) { return (
03 — Nossos produtos

Receitas reais, feitas uma a uma.

Encomende sua fornada ou uma curadoria para eventos.

{PRODUCTS.map((p, i) => (

{p.name}

{p.desc}

))}
Ver cardápio completo
); } /* ── Parceiros ── */ function Parcerias({ t }) { const uses = [ { k: 'Cafés', v: 'Cafeterias e negócios locais que querem oferecer um doce com história.' }, { k: 'Eventos', v: 'Casamentos, aniversários e festinhas em Atibaia e região.' }, { k: 'Corporativo', v: 'Mimos para colaboradores com adesivos personalizados da sua marca.' }, ]; const logos = [ { src: 'logo-alec.png', alt: 'Alec Café e Bistrô' }, { src: 'logo-davis.png', alt: "Davi's Coffee" }, { src: 'logo-sitio.png', alt: 'Sítio São Benedito' }, ]; return (
04 — Parcerias & eventos

Espalhados pela cidade, do café à festa.

Soluções para cafeterias, eventos e mimos corporativos em Atibaia e região.

Quero ser um parceiro
    {uses.map((u, i) => (
  • {u.k}{u.v}
    • ))}
Nossos parceiros
{logos.map((l, i) => (
{l.alt}
))}
); } /* ── FAQ (GEO) ── */ const FAQ_ITEMS = [ { q: 'Onde fica a Pulo do Gato Doces e vocês fazem entrega?', a: 'Nossa cozinha profissional fica no bairro Alvinópolis, em Atibaia/SP (Av. Prof. Carlos Alberto de Carvalho Pinto, 843, Sala 2). Fazemos entrega local em Atibaia e região e também retirada no local ou em um dos nossos parceiros. O pedido mínimo para entrega é combinado pelo WhatsApp.', }, { q: 'Qual é o horário de funcionamento?', a: 'Atendemos de segunda a sábado, das 9h às 18h. Encomendas pelo WhatsApp você pode enviar a qualquer hora — respondemos assim que possível.', }, { q: 'Como faço uma encomenda?', a: 'É só chamar no WhatsApp. A gente confirma os sabores, a quantidade e o prazo da sua fornada. Para retirada sempre temos produtos prontos — no local ou em um parceiro; para entrega, combinamos o pedido mínimo na hora.', }, { q: 'Quais sabores vocês têm?', a: 'Cookie Tradicional, Cookie de Chocolate, Cookie de Aveia, Brownie Tradicional Americano, Muffin Tradicional Americano, Muffin sem Glúten e o Cookie especial de Natal (Gingerbread).', }, { q: 'Qual a validade e como devo conservar?', a: 'Cookies e muffins devem ficar na geladeira e têm validade de 7 dias. Já os brownies não precisam de geladeira e duram até 15 dias.', }, { q: 'Vocês têm opção sem glúten?', a: 'Sim: o Muffin Americano é o nosso único produto sem glúten. Os demais cookies e o brownie contêm glúten. Se tiver qualquer restrição, é só nos avisar no WhatsApp.', }, { q: 'Quais formas de pagamento vocês aceitam?', a: 'Aceitamos Pix, cartão de crédito, cartão de débito e dinheiro.', }, { q: 'Os cookies são realmente americanos?', a: 'São. A Anna é americana e trouxe as receitas reais da família dela dos Estados Unidos. Aqui não existe “tipo americano” — é a tradição americana de verdade. Usamos chocolate Sicao, manteiga de primeira e cacau 100%, com cada doce moldado à mão.', }, { q: 'Vocês atendem eventos, cafés e empresas?', a: 'Sim! Fornecemos para cafeterias e negócios locais, atendemos eventos como casamentos e aniversários em Atibaia e região, e fazemos mimos corporativos com adesivos personalizados da sua marca. Fale com a gente no WhatsApp para ser um parceiro.', }, ]; function FAQ({ t }) { const [open, setOpen] = useState(0); return (
05 — Dúvidas frequentes

Perguntas que sempre chegam.

Tudo o que você precisa saber sobre encomendas, sabores e conservação. Não achou sua dúvida? Chama a gente.

Pergunte no WhatsApp
{FAQ_ITEMS.map((it, i) => (

{it.a}

))}
); } /* ── Cookie girando com gatinho 2D andando em cima ── */ /* Gatinho 2D fofo (branco, sem rosto) com ciclo de caminhada em CSS */ function Cat2D() { return (
{/* pernas de trás (atrás do corpo) */}
{/* rabo */}
{/* corpo + cabeça sobem e descem juntos */}
{/* pernas da frente (sobre o corpo) */}
); } /* Cookie cartoon (gotas de chocolate + textura) girando */ function CartoonCookie() { return (
); } function CookieRotator() { return ( ); } function MapWidget() { const ref = useRef(null); const inst = useRef(null); useEffect(() => { if (inst.current || !window.L) return; const map = L.map(ref.current, { center: [-23.1167, -46.5569], zoom: 15, scrollWheelZoom: false, zoomControl: true, }); L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png', { attribution: '© OpenStreetMap · © CARTO', maxZoom: 20, }).addTo(map); const icon = L.divIcon({ html: '
', className: '', iconAnchor: [7, 7] }); L.marker([-23.1167, -46.5569], { icon }) .addTo(map) .bindPopup('Pulo do Gato Doces
Av. Prof. Carlos Alberto de Carvalho Pinto, 843
Alvinópolis · Atibaia / SP'); inst.current = map; return () => { map.remove(); inst.current = null; }; }, []); return
; } /* ── Footer ── */ function Footer({ t }) { return ( ); } /* ── Tweaks ── */ function TweaksUI({ t, setTweak }) { return ( setTweak('showHazel', v)} label="Mostrar seção da Hazel" /> setTweak('showFab', v)} label="Mostrar botão fixo" /> setTweak('whatsapp', v)} placeholder="https://wa.me/55..." /> setTweak('instagram', v)} placeholder="https://instagram.com/..." /> ); } /* ── App ── */ function App() { const [tweaks, setTweak] = useTweaks(TWEAK_DEFAULTS); const [scrolled, setScrolled] = useState(false); const [pastHero, setPastHero] = useState(false); useEffect(() => { const fn = () => { setScrolled(window.scrollY > 60); setPastHero(window.scrollY > window.innerHeight * 0.85); }; fn(); window.addEventListener('scroll', fn, { passive: true }); return () => window.removeEventListener('scroll', fn); }, []); useEffect(() => { const els = document.querySelectorAll('.reveal'); const io = new IntersectionObserver( entries => entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('in'); }), { threshold: 0.05, rootMargin: '0px 0px -20px 0px' } ); els.forEach(el => io.observe(el)); const timer = setTimeout(() => { document.querySelectorAll('.reveal:not(.in)').forEach(el => el.classList.add('in')); }, 400); return () => { io.disconnect(); clearTimeout(timer); }; }, [tweaks.showHazel]); return ( <>