// ────────────────────────────────────────────── // Dr. Denerval Carolino – Landing Page Sections // ────────────────────────────────────────────── const { useState, useEffect, useRef } = React; const WA_LINK = "https://wa.me/5511968678888?text=Ol%C3%A1%2C%20gostaria%20de%20agendar%20uma%20consulta!"; // ── Helpers ───────────────────────────────────── function useInView(threshold = 0.15) { const ref = useRef(null); const [visible, setVisible] = useState(false); useEffect(() => { const check = () => { if (ref.current) { const rect = ref.current.getBoundingClientRect(); if (rect.top < window.innerHeight && rect.bottom > 0) { setVisible(true); return true; } } return false; }; // Check immediately after layout setTimeout(() => { if (!check()) { const obs = new IntersectionObserver(([e]) => { if (e.isIntersecting) setVisible(true); }, { threshold }); if (ref.current) obs.observe(ref.current); } }, 50); }, []); return [ref, visible]; } function useIsMobile(bp = 768) { const [mobile, setMobile] = useState(() => typeof window !== 'undefined' && window.innerWidth < bp); useEffect(() => { const fn = () => setMobile(window.innerWidth < bp); window.addEventListener('resize', fn); return () => window.removeEventListener('resize', fn); }, [bp]); return mobile; } function Reveal({ children, delay = 0, style = {}, alwaysVisible = false }) { const [ref, visible] = useInView(); const show = alwaysVisible || visible; return (
{children}
); } // ── Logo ──────────────────────────────────────── function Logo({ theme, size = 110 }) { const dark = theme === 'dark'; const h = size * 0.7; const src = dark ? 'assets/logo_dark.png' : 'assets/logo_nobg.png'; return ( The DC Nutricionista ); } // ── Navbar ────────────────────────────────────── function Navbar({ theme }) { const [scrolled, setScrolled] = useState(false); useEffect(() => { const fn = () => setScrolled(window.scrollY > 40); window.addEventListener('scroll', fn); return () => window.removeEventListener('scroll', fn); }, []); const dark = theme === 'dark'; const mobile = useIsMobile(); return ( ); } // ── Hero ───────────────────────────────────────── function Hero({ theme }) { const dark = theme === 'dark'; const heroBg = { dark: 'radial-gradient(ellipse at 70% 50%, #1a2e45 0%, #0d1b2a 60%)', light: 'radial-gradient(ellipse at 30% 60%, #e8f0eb 0%, #f7f4ef 60%)', editorial: 'radial-gradient(ellipse at 30% 60%, #f0ecea 0%, #fafafa 70%)', terra: 'radial-gradient(ellipse at 30% 60%, #e8d8cc 0%, #f5ede4 70%)', }[theme]; const photoBg = { dark: 'linear-gradient(160deg, #1e3550 0%, #0d1b2a 100%)', light: 'linear-gradient(160deg, #d4e6d9 0%, #b8d4c0 100%)', editorial: 'linear-gradient(160deg, #e8d8d4 0%, #d4beba 100%)', terra: 'linear-gradient(160deg, #e8c9b4 0%, #d4a890 100%)', }[theme]; const fadeBg = { dark: 'linear-gradient(to top, #0d1b2a 0%, transparent 100%)', light: 'linear-gradient(to top, #f7f4ef 0%, transparent 100%)', editorial: 'linear-gradient(to top, #fafafa 0%, transparent 100%)', terra: 'linear-gradient(to top, #f5ede4 0%, transparent 100%)', }[theme]; const borderRadius = dark ? '8px 8px 0 0' : '240px 240px 0 0'; const mobile = useIsMobile(); return (
{!mobile && <>
} {/* Mobile background photo */} {mobile && (
)}
Nutrição Clínica Baseada em Evidências

O acompanhamento
que transforma
sua saúde em 3 meses.

Acompanhamento nutricional individual, baseado em ciência e adaptado à sua vida. Atendimento presencial em São Paulo ou online de onde você estiver.

{/* Doctor photo — desktop only */} {!mobile && (
Dr. Denerval Carolino
)}
); } // ── Sobre ──────────────────────────────────────── function Sobre({ theme }) { const dark = theme === 'dark'; const mobile = useIsMobile(); const areas = [ { num: '01', label: 'Clínica Hospitalar', desc: 'Atendimento especializado em ambiente hospitalar' }, { num: '02', label: 'Ambulatório Primário', desc: 'Cuidado nutricional em nível primário de saúde' }, { num: '03', label: 'Saúde Coletiva', desc: 'Promoção da saúde em comunidades' }, { num: '04', label: 'Nutrição Clínica', desc: 'Gestão e planejamento alimentar individualizado' }, ]; return (
Formação & Experiência

Quem é o
Dr. Dener?

