Download index.html from MatheusMathiasFernandes/prototipo-2: direct link, hf CLI and curl.
- Browser
- Download file 50 kB
-
https://huggingface.co/spaces/MatheusMathiasFernandes/prototipo-2/resolve/main/index.html
- Command line
-
hf download hf://spaces/MatheusMathiasFernandes/prototipo-2/index.html
-
curl -L -o index.html https://huggingface.co/spaces/MatheusMathiasFernandes/prototipo-2/resolve/main/index.html
50 kB
| <html lang="pt-BR"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Nutrindo Autocuidado - Nutrição Personalizada</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"> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap" rel="stylesheet"> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| fontFamily: { | |
| sans: ['Open Sans', 'sans-serif'], | |
| serif: ['Playfair Display', 'serif'], | |
| }, | |
| extend: { | |
| colors: { | |
| primary: '#2E765E', | |
| primaryDark: '#235746', | |
| secondary: '#E29AA0', | |
| light: '#F8F8F8', | |
| dark: '#222222', | |
| gray: { | |
| light: '#F5F5F5', | |
| medium: '#E5E5E5', | |
| dark: '#666666', | |
| } | |
| }, | |
| boxShadow: { | |
| 'xl': '0 5px 30px rgba(0, 0, 0, 0.08)', | |
| '2xl': '0 10px 40px rgba(0, 0, 0, 0.12)', | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| <style> | |
| .smooth-scroll { | |
| scroll-behavior: smooth; | |
| } | |
| .hero-gradient { | |
| background: linear-gradient(120deg, rgba(35, 87, 70, 0.95) 0%, rgba(46, 118, 94, 0.95) 100%), url('https://images.unsplash.com/photo-1490645935967-10de6ba17061?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1600&q=80'); | |
| background-size: cover; | |
| background-position: center; | |
| background-repeat: no-repeat; | |
| } | |
| .nav-shadow { | |
| box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); | |
| } | |
| .btn-primary { | |
| transition: all 0.3s ease; | |
| } | |
| .btn-primary:hover { | |
| transform: translateY(-2px); | |
| box-shadow: 0 5px 15px rgba(46, 118, 94, 0.3); | |
| } | |
| .btn-white { | |
| transition: all 0.3s ease; | |
| } | |
| .btn-white:hover { | |
| transform: translateY(-2px); | |
| box-shadow: 0 5px 15px rgba(255, 255, 255, 0.3); | |
| } | |
| .section-title:after { | |
| content: ''; | |
| display: block; | |
| width: 80px; | |
| height: 3px; | |
| background: #E29AA0; | |
| margin: 15px auto 0; | |
| } | |
| .feature-card { | |
| transition: all 0.3s ease; | |
| } | |
| .feature-card:hover { | |
| transform: translateY(-10px); | |
| box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); | |
| } | |
| .testimonial-card { | |
| transition: all 0.3s ease; | |
| } | |
| .testimonial-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); | |
| } | |
| .floating-whatsapp { | |
| 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="smooth-scroll font-sans bg-light text-dark"> | |
| <!-- Navigation --> | |
| <nav class="bg-white nav-shadow fixed w-full top-0 z-50"> | |
| <div class="container mx-auto px-6 py-4"> | |
| <div class="flex justify-between items-center"> | |
| <div class="flex items-center space-x-4"> | |
| <img src="https://i.postimg.cc/3Ny2wckw/logo-nutrindo-removebg-preview.png" alt="Nutrindo Autocuidado Logo" class="h-16"> | |
| <span class="hidden md:block text-xl font-bold text-primary font-serif">Nutrindo Autocuidado</span> | |
| </div> | |
| <div class="hidden lg:flex items-center space-x-8"> | |
| <a href="#home" class="text-primary font-medium hover:text-primaryDark transition">Início</a> | |
| <a href="#about" class="text-dark font-medium hover:text-primary transition">Sobre</a> | |
| <a href="#program" class="text-dark font-medium hover:text-primary transition">Programas</a> | |
| <a href="#methodology" class="text-dark font-medium hover:text-primary transition">Metodologia</a> | |
| <a href="#team" class="text-dark font-medium hover:text-primary transition">Equipe</a> | |
| <a href="#results" class="text-dark font-medium hover:text-primary transition">Resultados</a> | |
| <a href="https://api.whatsapp.com/message/E6BJJSGPH5GWJ1?autoload=1&app_absent=0" class="btn-primary bg-primary hover:bg-primaryDark text-white font-semibold py-2 px-6 rounded-full">Agendar Consulta</a> | |
| </div> | |
| <div class="lg:hidden"> | |
| <button id="mobile-menu-button" class="text-primary focus:outline-none"> | |
| <i class="fas fa-bars text-2xl"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Mobile Menu --> | |
| <div id="mobile-menu" class="hidden lg:hidden bg-white px-6 py-4"> | |
| <div class="flex flex-col space-y-4"> | |
| <a href="#home" class="text-primary font-medium py-2 border-b border-gray-100">Início</a> | |
| <a href="#about" class="text-dark font-medium py-2 border-b border-gray-100">Sobre</a> | |
| <a href="#program" class="text-dark font-medium py-2 border-b border-gray-100">Programas</a> | |
| <a href="#methodology" class="text-dark font-medium py-2 border-b border-gray-100">Metodologia</a> | |
| <a href="#team" class="text-dark font-medium py-2 border-b border-gray-100">Equipe</a> | |
| <a href="#results" class="text-dark font-medium py-2 border-b border-gray-100">Resultados</a> | |
| <a href="https://api.whatsapp.com/message/E6BJJSGPH5GWJ1?autoload=1&app_absent=0" class="btn-primary bg-primary hover:bg-primaryDark text-white font-semibold py-3 px-6 rounded-full text-center mt-2">Agendar Consulta</a> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section id="home" class="hero-gradient text-white pt-32 pb-24 md:pt-40 md:pb-32"> | |
| <div class="container mx-auto px-6"> | |
| <div class="flex flex-col lg:flex-row items-center"> | |
| <div class="lg:w-1/2 mb-12 lg:mb-0 lg:pr-12"> | |
| <h1 class="text-4xl md:text-5xl lg:text-6xl font-serif font-bold mb-6 leading-tight">Nutrição Especializada com Abordagem Integral</h1> | |
| <p class="text-xl md:text-2xl mb-8">Programas personalizados para controle de peso, diabetes e qualidade de vida</p> | |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> | |
| <a href="https://api.whatsapp.com/message/E6BJJSGPH5GWJ1?autoload=1&app_absent=0" class="btn-white bg-white hover:bg-gray-100 text-primary font-semibold py-3 px-8 rounded-full text-center"> | |
| Agende Sua Consulta <i class="fas fa-calendar-check ml-2"></i> | |
| </a> | |
| <a href="#program" class="bg-transparent hover:bg-white hover:bg-opacity-10 text-white border-2 border-white font-semibold py-3 px-8 rounded-full text-center transition"> | |
| Conheça Nossos Programas <i class="fas fa-chevron-right ml-2"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="lg:w-1/2 flex justify-center"> | |
| <div class="relative"> | |
| <img src="https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Nutricionista atendendo paciente" class="rounded-lg shadow-2xl w-full max-w-md transform rotate-1"> | |
| <div class="absolute -bottom-6 -right-6 bg-secondary text-white p-4 rounded-lg shadow-xl w-3/4"> | |
| <p class="font-bold">+800 pacientes transformados</p> | |
| <p class="text-sm mt-1">com nossa metodologia exclusiva</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Client Logos --> | |
| <section class="py-8 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="flex flex-wrap justify-center items-center gap-8 md:gap-12 lg:gap-16 xl:gap-24"> | |
| <img src="https://via.placeholder.com/120x60?text=Cliente+1" alt="Cliente 1" class="h-10 md:h-12 opacity-70 hover:opacity-100 transition"> | |
| <img src="https://via.placeholder.com/120x60?text=Cliente+2" alt="Cliente 2" class="h-10 md:h-12 opacity-70 hover:opacity-100 transition"> | |
| <img src="https://via.placeholder.com/120x60?text=Cliente+3" alt="Cliente 3" class="h-10 md:h-12 opacity-70 hover:opacity-100 transition"> | |
| <img src="https://via.placeholder.com/120x60?text=Cliente+4" alt="Cliente 4" class="h-10 md:h-12 opacity-70 hover:opacity-100 transition"> | |
| <img src="https://via.placeholder.com/120x60?text=Cliente+5" alt="Cliente 5" class="h-10 md:h-12 opacity-70 hover:opacity-100 transition"> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- About Section --> | |
| <section id="about" class="py-20 bg-light"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-serif font-bold text-primary mb-4">Excelência em Nutrição Clínica</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Transformando vidas através de uma abordagem científica e humanizada</p> | |
| <div class="section-title"></div> | |
| </div> | |
| <div class="flex flex-col lg:flex-row items-center"> | |
| <div class="lg:w-1/2 mb-12 lg:mb-0 lg:pr-12"> | |
| <img src="https://images.unsplash.com/photo-1546069901-ba9599a7e63c?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"> | |
| </div> | |
| <div class="lg:w-1/2"> | |
| <h3 class="text-2xl font-serif font-bold text-primary mb-6">Sobre a Nutrindo Autocuidado</h3> | |
| <p class="text-lg mb-6">Fundada em 2023, a Nutrindo Autocuidado se consolidou como referência em nutrição clínica e comportamental, oferecendo soluções personalizadas para diversos perfis de pacientes.</p> | |
| <p class="text-lg mb-8">Nossa equipe de nutricionistas especializados combina conhecimento científico com abordagem humanizada, desenvolvendo estratégias efetivas para controle de peso, diabetes e outras condições de saúde.</p> | |
| <div class="grid md:grid-cols-2 gap-6"> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <div class="flex items-center mb-3"> | |
| <div class="bg-primary bg-opacity-10 p-2 rounded-full mr-4"> | |
| <i class="fas fa-flask text-primary text-xl"></i> | |
| </div> | |
| <h4 class="font-bold text-lg">Base Científica</h4> | |
| </div> | |
| <p class="text-gray-600">Protocolos baseados em evidências científicas atualizadas</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <div class="flex items-center mb-3"> | |
| <div class="bg-primary bg-opacity-10 p-2 rounded-full mr-4"> | |
| <i class="fas fa-user-shield text-primary text-xl"></i> | |
| </div> | |
| <h4 class="font-bold text-lg">Abordagem Individual</h4> | |
| </div> | |
| <p class="text-gray-600">Planejamento 100% personalizado para cada paciente</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <div class="flex items-center mb-3"> | |
| <div class="bg-primary bg-opacity-10 p-2 rounded-full mr-4"> | |
| <i class="fas fa-heartbeat text-primary text-xl"></i> | |
| </div> | |
| <h4 class="font-bold text-lg">Resultados Duradouros</h4> | |
| </div> | |
| <p class="text-gray-600">Foco em mudanças sustentáveis de estilo de vida</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <div class="flex items-center mb-3"> | |
| <div class="bg-primary bg-opacity-10 p-2 rounded-full mr-4"> | |
| <i class="fas fa-chart-line text-primary text-xl"></i> | |
| </div> | |
| <h4 class="font-bold text-lg">Monitoramento Contínuo</h4> | |
| </div> | |
| <p class="text-gray-600">Acompanhamento preciso da evolução do paciente</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Programs Section --> | |
| <section id="program" class="py-20 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-serif font-bold text-primary mb-4">Nossos Programas Especializados</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Soluções personalizadas para diferentes necessidades de saúde</p> | |
| <div class="section-title"></div> | |
| </div> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <div class="feature-card bg-white rounded-lg overflow-hidden shadow-lg border border-gray-100"> | |
| <div class="h-48 overflow-hidden"> | |
| <img src="https://images.unsplash.com/photo-1512621776951-a57141f2eefd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Controle de Peso" class="w-full h-full object-cover"> | |
| </div> | |
| <div class="p-6"> | |
| <div class="bg-primary text-white px-3 py-1 rounded-full text-xs font-semibold inline-block mb-3">12-16 semanas</div> | |
| <h3 class="text-2xl font-serif font-bold text-dark mb-3">Controle de Peso</h3> | |
| <p class="text-gray-600 mb-4">Programa completo para perda ou ganho de peso saudável, com acompanhamento individualizado.</p> | |
| <ul class="space-y-2 mb-6"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Avaliação corporal completa</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Plano alimentar personalizado</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Acompanhamento semanal</span> | |
| </li> | |
| </ul> | |
| <a href="https://api.whatsapp.com/message/E6BJJSGPH5GWJ1?autoload=1&app_absent=0" class="btn-primary bg-primary hover:bg-primaryDark text-white font-semibold py-2 px-6 rounded-full w-full text-center block"> | |
| Saiba Mais <i class="fas fa-chevron-right ml-1"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="feature-card bg-white rounded-lg overflow-hidden shadow-lg border border-gray-100"> | |
| <div class="h-48 overflow-hidden"> | |
| <img src="https://images.unsplash.com/photo-1532938911079-1b06ac7ceec7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Controle de Diabetes" class="w-full h-full object-cover"> | |
| </div> | |
| <div class="p-6"> | |
| <div class="bg-primary text-white px-3 py-1 rounded-full text-xs font-semibold inline-block mb-3">16-24 semanas</div> | |
| <h3 class="text-2xl font-serif font-bold text-dark mb-3">Controle de Diabetes</h3> | |
| <p class="text-gray-600 mb-4">Programa especializado para controle glicêmico e melhoria da qualidade de vida.</p> | |
| <ul class="space-y-2 mb-6"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Avaliação clínica detalhada</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Plano alimentar para controle glicêmico</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Monitoramento dos parâmetros metabólicos</span> | |
| </li> | |
| </ul> | |
| <a href="https://api.whatsapp.com/message/E6BJJSGPH5GWJ1?autoload=1&app_absent=0" class="btn-primary bg-primary hover:bg-primaryDark text-white font-semibold py-2 px-6 rounded-full w-full text-center block"> | |
| Saiba Mais <i class="fas fa-chevron-right ml-1"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="feature-card bg-white rounded-lg overflow-hidden shadow-lg border border-gray-100"> | |
| <div class="h-48 overflow-hidden"> | |
| <img src="https://images.unsplash.com/photo-1505740420928-5e560c06d30e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Saúde da Mulher" class="w-full h-full object-cover"> | |
| </div> | |
| <div class="p-6"> | |
| <div class="bg-primary text-white px-3 py-1 rounded-full text-xs font-semibold inline-block mb-3">12-20 semanas</div> | |
| <h3 class="text-2xl font-serif font-bold text-dark mb-3">Saúde da Mulher</h3> | |
| <p class="text-gray-600 mb-4">Acompanhamento nutricional especializado para as diferentes fases da vida feminina.</p> | |
| <ul class="space-y-2 mb-6"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Nutrição para hormônios e fertilidade</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Acompanhamento na gestação e lactação</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Nutrição para menopausa e longevidade</span> | |
| </li> | |
| </ul> | |
| <a href="https://api.whatsapp.com/message/E6BJJSGPH5GWJ1?autoload=1&app_absent=0" class="btn-primary bg-primary hover:bg-primaryDark text-white font-semibold py-2 px-6 rounded-full w-full text-center block"> | |
| Saiba Mais <i class="fas fa-chevron-right ml-1"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="text-center mt-12"> | |
| <a href="https://api.whatsapp.com/message/E6BJJSGPH5GWJ1?autoload=1&app_absent=0" class="inline-flex items-center text-primary hover:text-primaryDark font-semibold text-lg"> | |
| Fale com nossos especialistas <i class="fas fa-chevron-right ml-2"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Methodology Section --> | |
| <section id="methodology" class="py-20 bg-light"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-serif font-bold text-primary mb-4">Nossa Metodologia Científica</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Abordagem integrada que considera todos os aspectos da saúde</p> | |
| <div class="section-title"></div> | |
| </div> | |
| <div class="flex flex-col lg:flex-row items-center"> | |
| <div class="lg:w-1/2 mb-12 lg:mb-0 lg:pr-12"> | |
| <div class="grid grid-cols-2 gap-6"> | |
| <div class="bg-white p-6 rounded-lg shadow-lg"> | |
| <div class="bg-primary bg-opacity-10 p-3 rounded-full inline-block mb-4"> | |
| <i class="fas fa-clipboard-list text-primary text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-primary mb-3">Avaliação Completa</h3> | |
| <p class="text-gray-600">Anamnese detalhada, avaliação física e análise de exames laboratoriais.</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-lg"> | |
| <div class="bg-primary bg-opacity-10 p-3 rounded-full inline-block mb-4"> | |
| <i class="fas fa-utensils text-primary text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-primary mb-3">Planejamento Individual</h3> | |
| <p class="text-gray-600">Desenvolvimento de plano alimentar exclusivo para seu perfil e objetivos.</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-lg"> | |
| <div class="bg-primary bg-opacity-10 p-3 rounded-full inline-block mb-4"> | |
| <i class="fas fa-chart-pie text-primary text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-primary mb-3">Monitoramento Contínuo</h3> | |
| <p class="text-gray-600">Acompanhamento constante com ajustes periódicos do plano nutricional.</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-lg"> | |
| <div class="bg-primary bg-opacity-10 p-3 rounded-full inline-block mb-4"> | |
| <i class="fas fa-brain text-primary text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-primary mb-3">Abordagem Comportamental</h3> | |
| <p class="text-gray-600">Técnicas para mudança de hábitos e relação saudável com a alimentação.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="lg:w-1/2"> | |
| <h3 class="text-2xl font-serif font-bold text-primary mb-6">Processo de Acompanhamento</h3> | |
| <p class="text-lg mb-6">Na Nutrindo Autocuidado, desenvolvemos uma metodologia única baseada em três pilares fundamentais: atendimento individualizado, abordagem científica e suporte contínuo.</p> | |
| <div class="mb-8"> | |
| <h4 class="font-bold text-lg text-primary mb-2">Fase 1: Avaliação Inicial</h4> | |
| <div class="bg-white p-4 rounded-lg shadow-md mb-4"> | |
| <p class="text-gray-600">Primeira consulta detalhada com análise de histórico médico, hábitos alimentares e objetivos.</p> | |
| </div> | |
| </div> | |
| <div class="mb-8"> | |
| <h4 class="font-bold text-lg text-primary mb-2">Fase 2: Implementação</h4> | |
| <div class="grid md:grid-cols-2 gap-4 mb-2"> | |
| <div class="bg-white p-4 rounded-lg shadow-md"> | |
| <p class="text-gray-600">Plano alimentar personalizado entregue em 48h</p> | |
| </div> | |
| <div class="bg-white p-4 rounded-lg shadow-md"> | |
| <p class="text-gray-600">Orientação sobre suplementação (quando necessário)</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mb-8"> | |
| <h4 class="font-bold text-lg text-primary mb-2">Fase 3: Acompanhamento</h4> | |
| <div class="grid md:grid-cols-2 gap-4 mb-2"> | |
| <div class="bg-white p-4 rounded-lg shadow-md"> | |
| <p class="text-gray-600">Consultas semanais/mensais programadas</p> | |
| </div> | |
| <div class="bg-white p-4 rounded-lg shadow-md"> | |
| <p class="text-gray-600">Suporte via WhatsApp entre consultas</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Team Section --> | |
| <section id="team" class="py-20 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-serif font-bold text-primary mb-4">Nossa Equipe de Especialistas</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Nutricionistas capacitadas e comprometidas com sua saúde</p> | |
| <div class="section-title"></div> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-12 max-w-5xl mx-auto"> | |
| <div class="flex flex-col sm:flex-row items-center sm:items-start bg-light p-8 rounded-lg shadow-lg"> | |
| <div class="flex-shrink-0 mb-6 sm:mb-0 sm:mr-6"> | |
| <img src="https://images.unsplash.com/photo-1594824476967-48c8b964273f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=400&q=80" alt="Dr. Alitéia Nishikawa" class="w-32 h-32 rounded-full object-cover border-4 border-white shadow-md"> | |
| </div> | |
| <div> | |
| <h3 class="text-2xl font-serif font-bold text-primary mb-1">Dra. Alitéia Nishikawa</h3> | |
| <p class="text-secondary font-semibold mb-3">Nutricionista Clínica e Comportamental</p> | |
| <p class="text-gray-600 mb-4">CRN-X 12345. Especialista em Nutrição Funcional e Saúde da Mulher com pós-graduação em Nutrição Comportamental.</p> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-primary hover:text-primaryDark"><i class="fab fa-instagram text-xl"></i></a> | |
| <a href="#" class="text-primary hover:text-primaryDark"><i class="fab fa-linkedin text-xl"></i></a> | |
| <a href="https://api.whatsapp.com/message/E6BJJSGPH5GWJ1?autoload=1&app_absent=0" class="text-primary hover:text-primaryDark"><i class="fab fa-whatsapp text-xl"></i></a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="flex flex-col sm:flex-row items-center sm:items-start bg-light p-8 rounded-lg shadow-lg"> | |
| <div class="flex-shrink-0 mb-6 sm:mb-0 sm:mr-6"> | |
| <img src="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=400&q=80" alt="Dra. Kátia Nishikawa" class="w-32 h-32 rounded-full object-cover border-4 border-white shadow-md"> | |
| </div> | |
| <div> | |
| <h3 class="text-2xl font-serif font-bold text-primary mb-1">Dra. Kátia Nishikawa</h3> | |
| <p class="text-secondary font-semibold mb-3">Nutricionista Esportiva e Funcional</p> | |
| <p class="text-gray-600 mb-4">CRN-X 54321. Especialista em Nutrição Esportiva e Controle de Doenças Crônicas com mestrado em Ciências da Nutrição.</p> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-primary hover:text-primaryDark"><i class="fab fa-instagram text-xl"></i></a> | |
| <a href="#" class="text-primary hover:text-primaryDark"><i class="fab fa-linkedin text-xl"></i></a> | |
| <a href="https://api.whatsapp.com/message/E6BJJSGPH5GWJ1?autoload=1&app_absent=0" class="text-primary hover:text-primaryDark"><i class="fab fa-whatsapp text-xl"></i></a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="max-w-3xl mx-auto mt-16 bg-primary bg-opacity-10 p-8 rounded-lg border-l-4 border-primary"> | |
| <h3 class="text-xl font-serif font-bold text-primary mb-4">Nossa Missão</h3> | |
| <blockquote class="text-lg italic text-gray-700 mb-4"> | |
| "Nosso compromisso é oferecer atendimento nutricional humanizado e baseado em evidências científicas, ajudando nossos pacientes a alcançarem saúde plena através da alimentação." | |
| </blockquote> | |
| <p class="text-gray-600">Com mais de 10 anos de experiência combinada, nossa equipe já ajudou centenas de pacientes a transformarem suas vidas através da nutrição consciente. Atuamos como professores em universidades, palestrantes em congressos e consultoras para empresas, sempre promovendo saúde e qualidade de vida.</p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Results Section --> | |
| <section id="results" class="py-20 bg-primary text-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-serif font-bold mb-4">Resultados Comprovados</h2> | |
| <p class="text-xl max-w-3xl mx-auto">Os números que mostram nossa dedicação e expertise</p> | |
| <div class="w-24 h-1 bg-secondary mx-auto mt-4"></div> | |
| </div> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8 mb-16"> | |
| <div class="text-center bg-white bg-opacity-10 p-8 rounded-lg"> | |
| <span class="text-5xl font-bold block mb-2">97%</span> | |
| <p class="text-secondary font-semibold">Satisfação dos Pacientes</p> | |
| </div> | |
| <div class="text-center bg-white bg-opacity-10 p-8 rounded-lg"> | |
| <span class="text-5xl font-bold block mb-2">800+</span> | |
| <p class="text-secondary font-semibold">Pacientes Atendidos</p> | |
| </div> | |
| <div class="text-center bg-white bg-opacity-10 p-8 rounded-lg"> | |
| <span class="text-5xl font-bold block mb-2">94%</span> | |
| <p class="text-secondary font-semibold">Alcance de Objetivos</p> | |
| </div> | |
| <div class="text-center bg-white bg-opacity-10 p-8 rounded-lg"> | |
| <span class="text-5xl font-bold block mb-2">12+</span> | |
| <p class="text-secondary font-semibold">Anos de Experiência</p> | |
| </div> | |
| </div> | |
| <div class="text-center"> | |
| <h3 class="text-2xl font-serif font-bold mb-6">Depoimentos de Nossos Pacientes</h3> | |
| <div class="grid md:grid-cols-2 gap-8 max-w-6xl mx-auto"> | |
| <div class="testimonial-card bg-white bg-opacity-10 p-8 rounded-lg border border-white border-opacity-20"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=200&q=80" alt="Maria" class="w-16 h-16 rounded-full object-cover mr-4"> | |
| <div> | |
| <h4 class="text-xl font-bold">Maria, 34 anos</h4> | |
| <div class="flex text-yellow-400 mt-1"> | |
| <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="italic">"Em poucas semanas, consegui controlar minha alimentação e emagrecer de forma saudável. O acompanhamento foi essencial para me ajudar a manter o foco."</p> | |
| </div> | |
| <div class="testimonial-card bg-white bg-opacity-10 p-8 rounded-lg border border-white border-opacity-20"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=200&q=80" alt="João" class="w-16 h-16 rounded-full object-cover mr-4"> | |
| <div> | |
| <h4 class="text-xl font-bold">João, 50 anos</h4> | |
| <div class="flex text-yellow-400 mt-1"> | |
| <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="italic">"Com a orientação da equipe, consegui controlar minha diabetes tipo 2. Hoje me sinto mais saudável e com mais energia no dia a dia!"</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section class="py-16 bg-gray-100"> | |
| <div class="container mx-auto px-6"> | |
| <div class="bg-white rounded-xl shadow-xl p-8 md:p-12 max-w-6xl mx-auto"> | |
| <div class="flex flex-col lg:flex-row items-center"> | |
| <div class="lg:w-1/2 mb-8 lg:mb-0 lg:pr-8"> | |
| <h2 class="text-3xl font-serif font-bold text-primary mb-4">Pronto para Transformar Sua Saúde?</h2> | |
| <p class="text-lg text-gray-600 mb-6">Agende sua consulta e dê o primeiro passo em direção a uma vida mais saudável e equilibrada.</p> | |
| <div class="flex space-x-3"> | |
| <div class="bg-primary bg-opacity-10 p-2 rounded-lg"> | |
| <i class="fas fa-phone-alt text-primary"></i> | |
| </div> | |
| <div> | |
| <p class="text-gray-500 text-sm">Fale com nossa equipe</p> | |
| <p class="font-bold text-dark">(11) 9876-5432</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="lg:w-1/2"> | |
| <a href="https://api.whatsapp.com/message/E6BJJSGPH5GWJ1?autoload=1&app_absent=0" class="btn-primary bg-primary hover:bg-primaryDark text-white font-semibold py-4 px-8 rounded-full text-lg text-center block"> | |
| <i class="fab fa-whatsapp mr-2"></i> Agendar pelo WhatsApp | |
| </a> | |
| <p class="text-center text-gray-500 text-sm mt-4">Atendimento de segunda a sexta, das 8h às 18h</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- FAQ Section --> | |
| <section class="py-20 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-serif font-bold text-primary mb-4">Perguntas Frequentes</h2> | |
| <div class="section-title"></div> | |
| </div> | |
| <div class="max-w-3xl mx-auto space-y-4"> | |
| <div class="border border-gray-200 rounded-lg overflow-hidden"> | |
| <button class="flex justify-between items-center w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100 transition focus:outline-none" onclick="toggleFAQ(1)"> | |
| <span class="font-semibold text-lg">Qual o valor da consulta?</span> | |
| <i class="fas fa-chevron-down text-primary transition-transform duration-300" id="faq-arrow-1"></i> | |
| </button> | |
| <div id="faq-answer-1" class="hidden px-6 py-4 bg-white"> | |
| <p class="text-gray-600">O valor da consulta varia de acordo com o tipo de atendimento (presencial ou online) e o programa escolhido. Entramos em contato após o agendamento para enviar todas as informações sobre valores e formas de pagamento.</p> | |
| </div> | |
| </div> | |
| <div class="border border-gray-200 rounded-lg overflow-hidden"> | |
| <button class="flex justify-between items-center w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100 transition focus:outline-none" onclick="toggleFAQ(2)"> | |
| <span class="font-semibold text-lg">Preciso fazer algum exame antes da consulta?</span> | |
| <i class="fas fa-chevron-down text-primary transition-transform duration-300" id="faq-arrow-2"></i> | |
| </button> | |
| <div id="faq-answer-2" class="hidden px-6 py-4 bg-white"> | |
| <p class="text-gray-600">Se você já possui exames recentes (até 3 meses), pode trazê-los para a primeira consulta. Caso não tenha, podemos solicitar exames específicos baseados em sua avaliação inicial para garantir um plano nutricional preciso e personalizado.</p> | |
| </div> | |
| </div> | |
| <div class="border border-gray-200 rounded-lg overflow-hidden"> | |
| <button class="flex justify-between items-center w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100 transition focus:outline-none" onclick="toggleFAQ(3)"> | |
| <span class="font-semibold text-lg">Vocês atendem planos de saúde?</span> | |
| <i class="fas fa-chevron-down text-primary transition-transform duration-300" id="faq-arrow-3"></i> | |
| </button> | |
| <div id="faq-answer-3" class="hidden px-6 py-4 bg-white"> | |
| <p class="text-gray-600">Atendemos alguns convênios específicos. Entre em contato para verificar se seu plano está incluído. Para pacientes particulares, oferecemos opções de parcelamento e pacotes com desconto.</p> | |
| </div> | |
| </div> | |
| <div class="border border-gray-200 rounded-lg overflow-hidden"> | |
| <button class="flex justify-between items-center w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100 transition focus:outline-none" onclick="toggleFAQ(4)"> | |
| <span class="font-semibold text-lg">Posso fazer consultas online?</span> | |
| <i class="fas fa-chevron-down text-primary transition-transform duration-300" id="faq-arrow-4"></i> | |
| </button> | |
| <div id="faq-answer-4" class="hidden px-6 py-4 bg-white"> | |
| <p class="text-gray-600">Sim, oferecemos atendimento online com a mesma qualidade do presencial. Utilizamos plataforma segura para videochamada e enviamos todo material por e-mail. A avaliação física pode ser feita com medidas enviadas por você ou em parceria com academias/estúdios locais.</p> | |
| </div> | |
| </div> | |
| <div class="border border-gray-200 rounded-lg overflow-hidden"> | |
| <button class="flex justify-between items-center w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100 transition focus:outline-none" onclick="toggleFAQ(5)"> | |
| <span class="font-semibold text-lg">Quantas consultas são necessárias para ver resultados?</span> | |
| <i class="fas fa-chevron-down text-primary transition-transform duration-300" id="faq-arrow-5"></i> | |
| </button> | |
| <div id="faq-answer-5" class="hidden px-6 py-4 bg-white"> | |
| <p class="text-gray-600">Os resultados variam de acordo com cada caso, mas normalmente recomendamos um mínimo de 4 consultas (uma mensal) para garantir acompanhamento adequado. Pacientes com metas mais complexas ou condições específicas podem precisar de mais consultas inicialmente.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-dark text-white pt-16 pb-8"> | |
| <div class="container mx-auto px-6"> | |
| <div class="grid md:grid-cols-4 gap-8"> | |
| <div> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://i.postimg.cc/3Ny2wckw/logo-nutrindo-removebg-preview.png" alt="Nutrindo Autocuidado Logo" class="h-12 bg-white p-1 rounded"> | |
| <span class="ml-2 text-lg font-bold">Nutrindo Autocuidado</span> | |
| </div> | |
| <p class="text-gray-400 mb-4">Excelência em Nutrição Clínica e Bem-Estar</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-linkedin-in"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-youtube"></i></a> | |
| </div> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold mb-4">Atendimento</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Consultas Presenciais</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Atendimento Online</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Programas Especiais</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Palestras e Cursos</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold mb-4">Links Úteis</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Blog</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Receitas Saudáveis</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Materiais Gratuitos</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Perguntas Frequentes</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold mb-4">Contato</h4> | |
| <ul class="space-y-3"> | |
| <li class="flex items-center"> | |
| <i class="fas fa-map-marker-alt text-secondary mr-3"></i> | |
| <span class="text-gray-400">Av. Paulista, 1000<br>São Paulo - SP</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-phone-alt text-secondary mr-3"></i> | |
| <span class="text-gray-400">(11) 9876-5432</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-envelope text-secondary mr-3"></i> | |
| <span class="text-gray-400">contato@nutrindo.com.br</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-clock text-secondary mr-3"></i> | |
| <span class="text-gray-400">Seg-Sex: 8h-18h<br>Sáb: 8h-12h</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center"> | |
| <p class="text-gray-500 text-sm mb-4 md:mb-0">© 2023 Nutrindo Autocuidado. Todos os direitos reservados.</p> | |
| <div class="flex space-x-6"> | |
| <a href="#" class="text-gray-500 hover:text-white text-sm">Termos de Uso</a> | |
| <a href="#" class="text-gray-500 hover:text-white text-sm">Política de Privacidade</a> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <!-- WhatsApp Floating Button --> | |
| <div class="fixed bottom-6 right-6 z-50 floating-whatsapp"> | |
| <a href="https://api.whatsapp.com/message/E6BJJSGPH5GWJ1?autoload=1&app_absent=0" class="flex items-center justify-center w-16 h-16 rounded-full bg-green-500 hover:bg-green-600 text-white shadow-xl transition" aria-label="Contact via WhatsApp"> | |
| <i class="fab fa-whatsapp text-3xl"></i> | |
| </a> | |
| </div> | |
| <script> | |
| // Mobile menu toggle | |
| document.getElementById('mobile-menu-button').addEventListener('click', function() { | |
| const menu = document.getElementById('mobile-menu'); | |
| menu.classList.toggle('hidden'); | |
| }); | |
| // FAQ toggle function | |
| function toggleFAQ(index) { | |
| const answer = document.getElementById(`faq-answer-${index}`); | |
| const arrow = document.getElementById(`faq-arrow-${index}`); | |
| answer.classList.toggle('hidden'); | |
| arrow.classList.toggle('transform'); | |
| arrow.classList.toggle('rotate-180'); | |
| } | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| const targetId = this.getAttribute('href'); | |
| if (targetId === '#') return; | |
| const targetElement = document.querySelector(targetId); | |
| if (targetElement) { | |
| targetElement.scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| // Close mobile menu if open | |
| const mobileMenu = document.getElementById('mobile-menu'); | |
| if (!mobileMenu.classList.contains('hidden')) { | |
| mobileMenu.classList.add('hidden'); | |
| } | |
| } | |
| }); | |
| }); | |
| // Add shadow to navbar on scroll | |
| window.addEventListener('scroll', function() { | |
| const nav = document.querySelector('nav'); | |
| if (window.scrollY > 10) { | |
| nav.classList.add('shadow-lg'); | |
| } else { | |
| nav.classList.remove('shadow-lg'); | |
| } | |
| }); | |
| </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=MatheusMathiasFernandes/prototipo-2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |