M microfoodbrVer cardápio
Comida de verdade

Seu dia pede comida bem feita.

Uma plataforma para pequenos negócios apresentarem seus produtos e organizarem sua presença online. Conheça a proposta e veja os recursos disponíveis.

Explorar o cardápio Conheça a MicroFoodBR
7 diaspara conhecer a plataforma
R$ 47/mêsvalor da assinatura

Comer bem ficou simples.

Uma estrutura simples para começar sua presença digital.

Escolha seu prato

Apresente seu negócio e configure as informações da sua loja.

Receba fresquinho

Organize a apresentação dos seus produtos em um espaço próprio.

Saboreie sem culpa

Consulte os recursos disponíveis antes de divulgar sua loja aos clientes.

Uma loja com a identidade do seu negócio.

Personalize a aparência antes de começar.

01 · Segmento
02 · Cor principal
03 · Estilo dos botões

Essas opções representam a personalização visual da vitrine. Você poderá definir os detalhes da sua loja no cadastro.

Quero criar minha loja
Prévia da sua vitrineDEMONSTRAÇÃO

Prévia ilustrativa · Os produtos e valores são exemplos. Esta demonstração não recebe pedidos.

Cadastre seu negócio.

Comece com 7 dias grátis.

const T = { 'Lanchonete': ['Lanches do Bairro', 'Lanches preparados na hora', [['X-Burger', 'R$ 22,00'], ['Hot Dog da Casa', 'R$ 16,00'], ['Batata crocante', 'R$ 14,00']]], 'Marmitaria': ['Tempero de Casa', 'Comida caseira feita com cuidado', [['Prato do dia', 'R$ 24,00'], ['Marmita completa', 'R$ 29,00'], ['Suco natural', 'R$ 8,00']]], 'Doceria': ['Doce Afeto', 'Um carinho em cada receita', [['Bolo no pote', 'R$ 12,00'], ['Caixa de brigadeiros', 'R$ 28,00'], ['Torta da casa', 'R$ 16,00']]], 'Pizzaria': ['Forno & Massa', 'Sua pizza favorita começa aqui', [['Pizza Margherita', 'R$ 45,00'], ['Pizza da casa', 'R$ 52,00'], ['Refrigerante 2L', 'R$ 12,00']]] }; const C = { 'Terracota': ['#e8794d', '#fff'], 'Floresta': ['#2c624d', '#fff'], 'Cereja': ['#b83d4b', '#fff'], 'Oceano': ['#315f83', '#fff'], 'Ameixa': ['#70518c', '#fff'], 'Grafite': ['#26312d', '#fff'] }; const R = { 'Pílula': '99px', 'Suave': '10px', 'Quadrado': '2px' }; const s = { t: 'Lanchonete', c: 'Terracota', r: 'Pílula' }; const boxes = { t: document.querySelector('#v-t'), c: document.querySelector('#v-c'), r: document.querySelector('#v-r') }; const pv = document.querySelector('#v-pv'); function chips(key, obj, swatch) { Object.keys(obj).forEach(name => { const b = document.createElement('button'); b.type = 'button'; b.className = 'vit-chip' + (swatch ? ' vit-sw' : ''); b.dataset.v = name; if (swatch) { b.style.background = obj[name][0]; b.setAttribute('aria-label', name); b.title = name; } else b.textContent = name; b.setAttribute('aria-pressed', String(s[key] === name)); b.addEventListener('click', () => { s[key] = name; render(); }); boxes[key].append(b); }); } function render() { for (const k in boxes) boxes[k].querySelectorAll('button').forEach(b => b.setAttribute('aria-pressed', String(b.dataset.v === s[k]))); const [name, tag, items] = T[s.t], [col, txt] = C[s.c], rad = R[s.r]; const initials = name.split(/\s+/).slice(0,2).map(x => x[0]).join('').toUpperCase(); const buttonStyle = `border-radius:${rad};color:${col}`; pv.innerHTML = `
SUA MARCA · SUA LOJA${name}${tag}

Destaques do cardápio

${items.map(([n,p]) => `
${n}Feito com atenção aos detalhes
${p}
VER ITEM
`).join('')}
BOTÃO DE CONTATO / PEDIDO
`; } chips('t', T); chips('c', C, true); chips('r', R); render(); })();