/* global React */ const { useState } = React; // === Reusable bits === function Eyebrow({ children }) { return

— {children} —

; } function PhotoPlaceholder({ label, dim, children }) { return (
{children || label}
); } // Italic helper renders for Cormorant italic accent function It({ children }) { return {children}; } // CTA principal: ícone WhatsApp + texto + seta animada. Padroniza todos os botões que levam para #proposta. function Cta({ href = "#proposta", variant = "primary", children }) { return ( {children} ); } // === NAV === function Nav() { const [open, setOpen] = useState(false); React.useEffect(() => { document.body.style.overflow = open ? "hidden" : ""; return () => { document.body.style.overflow = ""; }; }, [open]); const close = () => setOpen(false); return ( ); } // === HERO === const HERO_IMAGES = [ { src: "assets/founders.jpg", alt: "Amanda e Lidiane, fundadoras da Tulipani, no ateliê em Campinas" }, { src: "assets/case-solventum.jpg", alt: "Kit cupcake DIY com tag oficial do Dia da Família. CaseSolventum" }, { src: "assets/case-panobianco-maes.jpg?v=2", alt: "Biscoito amanteigado premium em embalagem de chita. CasePanobianco Dia das Mães" }, { src: "assets/case-germed-maes.jpg", alt: "Caixa Dia das Mães com caneca, porta-retrato e doces. CaseGermed" }, ]; function Hero({ titleVariant }) { const titles = { A: <>Presentes corporativos feitos à mão, B: <>O presente que sua empresa vai querer assinar, C: <>Doces autorais que carregam o nome da sua marca, }; const [slide, setSlide] = useState(0); const [paused, setPaused] = useState(false); const total = HERO_IMAGES.length; const prev = () => setSlide((s) => (s - 1 + total) % total); const next = () => setSlide((s) => (s + 1) % total); React.useEffect(() => { HERO_IMAGES.forEach((im) => { const i = new Image(); i.src = im.src; if (i.decode) i.decode().catch(() => {}); }); }, []); React.useEffect(() => { if (total < 2 || paused) return; const id = setInterval(() => setSlide((s) => (s + 1) % total), 5500); return () => clearInterval(id); }, [paused, total]); return (
Tulipani · Corporativo

{titles[titleVariant] || titles.A}

Para empresas que escolhem afeto como diferencial.

Doces autorais montados à mão em Campinas, com embalagem personalizada na identidade da sua marca.

Solicitar proposta Ver cases reais →
setPaused(true)} onMouseLeave={() => setPaused(false)} > {HERO_IMAGES.map((im, i) => ( {im.alt} ))}
feito
à mão
desde 2018
{total > 1 && ( <>
{HERO_IMAGES.map((_, i) => (
)}
); } // === OCASIÕES === const OCASIOES = [ { n: "01", t: "Boas-vindas a colaboradores", d: "O primeiro dia merece um gesto. Receba quem chega na sua empresa com algo feito à mão." }, { n: "02", t: "Datas especiais", d: "Fim de ano, Natal, feriados e dias importantes da empresa. Marque os momentos que pedem um gesto." }, { n: "03", t: "Lançamentos e marcos", d: "Lançamento de produto, conquista de certificação, aniversário da empresa. Cada conquista pede um doce." }, { n: "04", t: "Agradecimento a clientes", d: "Para fechar uma proposta, celebrar um contrato renovado ou agradecer a parceiros estratégicos." }, ]; function Ocasioes() { return (
Ocasiões atendidas

Para cada momento que merece ser lembrado

Empresas usam a Tulipani para marcar momentos internos com colaboradores e externos com clientes, parceiros e fornecedores.

{OCASIOES.map((o) => (
{o.n}

{o.t}

{o.d}

))}

E outras ocasiões. Cada empresa tem seu próprio calendário, e a Tulipani desenha o presente do zero conforme o motivo.

Não achou sua ocasião? Falar com a Tulipani
); } // === CASES === const CASES = [ { setor: "Eventos corporativos", img: "assets/case-apa.jpg", cliente: "APA · via agência", titulo: "Mini cupcakes para evento APA em Limeira", resumo: "Encomenda da agência responsável pelo evento da APA, fabricante de vacina avícola, com criativo temático de ovo. 450 mini cupcakes de chocolate decorados com ovinhos Fini coloridos, mais 450 mini quindins (parceria com padaria local). Entregamos tudo no dia em Limeira.", quantidade: "900 unidades", ocasiao: "Evento corporativo · 12/03", }, { setor: "Saúde corporativa", img: "assets/case-solventum.jpg", cliente: "Solventum · via agência", titulo: "250 kits cupcake DIY para o Dia da Família na Solventum", resumo: "Encomenda da agência responsável pelo evento. No Dia da Família na empresa, os colaboradores levaram os filhos para conhecer o ambiente de trabalho e saíram com uma caixinha para montar o cupcake em casa com a criança. Cada kit traz cupcake pronto, brigadeiro de cobertura, granulado colorido e mini drágeas, fechado com tag oficial do evento.", quantidade: "250 caixas", ocasiao: "Dia da Família · 11/04", }, { setor: "Wellness", img: "assets/case-panobianco-5anos.jpg?v=2", cliente: "Panobianco Dom Pedro I", titulo: "Caixa comemorativa para colaboradores de 5 anos de casa", resumo: "A unidade Panobianco Dom Pedro I reconheceu os colaboradores que completaram 5 anos de casa. Cada caixa reúne placa comemorativa em acrílico e lascas de chocolate em saco selado, finalizadas com fita personalizada da academia.", quantidade: "6 caixas", ocasiao: "5 anos de empresa · 08/05", }, { setor: "Saúde", img: "assets/case-maternidade.jpg", cliente: "Hospital Maternidade de Campinas", titulo: "150 chaves de chocolate para inauguração de duas alas", resumo: "Brinde para a inauguração da nova Unidade de Internação Clínica Cirúrgica e da UTI Adulto. Chave em chocolate ao leite acoplada ao cartão institucional do hospital, distribuída ao corpo clínico, equipe e convidados na cerimônia.", quantidade: "150 unidades", ocasiao: "Inauguração · 06/04", }, { setor: "Indústria farmacêutica", img: "assets/case-ems.jpg", cliente: "EMS · Grupo NC", titulo: "Kit Dia Internacional da Mulher para colaboradoras", resumo: "Sacola kraft com tag personalizada da data, sachê de chá de capim-cidreira, cookies artesanais, pote de vidro com crispys de chocolate ao leite e branco e suculenta em vaso de cerâmica. Composição cuidada para cada colaboradora do Grupo NC.", quantidade: "Sob demanda", ocasiao: "Dia Internacional da Mulher · 08/03", }, { setor: "Wellness", img: "assets/case-panobianco-maes.jpg?v=2", cliente: "Panobianco Dom Pedro I", titulo: "Biscoito amanteigado premium para as mães da academia", resumo: "A Panobianco Dom Pedro I presenteou as mães da academia com biscoito amanteigado recheado de limão siciliano em versão premium, com tamanho maior, embalagem em chita com fita de cetim e cartão personalizado.", quantidade: "24 biscoitos amanteigados", ocasiao: "Dia das Mães · 08/05", }, { setor: "Saúde", img: "assets/case-puc.jpg", cliente: "Hospital Celso Pierro · PUC-Campinas", titulo: "200 brownies para o Dia do Médico no Hospital Celso Pierro", resumo: "Encomenda do Hospital Celso Pierro da PUC-Campinas para celebrar o Dia do Médico com as equipes do hospital universitário. 200 brownies artesanais distribuídos ao corpo clínico, em reconhecimento a quem cuida, acolhe e transforma vidas todos os dias.", quantidade: "200 unidades", ocasiao: "Dia do Médico · 18/10", }, { setor: "Indústria farmacêutica", img: "assets/case-germed-maes.jpg", cliente: "Germed", titulo: "Caixa do Dia das Mães para o time da Germed", resumo: "A Germed presenteou as mães do time com uma caixa cheia de significado: 2 sachês de chá, pirulito de cappuccino, pirulito ao leite, pacotinho de amanteigados de limão siciliano, caneca de porcelana, porta-retrato e cartão personalizado. Composição inteira providenciada pela Tulipani.", quantidade: "5 caixas", ocasiao: "Dia das Mães · 06/05", }, ]; function Cases() { const trackRef = React.useRef(null); const wrapRef = React.useRef(null); const pendingRef = React.useRef(null); const idxRef = React.useRef(0); const posRef = React.useRef(1); const [idx, setIdx] = useState(0); const [paused, setPaused] = useState(false); // Pré-carrega e decodifica as imagens dos cases no mount, evitando // pausa de decode quando o card entra na viewport pela primeira vez. React.useEffect(() => { CASES.forEach((c) => { if (!c.img) return; const im = new Image(); im.src = c.img; if (im.decode) im.decode().catch(() => {}); }); }, []); // Render: [clone_last, ...CASES, clone_first] const renderItems = [ { ...CASES[CASES.length - 1], _key: "clone-last" }, ...CASES.map((c, i) => ({ ...c, _key: "real-" + i })), { ...CASES[0], _key: "clone-first" }, ]; const ANIM_MS = 320; const EASING = "cubic-bezier(0.22, 1, 0.36, 1)"; const applyTransform = (newPos, animate) => { const wrap = wrapRef.current; const track = trackRef.current; if (!wrap || !track) return; const card = track.children[newPos]; if (!card) return; const wrapW = wrap.clientWidth; const cardW = card.clientWidth; const cardLeft = card.offsetLeft; const targetX = (wrapW - cardW) / 2 - cardLeft; track.style.transition = animate ? `transform ${ANIM_MS}ms ${EASING}` : "none"; track.style.transform = `translate3d(${targetX}px, 0, 0)`; posRef.current = newPos; if (!animate) { // force reflow so the no-transition state sticks before any subsequent change void track.offsetHeight; } }; React.useLayoutEffect(() => { requestAnimationFrame(() => applyTransform(1, false)); }, []); const goTo = (newIdx) => { if (newIdx === idxRef.current) return; if (pendingRef.current) { clearTimeout(pendingRef.current); pendingRef.current = null; applyTransform(idxRef.current + 1, false); } const cur = idxRef.current; const wrapForward = newIdx === 0 && cur === CASES.length - 1; const wrapBackward = newIdx === CASES.length - 1 && cur === 0; if (wrapForward) { applyTransform(CASES.length + 1, true); idxRef.current = 0; setIdx(0); pendingRef.current = setTimeout(() => { applyTransform(1, false); pendingRef.current = null; }, ANIM_MS + 30); } else if (wrapBackward) { applyTransform(0, true); idxRef.current = CASES.length - 1; setIdx(CASES.length - 1); pendingRef.current = setTimeout(() => { applyTransform(CASES.length, false); pendingRef.current = null; }, ANIM_MS + 30); } else { applyTransform(newIdx + 1, true); idxRef.current = newIdx; setIdx(newIdx); } }; const next = () => goTo((idxRef.current + 1) % CASES.length); const prev = () => goTo((idxRef.current - 1 + CASES.length) % CASES.length); React.useEffect(() => { const onResize = () => applyTransform(posRef.current, false); window.addEventListener("resize", onResize); return () => window.removeEventListener("resize", onResize); }, []); React.useEffect(() => { if (paused) return; const id = setInterval(() => { if (!pendingRef.current) goTo((idxRef.current + 1) % CASES.length); }, 6000); return () => clearInterval(id); }, [paused]); return (
Cases reais

