| | <!DOCTYPE html> |
| | <html lang="pt-BR"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>FitFast - Ebook de Receitas Rápidas para Fitness</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> |
| | @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;900&display=swap'); |
| | |
| | body { |
| | font-family: 'Montserrat', sans-serif; |
| | scroll-behavior: smooth; |
| | } |
| | |
| | .recipe-card:hover { |
| | transform: translateY(-5px); |
| | box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
| | } |
| | |
| | .hero-gradient { |
| | background: linear-gradient(135deg, #3B82F6 0%, #10B981 100%); |
| | } |
| | |
| | .download-btn { |
| | transition: all 0.3s ease; |
| | } |
| | |
| | .download-btn:hover { |
| | transform: scale(1.05); |
| | } |
| | |
| | .floating-btn { |
| | animation: float 3s ease-in-out infinite; |
| | } |
| | |
| | @keyframes float { |
| | 0% { transform: translateY(0px); } |
| | 50% { transform: translateY(-10px); } |
| | 100% { transform: translateY(0px); } |
| | } |
| | </style> |
| | </head> |
| | <body class="bg-gray-50"> |
| | |
| | <header class="bg-white shadow-sm sticky top-0 z-50"> |
| | <div class="container mx-auto px-4 py-4 flex justify-between items-center"> |
| | <div class="flex items-center"> |
| | <i class="fas fa-dumbbell text-blue-500 text-2xl mr-2"></i> |
| | <h1 class="text-xl font-bold text-gray-800">FitFast</h1> |
| | </div> |
| | <nav class="hidden md:block"> |
| | <ul class="flex space-x-8"> |
| | <li><a href="#home" class="text-gray-600 hover:text-blue-500 font-medium">Início</a></li> |
| | <li><a href="#recipes" class="text-gray-600 hover:text-blue-500 font-medium">Receitas</a></li> |
| | <li><a href="#benefits" class="text-gray-600 hover:text-blue-500 font-medium">Benefícios</a></li> |
| | <li><a href="#testimonials" class="text-gray-600 hover:text-blue-500 font-medium">Depoimentos</a></li> |
| | </ul> |
| | </nav> |
| | <button class="md:hidden text-gray-600" id="menuBtn"> |
| | <i class="fas fa-bars text-2xl"></i> |
| | </button> |
| | </div> |
| | |
| | |
| | <div class="md:hidden hidden bg-white w-full py-4 px-4 shadow-md" id="mobileMenu"> |
| | <ul class="space-y-4"> |
| | <li><a href="#home" class="block text-gray-600 hover:text-blue-500 font-medium">Início</a></li> |
| | <li><a href="#recipes" class="block text-gray-600 hover:text-blue-500 font-medium">Receitas</a></li> |
| | <li><a href="#benefits" class="block text-gray-600 hover:text-blue-500 font-medium">Benefícios</a></li> |
| | <li><a href="#testimonials" class="block text-gray-600 hover:text-blue-500 font-medium">Depoimentos</a></li> |
| | <li><button class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-6 rounded-full w-full transition duration-300 mt-2">Comprar Ebook</button></li> |
| | </ul> |
| | </div> |
| | </header> |
| |
|
| | |
| | <section id="home" class="hero-gradient text-white py-20"> |
| | <div class="container mx-auto px-4 flex flex-col md:flex-row items-center"> |
| | <div class="md:w-1/2 mb-10 md:mb-0"> |
| | <h1 class="text-4xl md:text-5xl font-bold mb-6">Receitas Fitness Rápidas para Resultados Incríveis</h1> |
| | <p class="text-xl mb-8">Transforme sua alimentação com nosso ebook exclusivo de receitas saudáveis que levam menos de 15 minutos para preparar!</p> |
| | <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> |
| | <button class="bg-white text-blue-500 hover:bg-gray-100 font-bold py-3 px-8 rounded-full download-btn">Baixar Amostra Grátis</button> |
| | <button class="bg-yellow-400 hover:bg-yellow-500 text-gray-800 font-bold py-3 px-8 rounded-full download-btn">Comprar Ebook Completo</button> |
| | </div> |
| | </div> |
| | <div class="md:w-1/2 flex justify-center"> |
| | <img src="https://images.unsplash.com/photo-1490645935967-10de6ba17061?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1035&q=80" alt="Ebook Fitness" class="rounded-lg shadow-2xl max-w-md w-full h-auto floating-btn"> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section 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">O que você vai encontrar no ebook</h2> |
| | <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| | <div class="bg-gray-50 p-6 rounded-lg text-center"> |
| | <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
| | <i class="fas fa-bolt text-blue-500 text-2xl"></i> |
| | </div> |
| | <h3 class="text-xl font-bold mb-2 text-gray-800">Receitas Rápidas</h3> |
| | <p class="text-gray-600">Todas as receitas podem ser preparadas em menos de 15 minutos, perfeito para quem tem uma vida agitada.</p> |
| | </div> |
| | <div class="bg-gray-50 p-6 rounded-lg text-center"> |
| | <div class="bg-green-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
| | <i class="fas fa-heart text-green-500 text-2xl"></i> |
| | </div> |
| | <h3 class="text-xl font-bold mb-2 text-gray-800">Ingredientes Saudáveis</h3> |
| | <p class="text-gray-600">Foco em ingredientes nutritivos e acessíveis que promovem saúde e bem-estar.</p> |
| | </div> |
| | <div class="bg-gray-50 p-6 rounded-lg text-center"> |
| | <div class="bg-purple-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
| | <i class="fas fa-utensils text-purple-500 text-2xl"></i> |
| | </div> |
| | <h3 class="text-xl font-bold mb-2 text-gray-800">Variedade de Opções</h3> |
| | <p class="text-gray-600">Café da manhã, almoço, jantar e lanches - receitas para todas as refeições do dia.</p> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="recipes" class="py-16 bg-gray-50"> |
| | <div class="container mx-auto px-4"> |
| | <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Algumas Receitas do Ebook</h2> |
| | <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| | |
| | <div class="bg-white rounded-lg overflow-hidden shadow-md recipe-card transition duration-300"> |
| | <img src="https://images.unsplash.com/photo-1546069901-ba9599a7e63c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=880&q=80" alt="Salada Fit" class="w-full h-48 object-cover"> |
| | <div class="p-6"> |
| | <div class="flex justify-between items-center mb-2"> |
| | <h3 class="text-xl font-bold text-gray-800">Salada Power</h3> |
| | <span class="bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded">10 min</span> |
| | </div> |
| | <p class="text-gray-600 mb-4">Salada completa com quinoa, abacate, tomate seco e frango grelhado.</p> |
| | <div class="flex justify-between items-center"> |
| | <span class="text-sm text-gray-500"><i class="fas fa-fire text-red-500 mr-1"></i> 320 kcal</span> |
| | <button class="text-blue-500 hover:text-blue-700 text-sm font-medium">Ver Receita Completa →</button> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="bg-white rounded-lg overflow-hidden shadow-md recipe-card transition duration-300"> |
| | <img src="https://images.unsplash.com/photo-1490645935967-10de6ba17061?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1035&q=80" alt="Omelete Fit" class="w-full h-48 object-cover"> |
| | <div class="p-6"> |
| | <div class="flex justify-between items-center mb-2"> |
| | <h3 class="text-xl font-bold text-gray-800">Omelete Proteico</h3> |
| | <span class="bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded">8 min</span> |
| | </div> |
| | <p class="text-gray-600 mb-4">Omelete com espinafre, tomate cereja e queijo cottage.</p> |
| | <div class="flex justify-between items-center"> |
| | <span class="text-sm text-gray-500"><i class="fas fa-fire text-red-500 mr-1"></i> 280 kcal</span> |
| | <button class="text-blue-500 hover:text-blue-700 text-sm font-medium">Ver Receita Completa →</button> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="bg-white rounded-lg overflow-hidden shadow-md recipe-card transition duration-300"> |
| | <img src="https://images.unsplash.com/photo-1512621776951-a57141f2eefd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" alt="Smoothie Energético" class="w-full h-48 object-cover"> |
| | <div class="p-6"> |
| | <div class="flex justify-between items-center mb-2"> |
| | <h3 class="text-xl font-bold text-gray-800">Smoothie Energético</h3> |
| | <span class="bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded">5 min</span> |
| | </div> |
| | <p class="text-gray-600 mb-4">Mistura poderosa de banana, aveia, whey protein e amêndoas.</p> |
| | <div class="flex justify-between items-center"> |
| | <span class="text-sm text-gray-500"><i class="fas fa-fire text-red-500 mr-1"></i> 250 kcal</span> |
| | <button class="text-blue-500 hover:text-blue-700 text-sm font-medium">Ver Receita Completa →</button> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <div class="text-center mt-12"> |
| | <button class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-3 px-8 rounded-full download-btn">Ver Todas as 50+ Receitas</button> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="benefits" 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">Benefícios do Nosso Ebook</h2> |
| | <div class="flex flex-col md:flex-row items-center"> |
| | <div class="md:w-1/2 mb-10 md:mb-0"> |
| | <img src="https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" alt="Mulher preparando comida saudável" class="rounded-lg shadow-lg w-full max-w-md mx-auto"> |
| | </div> |
| | <div class="md:w-1/2 md:pl-12"> |
| | <ul class="space-y-6"> |
| | <li class="flex items-start"> |
| | <div class="bg-green-100 p-2 rounded-full mr-4"> |
| | <i class="fas fa-check text-green-500"></i> |
| | </div> |
| | <div> |
| | <h3 class="text-xl font-bold text-gray-800 mb-1">Economize Tempo</h3> |
| | <p class="text-gray-600">Receitas rápidas que se encaixam na sua rotina agitada, sem comprometer a qualidade nutricional.</p> |
| | </div> |
| | </li> |
| | <li class="flex items-start"> |
| | <div class="bg-green-100 p-2 rounded-full mr-4"> |
| | <i class="fas fa-check text-green-500"></i> |
| | </div> |
| | <div> |
| | <h3 class="text-xl font-bold text-gray-800 mb-1">Diversidade de Opções</h3> |
| | <p class="text-gray-600">Variedade de receitas para evitar a monotonia alimentar e manter a dieta interessante.</p> |
| | </div> |
| | </li> |
| | <li class="flex items-start"> |
| | <div class="bg-green-100 p-2 rounded-full mr-4"> |
| | <i class="fas fa-check text-green-500"></i> |
| | </div> |
| | <div> |
| | <h3 class="text-xl font-bold text-gray-800 mb-1">Ingredientes Acessíveis</h3> |
| | <p class="text-gray-600">Foco em ingredientes fáceis de encontrar em qualquer supermercado, sem produtos exóticos ou caros.</p> |
| | </div> |
| | </li> |
| | <li class="flex items-start"> |
| | <div class="bg-green-100 p-2 rounded-full mr-4"> |
| | <i class="fas fa-check text-green-500"></i> |
| | </div> |
| | <div> |
| | <h3 class="text-xl font-bold text-gray-800 mb-1">Informação Nutricional</h3> |
| | <p class="text-gray-600">Todas as receitas vêm com valores nutricionais detalhados para ajudar no controle da dieta.</p> |
| | </div> |
| | </li> |
| | </ul> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="testimonials" class="py-16 bg-gray-50"> |
| | <div class="container mx-auto px-4"> |
| | <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">O que dizem nossos clientes</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-sm"> |
| | <div class="flex items-center mb-4"> |
| | <img src="https://randomuser.me/api/portraits/women/32.jpg" alt="Ana Silva" class="w-12 h-12 rounded-full mr-4"> |
| | <div> |
| | <h4 class="font-bold text-gray-800">Ana Silva</h4> |
| | <div class="flex text-yellow-400"> |
| | <i class="fas fa-star"></i> |
| | <i class="fas fa-star"></i> |
| | <i class="fas fa-star"></i> |
| | <i class="fas fa-star"></i> |
| | <i class="fas fa-star"></i> |
| | </div> |
| | </div> |
| | </div> |
| | <p class="text-gray-600">"Comprei o ebook há 3 meses e já perdi 8kg! As receitas são realmente rápidas e deliciosas. Nunca imaginei que comer saudável pudesse ser tão prático."</p> |
| | </div> |
| | |
| | |
| | <div class="bg-white p-6 rounded-lg shadow-sm"> |
| | <div class="flex items-center mb-4"> |
| | <img src="https://randomuser.me/api/portraits/men/45.jpg" alt="Carlos Mendes" class="w-12 h-12 rounded-full mr-4"> |
| | <div> |
| | <h4 class="font-bold text-gray-800">Carlos Mendes</h4> |
| | <div class="flex text-yellow-400"> |
| | <i class="fas fa-star"></i> |
| | <i class="fas fa-star"></i> |
| | <i class="fas fa-star"></i> |
| | <i class="fas fa-star"></i> |
| | <i class="fas fa-star"></i> |
| | </div> |
| | </div> |
| | </div> |
| | <p class="text-gray-600">"Como executivo, nunca tinha tempo para cozinhar. Esse ebook mudou minha vida! Agora consigo me alimentar bem mesmo nos dias mais corridos. Recomendo muito!"</p> |
| | </div> |
| | |
| | |
| | <div class="bg-white p-6 rounded-lg shadow-sm"> |
| | <div class="flex items-center mb-4"> |
| | <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Juliana Costa" class="w-12 h-12 rounded-full mr-4"> |
| | <div> |
| | <h4 class="font-bold text-gray-800">Juliana Costa</h4> |
| | <div class="flex text-yellow-400"> |
| | <i class="fas fa-star"></i> |
| | <i class="fas fa-star"></i> |
| | <i class="fas fa-star"></i> |
| | <i class="fas fa-star"></i> |
| | <i class="fas fa-star-half-alt"></i> |
| | </div> |
| | </div> |
| | </div> |
| | <p class="text-gray-600">"Adorei a variedade de receitas! Meus filhos que são exigentes também aprovaram várias delas. Já virou meu livro de receitas oficial na cozinha."</p> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-16 bg-blue-500 text-white"> |
| | <div class="container mx-auto px-4 text-center"> |
| | <h2 class="text-3xl font-bold mb-6">Adquira Seu Ebook Hoje Mesmo!</h2> |
| | <p class="text-xl mb-8 max-w-2xl mx-auto">Transforme sua alimentação com mais de 50 receitas fitness rápidas por apenas:</p> |
| | |
| | <div class="bg-white text-gray-800 rounded-lg shadow-xl inline-block px-8 py-6 mb-8"> |
| | <div class="flex items-end justify-center"> |
| | <span class="text-4xl font-bold">R$</span> |
| | <span class="text-6xl font-bold mx-2">47</span> |
| | <span class="text-gray-500 mb-1">,90</span> |
| | </div> |
| | <p class="text-gray-600">ou em até 3x de R$ 15,97</p> |
| | </div> |
| | |
| | <div class="max-w-2xl mx-auto bg-white bg-opacity-10 rounded-lg p-6 mb-8"> |
| | <h3 class="text-xl font-bold mb-4">Bônus Exclusivo para Compra Hoje:</h3> |
| | <ul class="text-left space-y-2 max-w-md mx-auto"> |
| | <li class="flex items-start"> |
| | <i class="fas fa-gift text-yellow-300 mt-1 mr-2"></i> |
| | <span>Guia de Planejamento Semanal de Refeições (PDF)</span> |
| | </li> |
| | <li class="flex items-start"> |
| | <i class="fas fa-gift text-yellow-300 mt-1 mr-2"></i> |
| | <span>Lista de Compras Saudáveis (Imprimível)</span> |
| | </li> |
| | <li class="flex items-start"> |
| | <i class="fas fa-gift text-yellow-300 mt-1 mr-2"></i> |
| | <span>Acesso ao Grupo VIP no WhatsApp com Nutricionista</span> |
| | </li> |
| | </ul> |
| | </div> |
| | |
| | <button class="bg-yellow-400 hover:bg-yellow-500 text-gray-800 font-bold py-4 px-12 rounded-full text-lg download-btn shadow-lg"> |
| | <i class="fas fa-shopping-cart mr-2"></i> Comprar Agora |
| | </button> |
| | |
| | <div class="mt-8 flex items-center justify-center"> |
| | <img src="https://www.mercadopago.com/org-img/MP3/API/logos/237.png" alt="Mercado Pago" class="h-10 mr-6"> |
| | <img src="https://logodownload.org/wp-content/uploads/2014/10/paypal-logo-0.png" alt="PayPal" class="h-8"> |
| | </div> |
| | |
| | <p class="mt-8 text-blue-100">Pagamento seguro via Mercado Pago ou PayPal | 7 dias de garantia</p> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-16 bg-white"> |
| | <div class="container mx-auto px-4 max-w-4xl"> |
| | <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Perguntas Frequentes</h2> |
| | |
| | <div class="space-y-4"> |
| | |
| | <div class="border border-gray-200 rounded-lg overflow-hidden"> |
| | <button class="faq-toggle w-full text-left p-4 bg-gray-50 hover:bg-gray-100 font-medium flex justify-between items-center"> |
| | <span>Como recebo o ebook após a compra?</span> |
| | <i class="fas fa-chevron-down transition-transform duration-300"></i> |
| | </button> |
| | <div class="faq-content hidden p-4 bg-white"> |
| | <p class="text-gray-600">Imediatamente após a confirmação do pagamento, você receberá um e-mail com o link para download do ebook em formato PDF. Além disso, poderá acessá-lo através da área do cliente em nosso site.</p> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="border border-gray-200 rounded-lg overflow-hidden"> |
| | <button class="faq-toggle w-full text-left p-4 bg-gray-50 hover:bg-gray-100 font-medium flex justify-between items-center"> |
| | <span>Posso imprimir o ebook?</span> |
| | <i class="fas fa-chevron-down transition-transform duration-300"></i> |
| | </button> |
| | <div class="faq-content hidden p-4 bg-white"> |
| | <p class="text-gray-600">Sim! O ebook foi projetado para ser impresso caso você prefira ter uma versão física. Recomendamos impressão em qualidade colorida para melhor visualização das imagens das receitas.</p> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="border border-gray-200 rounded-lg overflow-hidden"> |
| | <button class="faq-toggle w-full text-left p-4 bg-gray-50 hover:bg-gray-100 font-medium flex justify-between items-center"> |
| | <span>As receitas são adequadas para vegetarianos?</span> |
| | <i class="fas fa-chevron-down transition-transform duration-300"></i> |
| | </button> |
| | <div class="faq-content hidden p-4 bg-white"> |
| | <p class="text-gray-600">Cerca de 60% das receitas são vegetarianas ou podem ser facilmente adaptadas substituindo a proteína animal por opções vegetais como tofu, tempeh ou leguminosas. Marcamos claramente todas as receitas vegetarianas no ebook.</p> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="border border-gray-200 rounded-lg overflow-hidden"> |
| | <button class="faq-toggle w-full text-left p-4 bg-gray-50 hover:bg-gray-100 font-medium flex justify-between items-center"> |
| | <span>E se eu não gostar do ebook?</span> |
| | <i class="fas fa-chevron-down transition-transform duration-300"></i> |
| | </button> |
| | <div class="faq-content hidden p-4 bg-white"> |
| | <p class="text-gray-600">Oferecemos garantia incondicional de 7 dias. Se por qualquer motivo você não ficar satisfeito(a), basta nos enviar um e-mail dentro desse período que devolvemos 100% do seu dinheiro, sem questionamentos.</p> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-16 bg-gray-800 text-white"> |
| | <div class="container mx-auto px-4 text-center"> |
| | <h2 class="text-3xl font-bold mb-6">Pronto para Transformar Sua Alimentação?</h2> |
| | <p class="text-xl mb-8 max-w-2xl mx-auto">Adquira agora mesmo o ebook "Receitas Fitness Rápidas" e comece hoje sua jornada para uma vida mais saudável!</p> |
| | |
| | <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4"> |
| | <button class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-3 px-8 rounded-full download-btn"> |
| | <i class="fas fa-download mr-2"></i> Baixar Amostra Grátis |
| | </button> |
| | <button class="bg-yellow-400 hover:bg-yellow-500 text-gray-800 font-bold py-3 px-8 rounded-full download-btn"> |
| | <i class="fas fa-shopping-cart mr-2"></i> Comprar Ebook Completo |
| | </button> |
| | </div> |
| | |
| | <div class="mt-8 flex items-center justify-center space-x-6"> |
| | <div class="flex items-center"> |
| | <i class="fas fa-lock text-green-400 text-2xl mr-2"></i> |
| | <span>Pagamento Seguro</span> |
| | </div> |
| | <div class="flex items-center"> |
| | <i class="fas fa-shield-alt text-green-400 text-2xl mr-2"></i> |
| | <span>Garantia de 7 Dias</span> |
| | </div> |
| | <div class="flex items-center"> |
| | <i class="fas fa-headset text-green-400 text-2xl mr-2"></i> |
| | <span>Suporte 24/7</span> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <footer class="bg-gray-900 text-gray-400 py-12"> |
| | <div class="container mx-auto px-4"> |
| | <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8"> |
| | <div> |
| | <div class="flex items-center mb-4"> |
| | <i class="fas fa-dumbbell text-blue-500 text-2xl mr-2"></i> |
| | <h3 class="text-xl font-bold text-white">FitFast</h3> |
| | </div> |
| | <p class="mb-4">Transformando vidas através da alimentação saudável e prática.</p> |
| | <div class="flex space-x-4"> |
| | <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a> |
| | <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a> |
| | <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-youtube"></i></a> |
| | <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-pinterest-p"></i></a> |
| | </div> |
| | </div> |
| | |
| | <div> |
| | <h4 class="text-lg font-semibold text-white mb-4">Links Rápidos</h4> |
| | <ul class="space-y-2"> |
| | <li><a href="#home" class="hover:text-white">Início</a></li> |
| | <li><a href="#recipes" class="hover:text-white">Receitas</a></li> |
| | <li><a href="#benefits" class="hover:text-white">Benefícios</a></li> |
| | <li><a href="#testimonials" class="hover:text-white">Depoimentos</a></li> |
| | <li><a href="#" class="hover:text-white">Comprar Ebook</a></li> |
| | </ul> |
| | </div> |
| | |
| | <div> |
| | <h4 class="text-lg font-semibold text-white mb-4">Suporte</h4> |
| | <ul class="space-y-2"> |
| | <li><a href="#" class="hover:text-white">Central de Ajuda</a></li> |
| | <li><a href="#" class="hover:text-white">Política de Reembolso</a></li> |
| | <li><a href="#" class="hover:text-white">Termos de Serviço</a></li> |
| | <li><a href="#" class="hover:text-white">Política de Privacidade</a></li> |
| | <li><a href="#" class="hover:text-white">Contato</a></li> |
| | </ul> |
| | </div> |
| | |
| | <div> |
| | <h4 class="text-lg font-semibold text-white mb-4">Contato</h4> |
| | <ul class="space-y-2"> |
| | <li class="flex items-start"> |
| | <i class="fas fa-envelope mt-1 mr-2"></i> |
| | <span>contato@fitfast.com.br</span> |
| | </li> |
| | <li class="flex items-start"> |
| | <i class="fas fa-phone-alt mt-1 mr-2"></i> |
| | <span>(11) 98765-4321</span> |
| | </li> |
| | <li class="flex items-start"> |
| | <i class="fas fa-map-marker-alt mt-1 mr-2"></i> |
| | <span>São Paulo - SP, Brasil</span> |
| | </li> |
| | <li class="flex items-start"> |
| | <i class="fas fa-pix mt-1 mr-2"></i> |
| | <span>PIX: 41985117894</span> |
| | </li> |
| | </ul> |
| | </div> |
| | </div> |
| | |
| | <div class="border-t border-gray-800 pt-8 text-center"> |
| | <p>© 2023 FitFast. Todos os direitos reservados.</p> |
| | </div> |
| | </div> |
| | </footer> |
| |
|
| | |
| | <div class="fixed bottom-6 right-6 z-50"> |
| | <a href="https://wa.me/5511987654321" class="bg-green-500 hover:bg-green-600 text-white w-14 h-14 rounded-full flex items-center justify-center shadow-lg transition-transform hover:scale-110"> |
| | <i class="fab fa-whatsapp text-2xl"></i> |
| | </a> |
| | </div> |
| |
|
| | <script> |
| | |
| | const menuBtn = document.getElementById('menuBtn'); |
| | const mobileMenu = document.getElementById('mobileMenu'); |
| | |
| | menuBtn.addEventListener('click', () => { |
| | mobileMenu.classList.toggle('hidden'); |
| | }); |
| | |
| | |
| | const faqToggles = document.querySelectorAll('.faq-toggle'); |
| | |
| | faqToggles.forEach(toggle => { |
| | toggle.addEventListener('click', () => { |
| | const content = toggle.nextElementSibling; |
| | const icon = toggle.querySelector('i'); |
| | |
| | content.classList.toggle('hidden'); |
| | icon.classList.toggle('transform'); |
| | icon.classList.toggle('rotate-180'); |
| | }); |
| | }); |
| | |
| | |
| | document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
| | anchor.addEventListener('click', function(e) { |
| | e.preventDefault(); |
| | |
| | const targetId = this.getAttribute('href'); |
| | const targetElement = document.querySelector(targetId); |
| | |
| | if (targetElement) { |
| | window.scrollTo({ |
| | top: targetElement.offsetTop - 80, |
| | behavior: 'smooth' |
| | }); |
| | |
| | |
| | if (!mobileMenu.classList.contains('hidden')) { |
| | mobileMenu.classList.add('hidden'); |
| | } |
| | } |
| | }); |
| | }); |
| | |
| | |
| | function animateOnScroll() { |
| | const elements = document.querySelectorAll('.recipe-card, .download-btn'); |
| | |
| | elements.forEach(element => { |
| | const elementPosition = element.getBoundingClientRect().top; |
| | const screenPosition = window.innerHeight / 1.2; |
| | |
| | if (elementPosition < screenPosition) { |
| | element.style.opacity = '1'; |
| | element.style.transform = 'translateY(0)'; |
| | } |
| | }); |
| | } |
| | |
| | |
| | document.querySelectorAll('.recipe-card, .download-btn').forEach(element => { |
| | element.style.opacity = '0'; |
| | element.style.transform = 'translateY(20px)'; |
| | element.style.transition = 'opacity 0.5s ease, transform 0.5s ease'; |
| | }); |
| | |
| | |
| | window.addEventListener('load', animateOnScroll); |
| | window.addEventListener('scroll', animateOnScroll); |
| | </script> |
| | <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=RealGui/chefgui" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| | </html> |
