| <!DOCTYPE html> |
| <html lang="pt-BR"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>MAQSAO – Distribuidora de Carnes Premium</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <style> |
| .hero { |
| background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://images.unsplash.com/photo-1544025162-d76694265947?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2069&q=80'); |
| background-size: cover; |
| background-position: center; |
| } |
| |
| .meat-card { |
| transition: all 0.3s ease; |
| } |
| |
| .meat-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); |
| } |
| |
| .modal { |
| display: none; |
| position: fixed; |
| z-index: 100; |
| left: 0; |
| top: 0; |
| width: 100%; |
| height: 100%; |
| overflow: auto; |
| background-color: rgba(0,0,0,0.4); |
| } |
| |
| .modal-content { |
| background-color: #fefefe; |
| margin: 10% auto; |
| padding: 20px; |
| border: 1px solid #888; |
| width: 80%; |
| max-width: 600px; |
| border-radius: 8px; |
| animation: modalopen 0.5s; |
| } |
| |
| @keyframes modalopen { |
| from {opacity: 0; transform: translateY(-50px);} |
| to {opacity: 1; transform: translateY(0);} |
| } |
| |
| .delivery-icon { |
| background-color: #f8f4e5; |
| width: 60px; |
| height: 60px; |
| border-radius: 50%; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| margin: 0 auto; |
| } |
| </style> |
| </head> |
| <body class="font-sans bg-gray-50"> |
| |
| <header class="bg-white shadow-md"> |
| <div class="container mx-auto px-4 py-4 flex justify-between items-center"> |
| <div class="flex items-center"> |
| <i class="fas fa-utensils text-red-600 text-3xl mr-2"></i> |
| <h1 class="text-2xl font-bold text-gray-800">MAQSAO</h1> |
| </div> |
| <nav class="hidden md:flex space-x-8"> |
| <a href="#inicio" class="text-gray-800 hover:text-red-600 font-medium">Início</a> |
| <a href="#produtos" class="text-gray-800 hover:text-red-600 font-medium">Produtos</a> |
| <a href="#diferenciais" class="text-gray-800 hover:text-red-600 font-medium">Diferenciais</a> |
| <a href="#contato" class="text-gray-800 hover:text-red-600 font-medium">Contato</a> |
| </nav> |
| <button class="md:hidden text-gray-800"> |
| <i class="fas fa-bars text-2xl"></i> |
| </button> |
| </div> |
| </header> |
|
|
| |
| <section id="inicio" class="hero text-white py-20 md:py-32"> |
| <div class="container mx-auto px-4 text-center"> |
| <h1 class="text-4xl md:text-5xl font-bold mb-6">MAQSAO – Excelência em Distribuição de Carnes</h1> |
| <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto"> |
| Distribuímos os melhores cortes de carne bovina, suína, aves, cordeiro e peixes com qualidade, procedência e agilidade. |
| </p> |
| <div class="flex flex-col sm:flex-row justify-center gap-4"> |
| <a href="#contato" class="bg-red-600 hover:bg-red-700 text-white font-bold py-3 px-8 rounded-lg transition duration-300"> |
| Peça agora |
| </a> |
| <a href="#produtos" class="bg-white hover:bg-gray-100 text-red-600 font-bold py-3 px-8 rounded-lg transition duration-300"> |
| Saiba mais sobre nossos produtos |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="produtos" class="py-16 bg-white"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Nossos Produtos</h2> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| |
| <div class="meat-card bg-white rounded-lg shadow-md overflow-hidden border border-gray-100"> |
| <div class="bg-red-50 p-4 flex items-center"> |
| <i class="fas fa-drumstick-bite text-red-600 text-2xl mr-3"></i> |
| <h3 class="text-xl font-bold text-gray-800">Carnes Bovinas</h3> |
| </div> |
| <div class="p-6"> |
| <p class="text-gray-600 mb-4"><strong>Cortes especiais:</strong> Picanha, Alcatra, Fraldinha, Costela, Filé Mignon</p> |
| <p class="text-gray-600 mb-4"><strong>Ideal para:</strong> Churrasco, grelhados, assados</p> |
| <p class="text-gray-600 mb-6"><strong>Procedência:</strong> Fazendas certificadas com alimentação controlada e rastreabilidade</p> |
| <button onclick="openModal('bovina')" class="w-full bg-red-600 hover:bg-red-700 text-white font-medium py-2 px-4 rounded transition duration-300"> |
| <i class="fas fa-info-circle mr-2"></i> Saiba mais |
| </button> |
| </div> |
| </div> |
| |
| |
| <div class="meat-card bg-white rounded-lg shadow-md overflow-hidden border border-gray-100"> |
| <div class="bg-pink-50 p-4 flex items-center"> |
| <i class="fas fa-piggy-bank text-pink-600 text-2xl mr-3"></i> |
| <h3 class="text-xl font-bold text-gray-800">Carnes Suínas</h3> |
| </div> |
| <div class="p-6"> |
| <p class="text-gray-600 mb-4"><strong>Cortes:</strong> Costelinha, Lombo, Pernil, Paleta, Panceta</p> |
| <p class="text-gray-600 mb-4"><strong>Ideal para:</strong> Assados, cozidos, grelhados</p> |
| <p class="text-gray-600 mb-6"><strong>Procedência:</strong> Granjas parceiras com controle sanitário e nutrição balanceada</p> |
| <button onclick="openModal('suina')" class="w-full bg-pink-600 hover:bg-pink-700 text-white font-medium py-2 px-4 rounded transition duration-300"> |
| <i class="fas fa-info-circle mr-2"></i> Saiba mais |
| </button> |
| </div> |
| </div> |
| |
| |
| <div class="meat-card bg-white rounded-lg shadow-md overflow-hidden border border-gray-100"> |
| <div class="bg-yellow-50 p-4 flex items-center"> |
| <i class="fas fa-kiwi-bird text-yellow-600 text-2xl mr-3"></i> |
| <h3 class="text-xl font-bold text-gray-800">Aves</h3> |
| </div> |
| <div class="p-6"> |
| <p class="text-gray-600 mb-4"><strong>Tipos:</strong> Frango inteiro, Coxa, Sobrecoxa, Peito, Asa, Coração</p> |
| <p class="text-gray-600 mb-4"><strong>Ideal para:</strong> Frito, grelhado, ensopado</p> |
| <p class="text-gray-600 mb-6"><strong>Procedência:</strong> Criatórios certificados com alto padrão de higiene</p> |
| <button onclick="openModal('aves')" class="w-full bg-yellow-600 hover:bg-yellow-700 text-white font-medium py-2 px-4 rounded transition duration-300"> |
| <i class="fas fa-info-circle mr-2"></i> Saiba mais |
| </button> |
| </div> |
| </div> |
| |
| |
| <div class="meat-card bg-white rounded-lg shadow-md overflow-hidden border border-gray-100"> |
| <div class="bg-green-50 p-4 flex items-center"> |
| <i class="fas fa-paw text-green-600 text-2xl mr-3"></i> |
| <h3 class="text-xl font-bold text-gray-800">Cordeiro</h3> |
| </div> |
| <div class="p-6"> |
| <p class="text-gray-600 mb-4"><strong>Cortes:</strong> Carré, Paleta, Pernil, Costela</p> |
| <p class="text-gray-600 mb-4"><strong>Ideal para:</strong> Assados, ensopados, grelhados gourmet</p> |
| <p class="text-gray-600 mb-6"><strong>Procedência:</strong> Rebanhos controlados com pastagem natural</p> |
| <button onclick="openModal('cordeiro')" class="w-full bg-green-600 hover:bg-green-700 text-white font-medium py-2 px-4 rounded transition duration-300"> |
| <i class="fas fa-info-circle mr-2"></i> Saiba mais |
| </button> |
| </div> |
| </div> |
| |
| |
| <div class="meat-card bg-white rounded-lg shadow-md overflow-hidden border border-gray-100"> |
| <div class="bg-blue-50 p-4 flex items-center"> |
| <i class="fas fa-fish text-blue-600 text-2xl mr-3"></i> |
| <h3 class="text-xl font-bold text-gray-800">Peixes e Frutos do Mar</h3> |
| </div> |
| <div class="p-6"> |
| <p class="text-gray-600 mb-4"><strong>Tipos:</strong> Salmão, Tilápia, Bacalhau, Camarão, Lula</p> |
| <p class="text-gray-600 mb-4"><strong>Ideal para:</strong> Grelhados, fritos, assados, moquecas</p> |
| <p class="text-gray-600 mb-6"><strong>Procedência:</strong> Fornecedores certificados com pesca legalizada</p> |
| <button onclick="openModal('peixes')" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded transition duration-300"> |
| <i class="fas fa-info-circle mr-2"></i> Saiba mais |
| </button> |
| </div> |
| </div> |
| |
| |
| <div class="bg-gray-50 rounded-lg shadow-md overflow-hidden border border-gray-200 flex flex-col justify-center p-6"> |
| <div class="text-center mb-6"> |
| <div class="delivery-icon mb-4"> |
| <i class="fas fa-truck text-2xl text-gray-700"></i> |
| </div> |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Entrega de Qualidade Garantida</h3> |
| <p class="text-gray-600">Todos os nossos entregadores são treinados para transporte refrigerado adequado</p> |
| </div> |
| <div class="bg-white p-4 rounded-lg"> |
| <p class="text-gray-700 mb-2"><i class="fas fa-check-circle text-green-500 mr-2"></i> Veículos com câmaras frias</p> |
| <p class="text-gray-700 mb-2"><i class="fas fa-check-circle text-green-500 mr-2"></i> Entregadores treinados</p> |
| <p class="text-gray-700"><i class="fas fa-check-circle text-green-500 mr-2"></i> Frescor garantido</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="diferenciais" class="py-16 bg-gray-100"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Por que escolher a MAQSAO?</h2> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| <div class="bg-white p-6 rounded-lg shadow-md text-center"> |
| <div class="text-red-600 text-4xl mb-4"> |
| <i class="fas fa-star"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2 text-gray-800">Variedade Premium</h3> |
| <p class="text-gray-600">Ampla seleção de carnes de alta qualidade para todos os gostos e ocasiões.</p> |
| </div> |
| |
| <div class="bg-white p-6 rounded-lg shadow-md text-center"> |
| <div class="text-red-600 text-4xl mb-4"> |
| <i class="fas fa-shield-alt"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2 text-gray-800">Procedência Garantida</h3> |
| <p class="text-gray-600">Rigoroso controle sanitário e rastreabilidade de todos os nossos produtos.</p> |
| </div> |
| |
| <div class="bg-white p-6 rounded-lg shadow-md text-center"> |
| <div class="text-red-600 text-4xl mb-4"> |
| <i class="fas fa-truck-fast"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2 text-gray-800">Entrega Profissional</h3> |
| <p class="text-gray-600">Logística eficiente com veículos refrigerados e entregadores treinados.</p> |
| </div> |
| |
| <div class="bg-white p-6 rounded-lg shadow-md text-center"> |
| <div class="text-red-600 text-4xl mb-4"> |
| <i class="fas fa-headset"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2 text-gray-800">Atendimento Personalizado</h3> |
| <p class="text-gray-600">Equipe especializada para orientar e atender suas necessidades específicas.</p> |
| </div> |
| |
| <div class="bg-white p-6 rounded-lg shadow-md text-center"> |
| <div class="text-red-600 text-4xl mb-4"> |
| <i class="fas fa-tags"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2 text-gray-800">Preços Competitivos</h3> |
| <p class="text-gray-600">Qualidade superior com preços justos para todos os clientes.</p> |
| </div> |
| |
| <div class="bg-white p-6 rounded-lg shadow-md text-center"> |
| <div class="text-red-600 text-4xl mb-4"> |
| <i class="fas fa-award"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2 text-gray-800">Satisfação Garantida</h3> |
| <p class="text-gray-600">Compromisso total com a qualidade e satisfação dos nossos clientes.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="contato" class="py-16 bg-white"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Fale Conosco</h2> |
| |
| <div class="max-w-4xl mx-auto"> |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> |
| <div class="bg-gray-50 p-8 rounded-lg shadow-md"> |
| <h3 class="text-xl font-bold mb-4 text-gray-800">Informações de Contato</h3> |
| |
| <div class="mb-6"> |
| <div class="flex items-start mb-4"> |
| <i class="fas fa-phone-alt text-red-600 mt-1 mr-3"></i> |
| <div> |
| <h4 class="font-bold text-gray-800">Telefone</h4> |
| <p class="text-gray-600">(XX) XXXX-XXXX</p> |
| </div> |
| </div> |
| |
| <div class="flex items-start mb-4"> |
| <i class="fab fa-whatsapp text-green-600 mt-1 mr-3"></i> |
| <div> |
| <h4 class="font-bold text-gray-800">WhatsApp</h4> |
| <p class="text-gray-600">(XX) XXXXX-XXXX</p> |
| </div> |
| </div> |
| |
| <div class="flex items-start"> |
| <i class="fas fa-envelope text-red-600 mt-1 mr-3"></i> |
| <div> |
| <h4 class="font-bold text-gray-800">E-mail</h4> |
| <p class="text-gray-600">contato@maqsao.com.br</p> |
| </div> |
| </div> |
| </div> |
| |
| <div> |
| <h4 class="font-bold text-gray-800 mb-2">Horário de Atendimento</h4> |
| <p class="text-gray-600 mb-1"><i class="far fa-clock text-red-600 mr-2"></i> De segunda a sábado</p> |
| <p class="text-gray-600"><i class="far fa-clock text-red-600 mr-2"></i> Das 7h às 18h</p> |
| </div> |
| </div> |
| |
| <div class="bg-gray-50 p-8 rounded-lg shadow-md"> |
| <h3 class="text-xl font-bold mb-4 text-gray-800">Envie uma Mensagem</h3> |
| |
| <form> |
| <div class="mb-4"> |
| <label for="name" class="block text-gray-700 font-medium mb-2">Nome</label> |
| <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500"> |
| </div> |
| |
| <div class="mb-4"> |
| <label for="email" class="block text-gray-700 font-medium mb-2">E-mail</label> |
| <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500"> |
| </div> |
| |
| <div class="mb-4"> |
| <label for="phone" class="block text-gray-700 font-medium mb-2">Telefone</label> |
| <input type="tel" id="phone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500"> |
| </div> |
| |
| <div class="mb-4"> |
| <label for="message" class="block text-gray-700 font-medium mb-2">Mensagem</label> |
| <textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500"></textarea> |
| </div> |
| |
| <button type="submit" class="w-full bg-red-600 hover:bg-red-700 text-white font-bold py-3 px-4 rounded-lg transition duration-300"> |
| Enviar Mensagem |
| </button> |
| </form> |
| </div> |
| </div> |
| |
| <div class="mt-8 bg-gray-800 text-white p-6 rounded-lg text-center"> |
| <h3 class="text-xl font-bold mb-2">Área de Entrega</h3> |
| <p class="mb-4">Entregamos em toda a região metropolitana e interior</p> |
| <button onclick="openModal('regiao')" class="bg-white hover:bg-gray-100 text-gray-800 font-bold py-2 px-6 rounded-lg transition duration-300"> |
| Verificar disponibilidade na minha região |
| </button> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <footer class="bg-gray-900 text-white py-8"> |
| <div class="container mx-auto px-4"> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| <div> |
| <div class="flex items-center mb-4"> |
| <i class="fas fa-utensils text-red-600 text-2xl mr-2"></i> |
| <h3 class="text-xl font-bold">MAQSAO</h3> |
| </div> |
| <p class="text-gray-400">Excelência em distribuição de carnes desde 2010. Qualidade, procedência e atendimento diferenciado.</p> |
| </div> |
| |
| <div> |
| <h4 class="text-lg font-bold mb-4">Links Rápidos</h4> |
| <ul class="space-y-2"> |
| <li><a href="#inicio" class="text-gray-400 hover:text-white transition">Início</a></li> |
| <li><a href="#produtos" class="text-gray-400 hover:text-white transition">Produtos</a></li> |
| <li><a href="#diferenciais" class="text-gray-400 hover:text-white transition">Diferenciais</a></li> |
| <li><a href="#contato" class="text-gray-400 hover:text-white transition">Contato</a></li> |
| </ul> |
| </div> |
| |
| <div> |
| <h4 class="text-lg font-bold mb-4">Redes Sociais</h4> |
| <div class="flex space-x-4"> |
| <a href="#" class="bg-gray-800 hover:bg-gray-700 w-10 h-10 rounded-full flex items-center justify-center transition"> |
| <i class="fab fa-facebook-f"></i> |
| </a> |
| <a href="#" class="bg-gray-800 hover:bg-gray-700 w-10 h-10 rounded-full flex items-center justify-center transition"> |
| <i class="fab fa-instagram"></i> |
| </a> |
| <a href="#" class="bg-gray-800 hover:bg-gray-700 w-10 h-10 rounded-full flex items-center justify-center transition"> |
| <i class="fab fa-whatsapp"></i> |
| </a> |
| </div> |
| |
| <div class="mt-6"> |
| <h4 class="text-lg font-bold mb-2">Formas de Pagamento</h4> |
| <div class="flex flex-wrap gap-2"> |
| <i class="fab fa-cc-visa text-2xl text-gray-400"></i> |
| <i class="fab fa-cc-mastercard text-2xl text-gray-400"></i> |
| <i class="fab fa-cc-amex text-2xl text-gray-400"></i> |
| <i class="fas fa-money-bill-wave text-2xl text-gray-400"></i> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="border-t border-gray-800 mt-8 pt-6 text-center text-gray-500"> |
| <p>© 2023 MAQSAO – Distribuidora de Carnes. Todos os direitos reservados.</p> |
| </div> |
| </div> |
| </footer> |
|
|
| |
| <div id="bovinaModal" class="modal"> |
| <div class="modal-content"> |
| <span onclick="closeModal('bovina')" class="float-right text-gray-500 hover:text-gray-700 cursor-pointer text-2xl">×</span> |
| <div class="p-4"> |
| <h3 class="text-2xl font-bold text-gray-800 mb-4 flex items-center"> |
| <i class="fas fa-drumstick-bite text-red-600 mr-3"></i> Carnes Bovinas |
| </h3> |
| <div class="mb-6"> |
| <h4 class="font-bold text-gray-800 mb-2">Origem:</h4> |
| <p class="text-gray-600">As carnes bovinas MAQSAO vêm de fazendas brasileiras com certificação de bem-estar animal e rigor no controle sanitário. Nossos fornecedores são selecionados por sua excelência em manejo, alimentação balanceada e rastreabilidade total do rebanho.</p> |
| </div> |
| <div class="mb-6"> |
| <h4 class="font-bold text-gray-800 mb-2">Uso recomendado:</h4> |
| <p class="text-gray-600">Perfeitas para churrascos de fim de semana, grelhados rápidos, ou assados suculentos em datas especiais. Cada corte possui características específicas:</p> |
| <ul class="list-disc pl-5 mt-2 text-gray-600"> |
| <li class="mb-1"><strong>Picanha:</strong> Ideal para churrasco, grelhada na brasa com sal grosso</li> |
| <li class="mb-1"><strong>Alcatra:</strong> Versátil, pode ser grelhada ou assada em pedaços</li> |
| <li class="mb-1"><strong>Filé Mignon:</strong> Excelente para pratos sofisticados ou grelhado rápido</li> |
| <li class="mb-1"><strong>Costela:</strong> Perfeita para assar lentamente no forno ou na churrasqueira</li> |
| </ul> |
| </div> |
| <div> |
| <h4 class="font-bold text-gray-800 mb-2">Conservação:</h4> |
| <p class="text-gray-600">Manter refrigerado entre 0°C e 4°C. Para maior duração, pode ser congelado a -18°C por até 6 meses. Descongelar lentamente na geladeira antes do preparo.</p> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| <div id="suinaModal" class="modal"> |
| <div class="modal-content"> |
| <span onclick="closeModal('suina')" class="float-right text-gray-500 hover:text-gray-700 cursor-pointer text-2xl">×</span> |
| <div class="p-4"> |
| <h3 class="text-2xl font-bold text-gray-800 mb-4 flex items-center"> |
| <i class="fas fa-piggy-bank text-pink-600 mr-3"></i> Carnes Suínas |
| </h3> |
| <div class="mb-6"> |
| <h4 class="font-bold text-gray-800 mb-2">Origem:</h4> |
| <p class="text-gray-600">Suínos de granjas especializadas, com rastreio e inspeção veterinária constante. Nossos parceiros seguem rigorosos protocolos de bem-estar animal, nutrição balanceada e controle sanitário, garantindo carne suína de qualidade superior.</p> |
| </div> |
| <div class="mb-6"> |
| <h4 class="font-bold text-gray-800 mb-2">Uso recomendado:</h4> |
| <p class="text-gray-600">Perfeita para feijoada, costela assada, ou lombo grelhado com molho de abacaxi. Cada corte tem usos específicos:</p> |
| <ul class="list-disc pl-5 mt-2 text-gray-600"> |
| <li class="mb-1"><strong>Costelinha:</strong> Ideal para assar lentamente ou na churrasqueira</li> |
| <li class="mb-1"><strong>Lombo:</strong> Excelente para grelhar, assar ou preparar medalhões</li> |
| <li class="mb-1"><strong>Pernil:</strong> Perfeito para assados especiais e festas</li> |
| <li class="mb-1"><strong>Panceta:</strong> Ótima para torresmo ou temperar feijão</li> |
| </ul> |
| </div> |
| <div> |
| <h4 class="font-bold text-gray-800 mb-2">Dicas de Preparo:</h4> |
| <p class="text-gray-600">A carne suína deve ser bem cozida, atingindo temperatura interna de 71°C. Para cortes mais grossos, marinar antes do preparo realça o sabor e mantém a suculência.</p> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| <div id="avesModal" class="modal"> |
| <div class="modal-content"> |
| <span onclick="closeModal('aves')" class="float-right text-gray-500 hover:text-gray-700 cursor-pointer text-2xl">×</span> |
| <div class="p-4"> |
| <h3 class="text-2xl font-bold text-gray-800 mb-4 flex items-center"> |
| <i class="fas fa-kiwi-bird text-yellow-600 mr-3"></i> Aves |
| </h3> |
| <div class="mb-6"> |
| <h4 class="font-bold text-gray-800 mb-2">Origem:</h4> |
| <p class="text-gray-600">Frangos criados com ração de qualidade e ambiente controlado. Nossos fornecedores seguem rigorosos padrões de criação, com alimentação balanceada, espaço adequado e controle sanitário constante, garantindo aves saudáveis e saborosas.</p> |
| </div> |
| <div class="mb-6"> |
| <h4 class="font-bold text-gray-800 mb-2">Uso recomendado:</h4> |
| <p class="text-gray-600">Desde fritos crocantes até frango ao molho, grelhados na dieta ou coração no espeto do churrasco. Cada parte tem características específicas:</p> |
| <ul class="list-disc pl-5 mt-2 text-gray-600"> |
| <li class="mb-1"><strong>Peito:</strong> Ideal para grelhados, assados ou desfiado</li> |
| <li class=" |
| </html> |