Nutricionista graduado pela Universidade Uninove com Pós-graduação em Nutrição Clínica e Hospitalar, o Dr. Denerval Carolino combina formação acadêmica sólida com experiência prática em diferentes contextos clínicos.

{[['Graduação em Nutrição', 'Universidade Uninove'], ['Pós-graduação', 'Nutrição Clínica e Hospitalar'], ['Registro Profissional', 'CRN3 93164']].map(([t, d]) => (
{t} {d}
))}
{areas.map(({ num, label, desc }) => (
{ e.currentTarget.style.borderColor = 'var(--accent)'; e.currentTarget.style.transform = 'translateY(-3px)'; }} onMouseLeave={e => { e.currentTarget.style.borderColor = dark ? '#ffffff0f' : '#1a2c1e0f'; e.currentTarget.style.transform = 'translateY(0)'; }} >
{num}
{label}
{desc}
))}
); } // ── Metodologia ────────────────────────────────── function Metodologia({ theme }) { const dark = theme === 'dark'; const mobile = useIsMobile(); const pilares = [ { num: '01', title: 'Individualidade', desc: 'Cada pessoa possui um corpo, uma história e objetivos únicos. O planejamento alimentar é 100% personalizado, nunca genérico.' }, { num: '02', title: 'Parceria & Confiança', desc: 'Aqui você é ouvido com atenção. Cada decisão é tomada em conjunto, com empatia, transparência e parceria.' }, { num: '03', title: 'Suporte Contínuo', desc: 'Estamos próximos para ajustar o plano, orientar e motivar no dia a dia, entre uma consulta e outra.' }, { num: '04', title: 'Autonomia', desc: 'Você participa ativamente das decisões. A longo prazo, conquista conhecimento para manter resultados por conta própria.' }, ]; return (
Metodologia

Quatro pilares
fundamentais

Um processo consolidado que une ciência, escuta ativa e acompanhamento próximo.

{pilares.map(({ num, title, desc }, i) => (
{ if (i !== 0) { e.currentTarget.style.background = 'var(--accent)'; e.currentTarget.style.borderTopColor = 'var(--accent)'; e.currentTarget.querySelector('.pilar-num').style.color = dark ? '#0d1b2a' : '#fff'; e.currentTarget.querySelector('.pilar-title').style.color = dark ? '#0d1b2a' : '#fff'; e.currentTarget.querySelector('.pilar-desc').style.color = dark ? '#0d1b2a99' : '#ffffff99'; }}} onMouseLeave={e => { if (i !== 0) { e.currentTarget.style.background = dark ? '#ffffff08' : '#1a2c1e06'; e.currentTarget.style.borderTopColor = dark ? '#ffffff15' : '#1a2c1e15'; e.currentTarget.querySelector('.pilar-num').style.color = 'var(--accent)'; e.currentTarget.querySelector('.pilar-title').style.color = 'var(--text)'; e.currentTarget.querySelector('.pilar-desc').style.color = 'var(--text2)'; }}} >
{num}
{title}
{desc}
 ))}
); } // ── Modalidades ────────────────────────────────── function Modalidades({ theme }) { const dark = theme === 'dark'; const mobile = useIsMobile(); const rows = [ ['Acompanhamento completo', true, true], ['Plano alimentar individualizado', true, true], ['Monitoramento contínuo', true, true], ['WhatsApp e site exclusivo', true, true], ['Materiais exclusivos', true, true], ['Avaliação corporal', 'Dobras cutâneas', 'Medidas, fotos e peso'], ['Local', 'Consultório · Perdizes, SP', 'De onde você estiver'], ]; return (
Atendimento

Presencial
& Online

Escolha a modalidade que melhor se adapta à sua rotina. Ambas oferecem o mesmo padrão de excelência clínica.

{/* Header */}
Recurso
{['Presencial', 'Online'].map(m => (
{m}
))}
{rows.map(([label, a, b], i) => (
{label}
{[a, b].map((v, j) => (
{v === true ? '✓' : v}
))}
))}
Instituto Atos · Perdizes
Av. Francisco Matarazzo, 1752, Água Branca, São Paulo, SP · Conjunto 505
); } // ── Depoimentos ────────────────────────────────── function Depoimentos({ theme }) { const dark = theme === 'dark'; const mobile = useIsMobile(); const deps = [ { nome: 'Renato Alves', texto: 'Atendimento incrível, fez minha dieta na hora, individualizada e com várias opções. Além de tudo, é a primeira vez que eu consigo falar com um Dr. direto pelo WhatsApp.' }, { nome: 'Patricia Dias', texto: 'Incrível!!!! Isso que é dinheiro bem investido, profissional experiente e extremamente capacitado. Recomendo de olhos fechados.' }, { nome: 'Seu depoimento', texto: 'À medida que mais pessoas experimentam os benefícios do atendimento nutricional personalizado, suas histórias de sucesso serão compartilhadas aqui.', placeholder: true }, ]; return (
Depoimentos