Pedidos que já saíram do nosso ateliê

Cada pedido é desenhado do zero. Aqui um recorte de empresas, ocasiões e volumes que já atendemos.

{String(idx + 1).padStart(2, "0")} / {String(CASES.length).padStart(2, "0")}
setPaused(true)} onMouseLeave={() => setPaused(false)} onFocusCapture={() => setPaused(true)} onBlurCapture={() => setPaused(false)} >
{renderItems.map((c, i) => { const realIdx = (((i - 1) % CASES.length) + CASES.length) % CASES.length; const isClone = i === 0 || i === renderItems.length - 1; return (
{c.img ? ( {c.titulo} ) : ( {c.photo} )} {c.setor}
{c.cliente}

{c.titulo}

{c.resumo}

Volume
{c.quantidade}
Ocasião
{c.ocasiao}
); })}
{CASES.map((_, i) => (
Quer ver mais cases do seu setor? Pedir referências
); } // === COMO FUNCIONA === const STEPS = [ { n: "01", t: "Conte sua ocasião", d: "Você nos diz o motivo, a quantidade aproximada, a data e o que sua marca representa. Em 1 dia útil retornamos com proposta e opções de kits." }, { n: "02", t: "Personalizamos juntos", d: "Escolhemos sabores, definimos embalagem na cor da sua marca, montamos o cartão. Aprovamos cada detalhe antes de produzir." }, { n: "03", t: "Produzimos à mão", d: "Cada kit é montado pessoalmente pela equipe Tulipani em Campinas. Doces frescos, sem produção em escala industrial." }, { n: "04", t: "Entregamos com cuidado", d: "Entrega própria em Campinas e região metropolitana. Combinamos rota e horário para que cada caixa chegue no momento certo, fresca e impecável." }, ]; function ComoFunciona() { return (
Como funciona

Do briefing à entrega em 4 passos

Processo simples e consultivo para chegar no presente certo.

{STEPS.map((s) => (
{s.n}

{s.t}

{s.d}

))}
Pronto pra começar o briefing da sua empresa? Solicitar proposta
); } // === QUEM SOMOS === function QuemSomos() { return (
Amanda e Lidiane no ateliê Tulipani em Campinas
Quem somos

Amanda e Lidiane fundaram a Tulipani em 2018

Somos Amanda e Lidiane, amigas de longa data e apaixonadas pela confeitaria. Em 2018 transformamos um sonho em realidade: criar juntas um ateliê de doces, onde cada receita traduz o amor pelo que fazemos. Cada bolo e cada doce é preparado com carinho, atenção aos detalhes e um toque de criatividade.

Valorizamos ingredientes de alta qualidade, como chocolate puro nacional, para garantir sabor, frescor e autenticidade em cada criação. A nossa equipe compartilha desse propósito e trabalha para entregar presentes que marcam os momentos da sua empresa.

2018
Ano de fundação
+200
Empresas atendidas
100%
Feito à mão em Campinas
Trabalhar com a Tulipani
); } // === PERSONALIZAÇÃO === const PERS = [ { n: "01", t: "Embalagem na sua cor", d: "Caixa em qualquer cor da paleta da sua marca, com fita coordenada. Pode incluir logo.", thumb: "Caixa · cor da marca", img: "assets/case-solventum.jpg" }, { n: "02", t: "Cartão escrito à mão", d: "Mensagem definida pela sua empresa, escrita em papel especial, assinada por você se quiser.", thumb: "Cartão · escrita à mão", img: "assets/case-germed-maes.jpg" }, { n: "03", t: "Composição do kit", d: "Além dos doces, somamos itens como chá, caneca, porta-retrato ou suculenta. Cada kit é desenhado para a ocasião.", thumb: "Kit · doces e itens", img: "assets/case-ems.jpg" }, { n: "04", t: "Tag e fita personalizadas", d: "Tag impressa com a identidade do evento e fita na cor da marca. Cada caixa sai pronta para presentear.", thumb: "Tag · identidade da marca", img: "assets/case-panobianco-5anos.jpg?v=2" }, ]; function Personalizacao() { return (
Personalização

Cada presente carrega o nome da sua empresa

Personalização vai do doce à embalagem, sem pacote padrão.

