| | <!DOCTYPE html> |
| | <html lang="pt-BR"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>NutriVida - Consultas com Nutricionistas</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-gradient { |
| | background: linear-gradient(135deg, #3a7bd5 0%, #00d2ff 100%); |
| | } |
| | .card-hover: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); |
| | } |
| | .nutrition-fact { |
| | transition: all 0.3s ease; |
| | } |
| | .nutrition-fact:hover { |
| | transform: scale(1.05); |
| | } |
| | .appointment-form { |
| | box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); |
| | } |
| | .testimonial-card { |
| | transition: all 0.3s ease; |
| | } |
| | .testimonial-card:hover { |
| | transform: translateY(-3px); |
| | } |
| | .floating-button { |
| | position: fixed; |
| | bottom: 2rem; |
| | right: 2rem; |
| | z-index: 50; |
| | box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3); |
| | } |
| | </style> |
| | </head> |
| | <body class="font-sans bg-gray-50"> |
| | |
| | <a href="https://wa.me/5511999999999" class="floating-button bg-green-500 text-white p-4 rounded-full hover:bg-green-600 transition duration-300"> |
| | <i class="fab fa-whatsapp text-2xl"></i> |
| | </a> |
| |
|
| | |
| | <nav class="bg-white shadow-md sticky top-0 z-40"> |
| | <div class="container mx-auto px-4 py-3 flex justify-between items-center"> |
| | <div class="flex items-center space-x-2"> |
| | <i class="fas fa-utensils text-blue-500 text-2xl"></i> |
| | <span class="text-xl font-bold text-blue-600">NutriVida</span> |
| | </div> |
| | <div class="hidden md:flex space-x-8"> |
| | <a href="#home" class="text-blue-600 font-medium hover:text-blue-800">Início</a> |
| | <a href="#services" class="text-gray-600 hover:text-blue-600">Serviços</a> |
| | <a href="#nutritionists" class="text-gray-600 hover:text-blue-600">Nutricionistas</a> |
| | <a href="#testimonials" class="text-gray-600 hover:text-blue-600">Depoimentos</a> |
| | <a href="#contact" class="text-gray-600 hover:text-blue-600">Contato</a> |
| | </div> |
| | <button class="md:hidden text-gray-600 focus:outline-none"> |
| | <i class="fas fa-bars text-2xl"></i> |
| | </button> |
| | </div> |
| | </nav> |
| |
|
| | |
| | <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-4">Sua jornada para uma vida mais saudável começa aqui</h1> |
| | <p class="text-xl mb-8">Agende sua consulta com nossos nutricionistas especializados e alcance seus objetivos de saúde e bem-estar.</p> |
| | <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> |
| | <a href="#appointment" class="bg-white text-blue-600 font-bold py-3 px-6 rounded-lg hover:bg-gray-100 transition duration-300 text-center">Agendar Consulta</a> |
| | <a href="#services" class="border-2 border-white text-white font-bold py-3 px-6 rounded-lg hover:bg-white hover:text-blue-600 transition duration-300 text-center">Nossos Serviços</a> |
| | </div> |
| | </div> |
| | <div class="md:w-1/2 flex justify-center"> |
| | <img src="https://images.unsplash.com/photo-1498837167922-d004355eea88?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Healthy food" class="rounded-lg shadow-xl w-full max-w-md"> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="services" class="py-16 bg-white"> |
| | <div class="container mx-auto px-4"> |
| | <h2 class="text-3xl font-bold text-center mb-4 text-gray-800">Nossos Serviços</h2> |
| | <p class="text-xl text-center text-gray-600 mb-12 max-w-3xl mx-auto">Oferecemos atendimento personalizado para atender todas as suas necessidades nutricionais.</p> |
| | |
| | <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| | |
| | <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300"> |
| | <div class="h-48 bg-blue-100 flex items-center justify-center"> |
| | <i class="fas fa-user-md text-blue-500 text-6xl"></i> |
| | </div> |
| | <div class="p-6"> |
| | <h3 class="text-xl font-bold mb-2 text-gray-800">Consulta Presencial</h3> |
| | <p class="text-gray-600 mb-4">Atendimento personalizado em nosso consultório, com avaliação completa e plano alimentar individualizado.</p> |
| | <a href="#appointment" class="text-blue-500 font-medium hover:text-blue-700">Saiba mais →</a> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300"> |
| | <div class="h-48 bg-green-100 flex items-center justify-center"> |
| | <i class="fas fa-laptop-medical text-green-500 text-6xl"></i> |
| | </div> |
| | <div class="p-6"> |
| | <h3 class="text-xl font-bold mb-2 text-gray-800">Consulta Online</h3> |
| | <p class="text-gray-600 mb-4">Atendimento por videochamada com a mesma qualidade da consulta presencial, no conforto da sua casa.</p> |
| | <a href="#appointment" class="text-blue-500 font-medium hover:text-blue-700">Saiba mais →</a> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300"> |
| | <div class="h-48 bg-purple-100 flex items-center justify-center"> |
| | <i class="fas fa-utensils text-purple-500 text-6xl"></i> |
| | </div> |
| | <div class="p-6"> |
| | <h3 class="text-xl font-bold mb-2 text-gray-800">Plano Alimentar</h3> |
| | <p class="text-gray-600 mb-4">Elaboração de cardápios personalizados de acordo com suas necessidades, preferências e objetivos.</p> |
| | <a href="#appointment" class="text-blue-500 font-medium hover:text-blue-700">Saiba mais →</a> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section 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">Benefícios da Nutrição Adequada</h2> |
| | |
| | <div class="grid grid-cols-2 md:grid-cols-4 gap-6"> |
| | <div class="nutrition-fact bg-white p-6 rounded-lg shadow-sm 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-heartbeat text-blue-500 text-2xl"></i> |
| | </div> |
| | <h3 class="font-bold mb-2">Saúde Cardiovascular</h3> |
| | <p class="text-sm text-gray-600">Redução do risco de doenças cardíacas</p> |
| | </div> |
| | |
| | <div class="nutrition-fact bg-white p-6 rounded-lg shadow-sm 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-brain text-green-500 text-2xl"></i> |
| | </div> |
| | <h3 class="font-bold mb-2">Melhor Cognição</h3> |
| | <p class="text-sm text-gray-600">Aumento da concentração e memória</p> |
| | </div> |
| | |
| | <div class="nutrition-fact bg-white p-6 rounded-lg shadow-sm text-center"> |
| | <div class="bg-yellow-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
| | <i class="fas fa-battery-full text-yellow-500 text-2xl"></i> |
| | </div> |
| | <h3 class="font-bold mb-2">Mais Energia</h3> |
| | <p class="text-sm text-gray-600">Disposição para atividades diárias</p> |
| | </div> |
| | |
| | <div class="nutrition-fact bg-white p-6 rounded-lg shadow-sm text-center"> |
| | <div class="bg-red-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
| | <i class="fas fa-weight text-red-500 text-2xl"></i> |
| | </div> |
| | <h3 class="font-bold mb-2">Controle de Peso</h3> |
| | <p class="text-sm text-gray-600">Alcançar e manter o peso ideal</p> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="nutritionists" class="py-16 bg-white"> |
| | <div class="container mx-auto px-4"> |
| | <h2 class="text-3xl font-bold text-center mb-4 text-gray-800">Nossos Nutricionistas</h2> |
| | <p class="text-xl text-center text-gray-600 mb-12 max-w-3xl mx-auto">Profissionais qualificados e experientes para te ajudar a alcançar seus objetivos.</p> |
| | |
| | <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| | |
| | <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300"> |
| | <div class="h-64 bg-cover bg-center" style="background-image: url('https://images.unsplash.com/photo-1559839734-2b71ea197ec2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80');"></div> |
| | <div class="p-6"> |
| | <h3 class="text-xl font-bold mb-1 text-gray-800">Dra. Ana Silva</h3> |
| | <p class="text-blue-600 mb-3">Nutricionista Clínica - CRN 12345</p> |
| | <p class="text-gray-600 mb-4">Especialista em emagrecimento saudável e nutrição esportiva. Mestre em Ciências da Nutrição.</p> |
| | <div class="flex space-x-2"> |
| | <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">Emagrecimento</span> |
| | <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">Esportiva</span> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300"> |
| | <div class="h-64 bg-cover bg-center" style="background-image: url('https://images.unsplash.com/photo-1594824476967-48c8b964273f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80');"></div> |
| | <div class="p-6"> |
| | <h3 class="text-xl font-bold mb-1 text-gray-800">Dr. Carlos Mendes</h3> |
| | <p class="text-blue-600 mb-3">Nutricionista Funcional - CRN 54321</p> |
| | <p class="text-gray-600 mb-4">Especialista em nutrição funcional e doenças crônicas. Doutor em Ciências da Saúde.</p> |
| | <div class="flex space-x-2"> |
| | <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded">Funcional</span> |
| | <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded">Saúde Intestinal</span> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300"> |
| | <div class="h-64 bg-cover bg-center" style="background-image: url('https://images.unsplash.com/photo-1622253692010-333f2da6031d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80');"></div> |
| | <div class="p-6"> |
| | <h3 class="text-xl font-bold mb-1 text-gray-800">Dra. Juliana Oliveira</h3> |
| | <p class="text-blue-600 mb-3">Nutricionista Materno-Infantil - CRN 67890</p> |
| | <p class="text-gray-600 mb-4">Especialista em nutrição para gestantes, crianças e adolescentes. Pós-graduada em Pediatria.</p> |
| | <div class="flex space-x-2"> |
| | <span class="bg-pink-100 text-pink-800 text-xs px-2 py-1 rounded">Gestantes</span> |
| | <span class="bg-indigo-100 text-indigo-800 text-xs px-2 py-1 rounded">Infantil</span> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="appointment" class="py-16 bg-gray-100"> |
| | <div class="container mx-auto px-4"> |
| | <div class="max-w-4xl mx-auto bg-white rounded-xl overflow-hidden shadow-lg appointment-form"> |
| | <div class="md:flex"> |
| | <div class="md:w-1/2 bg-blue-600 text-white p-8 flex flex-col justify-center"> |
| | <h2 class="text-3xl font-bold mb-4">Agende sua consulta</h2> |
| | <p class="mb-6">Preencha o formulário ao lado e nossa equipe entrará em contato para confirmar seu agendamento.</p> |
| | <div class="space-y-4"> |
| | <div class="flex items-center"> |
| | <i class="fas fa-phone-alt mr-3"></i> |
| | <span>(11) 9999-9999</span> |
| | </div> |
| | <div class="flex items-center"> |
| | <i class="fas fa-envelope mr-3"></i> |
| | <span>contato@nutrivida.com</span> |
| | </div> |
| | <div class="flex items-center"> |
| | <i class="fas fa-map-marker-alt mr-3"></i> |
| | <span>Av. Paulista, 1000 - São Paulo/SP</span> |
| | </div> |
| | </div> |
| | </div> |
| | <div class="md:w-1/2 p-8"> |
| | <form id="appointmentForm" class="space-y-4"> |
| | <div> |
| | <label for="name" class="block text-gray-700 mb-1">Nome Completo</label> |
| | <input type="text" id="name" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"> |
| | </div> |
| | <div> |
| | <label for="email" class="block text-gray-700 mb-1">E-mail</label> |
| | <input type="email" id="email" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"> |
| | </div> |
| | <div> |
| | <label for="phone" class="block text-gray-700 mb-1">Telefone</label> |
| | <input type="tel" id="phone" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"> |
| | </div> |
| | <div> |
| | <label for="service" class="block text-gray-700 mb-1">Tipo de Consulta</label> |
| | <select id="service" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"> |
| | <option value="">Selecione...</option> |
| | <option value="presencial">Consulta Presencial</option> |
| | <option value="online">Consulta Online</option> |
| | <option value="plano">Plano Alimentar</option> |
| | </select> |
| | </div> |
| | <div> |
| | <label for="date" class="block text-gray-700 mb-1">Data Preferencial</label> |
| | <input type="date" id="date" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"> |
| | </div> |
| | <button type="submit" class="w-full bg-blue-600 text-white py-3 px-4 rounded-lg hover:bg-blue-700 transition duration-300 font-medium">Agendar Consulta</button> |
| | </form> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="testimonials" class="py-16 bg-white"> |
| | <div class="container mx-auto px-4"> |
| | <h2 class="text-3xl font-bold text-center mb-4 text-gray-800">O que nossos pacientes dizem</h2> |
| | <p class="text-xl text-center text-gray-600 mb-12 max-w-3xl mx-auto">Depoimentos de quem já transformou sua vida com nossa ajuda.</p> |
| | |
| | <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| | |
| | <div class="testimonial-card bg-gray-50 p-6 rounded-lg shadow-sm"> |
| | <div class="flex items-center mb-4"> |
| | <div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mr-4"> |
| | <i class="fas fa-user text-blue-500"></i> |
| | </div> |
| | <div> |
| | <h4 class="font-bold">Mariana R.</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 italic">"Perdi 15kg em 6 meses com a ajuda da Dra. Ana. O plano alimentar foi fácil de seguir e me senti acompanhada em todo o processo. Recomendo muito!"</p> |
| | </div> |
| | |
| | |
| | <div class="testimonial-card bg-gray-50 p-6 rounded-lg shadow-sm"> |
| | <div class="flex items-center mb-4"> |
| | <div class="w-12 h-12 rounded-full bg-green-100 flex items-center justify-center mr-4"> |
| | <i class="fas fa-user text-green-500"></i> |
| | </div> |
| | <div> |
| | <h4 class="font-bold">Roberto S.</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 italic">"Como atleta, o Dr. Carlos me ajudou a melhorar meu desempenho com uma nutrição adequada. Minha recuperação pós-treino melhorou significativamente."</p> |
| | </div> |
| | |
| | |
| | <div class="testimonial-card bg-gray-50 p-6 rounded-lg shadow-sm"> |
| | <div class="flex items-center mb-4"> |
| | <div class="w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center mr-4"> |
| | <i class="fas fa-user text-purple-500"></i> |
| | </div> |
| | <div> |
| | <h4 class="font-bold">Patrícia L.</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 italic">"A Dra. Juliana foi essencial na minha gravidez, me orientando sobre a alimentação ideal para mim e para o bebê. Meu filho nasceu saudável e eu me senti ótima!"</p> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-16 bg-gray-100"> |
| | <div class="container mx-auto px-4 max-w-3xl"> |
| | <h2 class="text-3xl font-bold text-center mb-4 text-gray-800">Perguntas Frequentes</h2> |
| | <p class="text-xl text-center text-gray-600 mb-12">Tire suas dúvidas sobre nossos serviços e atendimento.</p> |
| | |
| | <div class="space-y-4"> |
| | |
| | <div class="bg-white rounded-lg shadow-sm overflow-hidden"> |
| | <button class="faq-question w-full text-left p-4 font-medium flex justify-between items-center focus:outline-none"> |
| | <span>Como funciona a primeira consulta?</span> |
| | <i class="fas fa-chevron-down transition-transform duration-300"></i> |
| | </button> |
| | <div class="faq-answer px-4 pb-4 hidden"> |
| | <p class="text-gray-600">Na primeira consulta realizamos uma avaliação completa, incluindo histórico de saúde, hábitos alimentares, exames bioquímicos (se disponíveis), avaliação antropométrica e definição de objetivos. Com base nesses dados, elaboramos um plano alimentar personalizado.</p> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="bg-white rounded-lg shadow-sm overflow-hidden"> |
| | <button class="faq-question w-full text-left p-4 font-medium flex justify-between items-center focus:outline-none"> |
| | <span>Qual a diferença entre consulta presencial e online?</span> |
| | <i class="fas fa-chevron-down transition-transform duration-300"></i> |
| | </button> |
| | <div class="faq-answer px-4 pb-4 hidden"> |
| | <p class="text-gray-600">A consulta presencial permite avaliações físicas mais detalhadas, como medidas de dobras cutâneas. Já a consulta online oferece toda a comodidade de ser atendido em casa, com a mesma qualidade. Para a online, você precisará ter uma balança e fita métrica em casa para algumas medidas básicas.</p> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="bg-white rounded-lg shadow-sm overflow-hidden"> |
| | <button class="faq-question w-full text-left p-4 font-medium flex justify-between items-center focus:outline-none"> |
| | <span>Quanto tempo dura o tratamento nutricional?</span> |
| | <i class="fas fa-chevron-down transition-transform duration-300"></i> |
| | </button> |
| | <div class="faq-answer px-4 pb-4 hidden"> |
| | <p class="text-gray-600">O tempo varia conforme o objetivo e a resposta individual. Em média, recomendamos consultas mensais nos primeiros 3-6 meses, depois espaçamos para cada 2-3 meses conforme a evolução. Nosso objetivo é que você adquira autonomia na sua alimentação.</p> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="bg-white rounded-lg shadow-sm overflow-hidden"> |
| | <button class="faq-question w-full text-left p-4 font-medium flex justify-between items-center focus:outline-none"> |
| | <span>Vocês atendem por convênio médico?</span> |
| | <i class="fas fa-chevron-down transition-transform duration-300"></i> |
| | </button> |
| | <div class="faq-answer px-4 pb-4 hidden"> |
| | <p class="text-gray-600">Atualmente não trabalhamos diretamente com convênios, mas emitimos recibos que podem ser utilizados para solicitar reembolso junto ao seu plano de saúde, conforme a política de cada operadora.</p> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="contact" class="py-16 bg-white"> |
| | <div class="container mx-auto px-4"> |
| | <div class="max-w-6xl mx-auto"> |
| | <h2 class="text-3xl font-bold text-center mb-4 text-gray-800">Entre em Contato</h2> |
| | <p class="text-xl text-center text-gray-600 mb-12 max-w-3xl mx-auto">Estamos à disposição para tirar suas dúvidas e agendar seu atendimento.</p> |
| | |
| | <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| | |
| | <div class="bg-blue-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-phone-alt text-blue-600 text-2xl"></i> |
| | </div> |
| | <h3 class="font-bold mb-2 text-gray-800">Telefone</h3> |
| | <p class="text-gray-600 mb-2">(11) 9999-9999</p> |
| | <p class="text-sm text-gray-500">Segunda a Sexta, das 8h às 18h</p> |
| | </div> |
| | |
| | |
| | <div class="bg-green-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-envelope text-green-600 text-2xl"></i> |
| | </div> |
| | <h3 class="font-bold mb-2 text-gray-800">E-mail</h3> |
| | <p class="text-gray-600 mb-2">contato@nutrivida.com</p> |
| | <p class="text-sm text-gray-500">Respondemos em até 24h</p> |
| | </div> |
| | |
| | |
| | <div class="bg-purple-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-map-marker-alt text-purple-600 text-2xl"></i> |
| | </div> |
| | <h3 class="font-bold mb-2 text-gray-800">Endereço</h3> |
| | <p class="text-gray-600 mb-2">Av. Paulista, 1000</p> |
| | <p class="text-sm text-gray-500">São Paulo - SP, 01310-100</p> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <footer class="bg-gray-800 text-white py-12"> |
| | <div class="container mx-auto px-4"> |
| | <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> |
| | <div> |
| | <div class="flex items-center space-x-2 mb-4"> |
| | <i class="fas fa-utensils text-blue-400 text-2xl"></i> |
| | <span class="text-xl font-bold">NutriVida</span> |
| | </div> |
| | <p class="text-gray-400">Sua saúde em primeiro lugar. Consultas nutricionais personalizadas para uma vida mais saudável.</p> |
| | </div> |
| | |
| | <div> |
| | <h3 class="font-bold text-lg mb-4">Links Rápidos</h3> |
| | <ul class="space-y-2"> |
| | <li><a href="#home" class="text-gray-400 hover:text-white">Início</a></li> |
| | <li><a href="#services" class="text-gray-400 hover:text-white">Serviços</a></li> |
| | <li><a href="#nutritionists" class="text-gray-400 hover:text-white">Nutricionistas</a></li> |
| | <li><a href="#testimonials" class="text-gray-400 hover:text-white">Depoimentos</a></li> |
| | <li><a href="#contact" class="text-gray-400 hover:text-white">Contato</a></li> |
| | </ul> |
| | </div> |
| | |
| | <div> |
| | <h3 class="font-bold text-lg mb-4">Serviços</h3> |
| | <ul class="space-y-2"> |
| | <li><a href="#" class="text-gray-400 hover:text-white">Consulta Presencial</a></li> |
| | <li><a href="#" class="text-gray-400 hover:text-white">Consulta Online</a></li> |
| | <li><a href="#" class="text-gray-400 hover:text-white">Plano Alimentar</a></li> |
| | <li><a href="#" class="text-gray-400 hover:text-white">Nutrição Esportiva</a></li> |
| | <li><a href="#" class="text-gray-400 hover:text-white">Nutrição Materno-Infantil</a></li> |
| | </ul> |
| | </div> |
| | |
| | <div> |
| | <h3 class="font-bold text-lg mb-4">Redes Sociais</h3> |
| | <div class="flex space-x-4 mb-4"> |
| | <a href="#" class="bg-blue-600 w-10 h-10 rounded-full flex items-center justify-center hover:bg-blue-700"> |
| | <i class="fab fa-facebook-f"></i> |
| | </a> |
| | <a href="#" class="bg-pink-600 w-10 h-10 rounded-full flex items-center justify-center hover:bg-pink-700"> |
| | <i class="fab fa-instagram"></i> |
| | </a> |
| | <a href="#" class="bg-blue-400 w-10 h-10 rounded-full flex items-center justify-center hover:bg-blue-500"> |
| | <i class="fab fa-twitter"></i> |
| | </a> |
| | <a href="#" class="bg-green-500 w-10 h-10 rounded-full flex items-center justify-center hover:bg-green-600"> |
| | <i class="fab fa-whatsapp"></i> |
| | </a> |
| | </div> |
| | <p class="text-gray-400">Assine nossa newsletter:</p> |
| | <div class="flex mt-2"> |
| | <input type="email" placeholder="Seu e-mail" class="px-3 py-2 bg-gray-700 text-white rounded-l focus:outline-none w-full"> |
| | <button class="bg-blue-600 text-white px-4 rounded-r hover:bg-blue-700"> |
| | <i class="fas fa-paper-plane"></i> |
| | </button> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400"> |
| | <p>© 2023 NutriVida - Todos os direitos reservados</p> |
| | </div> |
| | </div> |
| | </footer> |
| |
|
| | <script> |
| | |
| | document.querySelectorAll('.faq-question').forEach(button => { |
| | button.addEventListener('click', () => { |
| | const answer = button.nextElementSibling; |
| | const icon = button.querySelector('i'); |
| | |
| | |
| | answer.classList.toggle('hidden'); |
| | |
| | |
| | icon.classList.toggle('rotate-180'); |
| | }); |
| | }); |
| | |
| | |
| | document.getElementById('appointmentForm').addEventListener('submit', function(e) { |
| | e.preventDefault(); |
| | |
| | |
| | const name = document.getElementById('name').value; |
| | const email = document.getElementById('email').value; |
| | const phone = document.getElementById('phone').value; |
| | const service = document.getElementById('service').value; |
| | const date = document.getElementById('date').value; |
| | |
| | |
| | if (!name || !email || !phone || !service || !date) { |
| | alert('Por favor, preencha todos os campos do formulário.'); |
| | return; |
| | } |
| | |
| | |
| | alert(`Obrigado, ${name}! Sua solicitação de consulta foi enviada. Entraremos em contato em breve para confirmar.`); |
| | |
| | |
| | this.reset(); |
| | }); |
| | |
| | |
| | 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' |
| | }); |
| | } |
| | }); |
| | }); |
| | |
| | |
| | document.querySelector('.md\\:hidden').addEventListener('click', function() { |
| | alert('Menu mobile seria implementado aqui em uma versão completa.'); |
| | }); |
| | </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=mateusbmo/nutrivida" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| | </html> |
