Cliente Novo - Garra Food Marketing

Empresa contratante

Digite o CNPJ e clique em Buscar: razão social, nome fantasia, endereço e sócio vêm da Receita (BrasilAPI).

CNPJ

Razão social

Nome fantasia (usado em todo o kit)

Rua e número

Bairro

Cidade

Responsável que assina

Nome completo

CPF

Serviço e condições

Plano

Título do serviço (item I.1)

Serviços incluídos (um por linha)

Valor mensal (R$)

Vencimento da 1ª parcela

Início do contrato

Prazo (meses)

Data do contrato

O kit é liberado depois da assinatura

Quando o cliente assinar o contrato, marque como assinado para começar o kit.

Estabelecimento

O segmento define o emoji e o produto usados na bio, na legenda e na saudação.

Segmento

Descrição curta (título da legenda)

Emoji do produto

Bem-vindo…

“As melhores…” (plural)

“É só clicar e escolher…”

Frase de apresentação (título da página e SEO; vazio = automática)

Logo do cliente

logo

Anexar logo
Clique ou arraste a imagem aqui. PNG ou JPG, de preferência quadrada. Ao salvar, ela vai para o Supabase. ', marketplace:'', avaliacao:'', pin:'', chat:'' }; const PRESET_FIELDS = ["tipo","emoji","produtos","item","artigo"]; const FIELDS = ["cnpj","razao","respNome","respCpf","plano","servTitulo","servicos","valor","vencimento","inicio","prazo","assinatura","nome","segmento","tipo","emoji","artigo","produtos","item","slogan","endereco","bairro","cidade","uf","horario","cardapio","ifood","review","maps","whats","insta","whatsMsg","pixel","desconto","selo","temClube","clube","cFundo","cDestaque","cSelo","cWhats","cIcone"]; const $ = id => document.getElementById(id); let logoData = ""; let out = {}; const esc = s => String(s??"").replace(/&/g,"&").replace(//g,">").replace(/"/g,"""); const val = id => { const el=$(id); return el.type==="checkbox" ? el.checked : el.value.trim(); }; const up = s => s.toLocaleUpperCase("pt-BR"); function hexToRgb(h){h=h.replace("#","");return [0,2,4].map(i=>parseInt(h.substr(i,2),16));} function mix(hex,withHex,amt){const a=hexToRgb(hex),b=hexToRgb(withHex);return "#"+a.map((c,i)=>Math.round(c*(1-amt)+b[i]*amt).toString(16).padStart(2,"0")).join("");} function inkOn(hex){const [r,g,b]=hexToRgb(hex).map(c=>{c/=255;return c<=.03928?c/12.92:Math.pow((c+.055)/1.055,2.4)});return (.2126*r+.7152*g+.0722*b)>.4?"#000000":"#FFFFFF";} function waNumber(raw){let d=raw.replace(/\D/g,"");if(!d)return"";if((d.length===10||d.length===11))d="55"+d;return d;} function isUrl(s){return /^https?:\/\/\S+\.\S+/.test(s);} function chars(s){return [...s].length;} function data(){ const d={}; FIELDS.forEach(k=>d[k]=val(k)); d.logo = logoData; d.cidadeUf = [d.cidade,d.uf.toUpperCase()].filter(Boolean).join(" "); d.enderecoLinha1 = d.endereco + (d.bairro? " - "+d.bairro : ""); d.enderecoLinha2 = d.cidade ? d.cidade + (d.uf? " - "+d.uf.toUpperCase():"") : ""; d.enderecoCompleto = [d.enderecoLinha1,d.enderecoLinha2].filter(Boolean).join(", "); d.mapsLink = d.maps || (d.enderecoCompleto ? "https://www.google.com/maps/search/?api=1&query="+encodeURIComponent(d.enderecoCompleto) : ""); const n = waNumber(d.whats); d.waLink = n ? "https://wa.me/"+n+(d.whatsMsg? "?text="+encodeURIComponent(d.whatsMsg):"") : ""; d.seloFinal = d.selo || (d.desconto ? up(d.desconto)+" OFF NO 1º PEDIDO" : ""); d.sloganFinal = d.slogan || (d.produtos && d.cidade ? "As melhores "+d.produtos+" de "+d.cidade+"!" : ""); d.titulo = [d.nome,d.sloganFinal].filter(Boolean).join(" - "); d.horarioLinhas = d.horario.split(/\n+/).map(s=>s.trim()).filter(Boolean); return d; } function buildPage(d,preview){ const bg=d.cFundo, ac=d.cDestaque, acInk=inkOn(ac), selo=d.cSelo, seloInk=inkOn(selo), wa=d.cWhats, waInk=inkOn(wa); const txt=inkOn(bg), soft=mix(txt,bg,.25), tint=mix(ac,"#FFFFFF",.85); const ic=d.cIcone, icTint=mix(ic,"#FFFFFF",.86); const icon=name=>``; const card=(href,label,iconHtml,extra="",badge="",ev="")=> href ? ` ${badge} ${iconHtml}${esc(label)} ` : ""; const logoHtml = d.logo ? `

` : ""; const pixelId=(d.pixel||"").replace(/\D/g,""); const pixelHtml = (pixelId && !preview) ? `