{PERS.map((p) => (
{p.img ? ( {p.t} ) : ( {p.thumb} )}
{p.n}

{p.t}

{p.d}

))}
Personalizamos do papel ao doce. Quero personalizar o meu
); } // === PROVA SOCIAL === const LOGOS = [ { name: "Grupo NC", img: "assets/logos/grupo-nc.png?v=3" }, { name: "Germed", img: "assets/logos/germed.png?v=3" }, { name: "Panobianco Academia", img: "assets/logos/panobianco.png?v=3" }, { name: "Hospital Maternidade de Campinas", img: "assets/logos/maternidade-campinas.png?v=3" }, { name: "Hospital PUC-Campinas", img: "assets/logos/puc-campinas.png?v=3" }, ]; function ProvaSocial() { // Repeat the list 4x so the track always exceeds 2x viewport width even on wide screens. // CSS animates -25% (= width of one copy), so the loop is seamless regardless of viewport. const COPIES = 4; const reel = Array.from({ length: COPIES }).flatMap(() => LOGOS); return (
Quem já confiou

Empresas que escolheram a Tulipani

{reel.map((l, i) => (
= LOGOS.length ? "true" : undefined}> {i
))} {/* The track is repeated 4x; animation moves -25% (one copy) for a seamless loop. */}

Atendemos empresas de saúde, indústria farmacêutica, hospitais, eventos e wellness, além de organizações de outros segmentos.

Sua empresa pode ser a próxima
); } // === DEPOIMENTO === const DEPOIMENTOS = [ { q: "Os doces foram o ponto alto do nosso evento. Até hoje os clientes comentam que receberam o melhor brinde do ano.", a: "Fernanda Müller", r: "Gerente de Marketing · Cliente desde 2020", }, { q: "Encomendamos para o Dia do Médico e foi disparado o brinde mais comentado entre os profissionais.", a: "Dr. Ricardo Bento", r: "Diretor · Clínica Bento · Cliente desde 2022", }, { q: "Nosso congresso teve 800 participantes e o kit Tulipani foi a única coisa que todo mundo levou pra casa.", a: "Júlia Aragão", r: "Coordenadora de eventos · Cliente desde 2021", }, ]; function Depoimento() { const [i, setI] = useState(0); const d = DEPOIMENTOS[i]; return (
Um depoimento

“ {d.q} ”

{d.a}

{d.r}

{DEPOIMENTOS.map((_, idx) => (
Quero presentear assim
); } // === FAQ === const FAQ = [ { q: "Em quanto tempo vocês entregam?", a: "Pedidos até 100 unidades: 7 dias úteis após aprovação do briefing. Volumes maiores: combinamos no briefing." }, { q: "Vocês entregam onde?", a: "Em Campinas e região metropolitana, com entrega própria. Combinamos rota e horário para cada pedido. Não atendemos fora dessa região." }, { q: "Posso colocar o logo da minha empresa?", a: "Sim. Logo na embalagem é padrão. Logo nos doces (impressão comestível) é possível para volumes acima de 100 unidades." }, { q: "Como funciona o pagamento?", a: "Pix, boleto ou cartão. Para empresas, emitimos NF e parcelamos em até 3x sem juros. Pagamento em 2 etapas: 50% na aprovação, 50% antes da entrega." }, { q: "Vocês fazem para eventos grandes?", a: "Sim. Já produzimos para congressos com 1.000+ participantes. Briefing antecipado de 30 dias para volumes acima de 500 unidades." }, { q: "Como vocês trabalham os pedidos?", a: "Cada pedido é desenhado do zero conforme a ocasião, orçamento e identidade da sua marca. Não trabalhamos com pacote padrão. Partimos do briefing e construímos a partir daí." }, ]; function Faq() { const [open, setOpen] = useState(0); return (
Dúvidas frequentes

Antes de fechar com a gente

Respostas diretas para as dúvidas mais comuns. Se não achar a sua, fala com a gente pelo WhatsApp.

Solicitar proposta
{FAQ.map((f, idx) => (

{f.a}

))}
); } // === CTA FINAL === function CTAFinal() { return (
Vamos começar

Conte para gente o que sua empresa quer presentear

Resposta com proposta em até 1 dia útil.

Falar com a Tulipani no WhatsApp

Atendimento de seg a sex, 9h às 18h · Resposta em até 2 horas no horário comercial

); } // === FOOTER === function Footer() { return ( ); } Object.assign(window, { Nav, Hero, Ocasioes, Cases, ComoFunciona, QuemSomos, Personalizacao, ProvaSocial, Depoimento, Faq, CTAFinal, Footer, });