O que os pacientes
dizem

{deps.map(({ nome, texto, placeholder }, i) => (
"

{texto}

{nome[0]}
{nome}
))}
); } // ── Preços ──────────────────────────────────────── function Precos({ theme }) { const dark = theme === 'dark'; const mobile = useIsMobile(); const planos = [ { nome: 'Consulta Avulsa', preco: 'R$ 250', periodo: 'por consulta', dest: false, itens: ['Avaliação nutricional detalhada', 'Orientações personalizadas', 'Plano alimentar individualizado', 'Online ou presencial'], }, { nome: 'Plano Trimestral', preco: 'R$ 620', periodo: 'ou 3x de R$ 217,15', dest: true, badge: 'Mais escolhido', itens: ['Acompanhamento por 3 meses', 'Consultas regulares', 'Ajustes personalizados', 'Suporte via WhatsApp', 'Site e materiais exclusivos', 'Online ou presencial'], }, ]; return (
Investimento

Planos e preços

Escolha o plano que melhor se encaixa nos seus objetivos e rotina.

{planos.map(({ nome, preco, periodo, dest, badge, itens }, i) => (
{badge &&
{badge}
}
{nome}
{preco}
{periodo}
{itens.map(item => (
✓ {item}
))}
e.currentTarget.style.opacity = '.8'} onMouseLeave={e => e.currentTarget.style.opacity = '1'} >Quero este plano
))}
); } // ── FAQ ─────────────────────────────────────────── function FAQ({ theme }) { const dark = theme === 'dark'; const [open, setOpen] = useState(null); const faqs = [ { q: 'Como funciona a primeira consulta?', a: 'A consulta inicial tem duração de aproximadamente 1h30. Nela fazemos uma imersão clínica completa: histórico alimentar, objetivos, avaliação da composição corporal e definição do plano alimentar personalizado.' }, { q: 'O atendimento online tem o mesmo resultado?', a: 'Sim! O atendimento online segue o mesmo padrão de excelência clínica. A diferença está apenas no método de avaliação corporal: online utilizamos medidas, fotos e peso.' }, { q: 'Com que frequência terei consultas?', a: 'No plano trimestral, as consultas são agendadas de acordo com a sua evolução e necessidades. O suporte contínuo via WhatsApp garante acompanhamento entre as sessões.' }, { q: 'Posso mudar o plano alimentar durante o acompanhamento?', a: 'Com certeza. O plano é ajustado continuamente conforme sua evolução, preferências, rotina e resultados. Flexibilidade é um dos pilares do nosso método.' }, { q: 'Como funciona o suporte via WhatsApp?', a: 'Você tem acesso direto ao Dr. Denerval e sua equipe para dúvidas, ajustes de urgência e motivação no dia a dia, sem precisar esperar a próxima consulta.' }, ]; return (
FAQ

Perguntas
frequentes

{faqs.map(({ q, a }, i) => (

{a}

 ))}
); } // ── CTA / Contato ───────────────────────────────── function Contato({ theme }) { const dark = theme === 'dark'; const gradients = { dark: 'linear-gradient(135deg, #c9a96e 0%, #a07c48 100%)', light: 'linear-gradient(135deg, #3a6b4a 0%, #2d5139 100%)', editorial: 'linear-gradient(135deg, #8b2635 0%, #6b1c29 100%)', terra: 'linear-gradient(135deg, #b85c38 0%, #93412a 100%)', }; const textColor = dark ? '#0d1b2a' : '#fff'; const subColor = dark ? '#0d1b2a99' : '#ffffff99'; const btnBg = dark ? '#0d1b2a' : '#fff'; const btnColor = { dark: '#c9a96e', light: '#3a6b4a', editorial: '#8b2635', terra: '#b85c38' }[theme]; return (
Vamos começar?

Sua jornada de
saúde começa hoje.

Agende sua consulta e dê o primeiro passo para uma nutrição que realmente funciona para você.

e.currentTarget.style.opacity = '.85'} onMouseLeave={e => e.currentTarget.style.opacity = '1'} > Agendar via WhatsApp
Instituto Atos · Av. Francisco Matarazzo, 1752, Cj 505 · Água Branca, SP
); } // ── Footer ──────────────────────────────────────── function Footer({ theme }) { const dark = theme === 'dark'; const mobile = useIsMobile(); return ( ); } Object.assign(window, { Navbar, Hero, Sobre, Metodologia, Modalidades, Depoimentos, Precos, FAQ, Contato, Footer });