// v2-app.jsx — single-file Apple-style v2 const { useState, useEffect, useRef } = React; const T = { pt: { nav:{how:"Como funciona",specs:"Especialidades",plans:"Planos",app:"App",faq:"FAQ",cta:"Agendar"}, hero:{ pill:"Telemedicina · Atendimento 24h", t1:"Saúde,", t2:"simplificada.", lede:"Médicos especialistas a um toque de distância. Para você. Para sua família. Onde estiver.", cta1:"Começar agora", cta2:"Conheça os planos", m1:"Sem fidelidade", m2:"Cancele quando quiser", m3:"Cadastro em 1 minuto", scroll:"role para descobrir" }, band:[{v:"1.200+",l:"Médicos especialistas"},{v:"850k",l:"Consultas realizadas"},{v:"4.9★",l:"Avaliação dos pacientes"},{v:"<12min",l:"Tempo médio de espera"}], feat:{title:"Pensado para a vida moderna.", lede:"Cada detalhe foi desenhado para que cuidar da saúde seja tão natural quanto pegar o celular."}, tiles:[ {h:"Vídeo em HD.\nMédico em segundos.", p:"Conexão estável até em 4G. Criptografia ponta a ponta.", art:"pulse"}, {h:"Receita digital\ncom QR.", p:"Aceita em qualquer farmácia do Brasil.", art:"rx"}, {h:"Sua família,\nem um só lugar.", p:"Até 4 dependentes com prontuário próprio.", art:"avs"}, {h:"Agende em segundos.", p:"15 minutos para um especialista. Ou marque para quando preferir.", art:"cal"}, ], how:{title:"Quatro passos.\nDa consulta à receita.", lede:"Sem cadastro complicado, sem instalação."}, steps:[ {t:"Escolha a especialidade",d:"Mais de 40 áreas, com filtro por idioma, gênero e disponibilidade."}, {t:"Marque o horário",d:"Em até 15 minutos. Ou agende para quando preferir."}, {t:"Conecte-se ao médico",d:"Vídeo HD criptografado. No celular ou no laptop."}, {t:"Receita e prontuário",d:"QR code válido em todo o Brasil. Tudo salvo no app."}, ], specs:{title:"Cuidamos de tudo,\npara toda a família.", lede:"Mais de 40 especialidades médicas."}, plans:{title:"Planos para cada\nestilo de vida.", lede:"Cancelamento gratuito a qualquer momento.", monthly:"Mensal", yearly:"Anual", save:"−20%", per:"/mês", billed:"Cobrado anualmente", a:{type:"Individual", name:"Essencial", desc:"Para começar a sua jornada de saúde digital.", price:39, feats:["Consultas ilimitadas com clínico geral","5 consultas/ano com especialistas","Receita digital com QR","Prontuário pessoal"], dim:["Atendimento 24h prioritário","Pronto-atendimento pediátrico"]}, b:{type:"Família", name:"Família+", desc:"Cuide de até 4 pessoas. Sem complicação.", badge:"Mais escolhido", price:89, feats:["Até 4 dependentes inclusos","Consultas ilimitadas em todas especialidades","Pronto-atendimento 24h","Prontuário familiar compartilhado","Pedido de exames online","Receita renovação automática"], dim:[]}, c:{type:"Empresarial", name:"Empresa", desc:"Saúde para sua equipe. A partir de 10 pessoas.", price:49, perEmp:"/colaborador", feats:["Painel de RH e relatórios","Programa de saúde mental","Médico do trabalho online","Onboarding dedicado"], dim:["Dependentes (opcional)"]}, pickPrim:"Assinar plano", pickAlt:"Falar com vendas" }, app:{title:"Sua saúde.\nNo seu bolso.", lede:"Consulte, agende, receba receitas e organize o histórico médico de toda a família.", f:[ {t:"Videoconsulta em HD",d:"Conexão estável mesmo em 4G. Criptografia ponta a ponta."}, {t:"Receita com QR",d:"Aceita em qualquer farmácia. Renovação automática para uso contínuo."}, {t:"Prontuário familiar",d:"Histórico organizado por membro. Acesso seguro com biometria."}, ], android:"Disponível na", playstore:"Google Play", apple:"Baixe na", appstore:"App Store"}, tm:{title:"Histórias reais.\nDe famílias reais.", l:[ {q:"Marquei pediatra para a Manu às 22h de domingo. 30 minutos depois ela já estava na consulta. Mudou tudo.", n:"Letícia M.", l:"Mãe · São Paulo", i:"LM"}, {q:"Tenho meu pai em outra cidade. Com o plano Família+ consigo agendar consultas para ele e ver tudo. Sossego de espírito.", n:"Rafael C.", l:"Engenheiro · Curitiba", i:"RC"}, {q:"Como autônoma, não tinha plano. Agora pago menos por mês do que uma única consulta presencial e tenho especialista quando precisar.", n:"Beatriz S.", l:"Designer · Recife", i:"BS"}, ]}, faq:{title:"Perguntas frequentes.", qs:[ {q:"A receita digital é válida em qualquer farmácia?",a:"Sim. Emitida com QR code e assinatura digital ICP-Brasil, válida em todo o território nacional, em farmácias físicas e online."}, {q:"Posso cancelar quando quiser?",a:"Sim, sem multa e sem fidelidade. Cancele direto pelo app, com efeito ao fim do ciclo de cobrança."}, {q:"Quem pode entrar no plano Família+?",a:"Até 4 dependentes: cônjuge, filhos, pais ou quem você escolher. Cada membro tem login próprio."}, {q:"Atende no fim de semana e feriado?",a:"Sim, nossa equipe está disponível 24h por dia, 7 dias por semana, incluindo feriados."}, {q:"Como funciona para crianças?",a:"Pediatras especializados, com avaliação por vídeo e orientação para os pais. Em casos que precisem de exame físico, encaminhamos para parceiro presencial."}, ]}, cta:{title:"Comece hoje.", lede:"Sem cartão de crédito, sem fidelidade. Crie sua conta em 1 minuto.", btn:"Começar agora"}, foot:{tag:"Saúde digital para a família toda. Onde estiver. Quando precisar.", a:"Produto", aI:["Como funciona","Especialidades","Médicos","Planos","App"], b:"Empresa", bI:["Sobre","Carreiras","Imprensa","Para empresas"], c:"Suporte", cI:["Central de ajuda","Contato","Termos","Privacidade"], copy:"© 2026 Telemedicina DoctorFriend.", certs:"ANS · CFM · LGPD · ISO 27001"} }, en: { nav:{how:"How it works",specs:"Specialties",plans:"Plans",app:"App",faq:"FAQ",cta:"Book"}, hero:{ pill:"Telehealth · 24/7 care", t1:"Health,", t2:"simplified.", lede:"Specialist doctors one tap away. For you. For your family. Wherever you are.", cta1:"Get started", cta2:"See plans", m1:"No lock-in", m2:"Cancel anytime", m3:"Sign up in 1 minute", scroll:"scroll to discover" }, band:[{v:"1,200+",l:"Specialist doctors"},{v:"850k",l:"Visits completed"},{v:"4.9★",l:"Patient rating"},{v:"<12min",l:"Average wait time"}], feat:{title:"Built for modern life.", lede:"Every detail designed so caring for your health feels as natural as picking up your phone."}, tiles:[ {h:"HD video.\nDoctor in seconds.", p:"Stable on 4G. End-to-end encrypted.", art:"pulse"}, {h:"Digital Rx\nwith QR.", p:"Accepted at any pharmacy.", art:"rx"}, {h:"Your family,\nin one place.", p:"Up to 4 dependents with their own record.", art:"avs"}, {h:"Book in seconds.", p:"15 minutes to a specialist. Or schedule whenever.", art:"cal"}, ], how:{title:"Four steps.\nFrom visit to Rx.", lede:"No tricky signup, no install."}, steps:[ {t:"Pick a specialty",d:"40+ areas, filtered by language, gender and availability."}, {t:"Pick a time",d:"In 15 minutes. Or schedule for later."}, {t:"Meet the doctor",d:"HD encrypted video. Phone or laptop."}, {t:"Rx and records",d:"QR-code prescription. Saved in the app."}, ], specs:{title:"Care for everyone,\nin the family.", lede:"40+ medical specialties."}, plans:{title:"Plans for every\nlifestyle.", lede:"Free cancellation anytime.", monthly:"Monthly", yearly:"Yearly", save:"−20%", per:"/mo", billed:"Billed annually", a:{type:"Individual", name:"Essential", desc:"To start your digital-health journey.", price:39, feats:["Unlimited family-medicine visits","5 specialist visits per year","Digital Rx with QR","Personal record"], dim:["24/7 priority care","Pediatric urgent care"]}, b:{type:"Family", name:"Family+", desc:"Care for up to 4 people. Hassle-free.", badge:"Most picked", price:89, feats:["Up to 4 dependents included","Unlimited visits across all specialties","24/7 urgent care","Shared family record","Online lab orders","Auto-refill prescriptions"], dim:[]}, c:{type:"Business", name:"Company", desc:"Health for your team. From 10 employees.", price:49, perEmp:"/employee", feats:["HR dashboard and reports","Mental-health program","Online occupational doctor","Dedicated onboarding"], dim:["Dependents add-on (optional)"]}, pickPrim:"Get this plan", pickAlt:"Talk to sales" }, app:{title:"Your health.\nIn your pocket.", lede:"Book, talk to doctors, get prescriptions and organize your family's medical history.", f:[ {t:"HD video visits",d:"Stable on 4G. End-to-end encrypted."}, {t:"Rx with QR",d:"Accepted at any pharmacy. Auto-refill for chronic care."}, {t:"Family record",d:"Organized by member. Secure biometric access."}, ], android:"Get it on", playstore:"Google Play", apple:"Download on the", appstore:"App Store"}, tm:{title:"Real stories.\nReal families.", l:[ {q:"Booked pediatrics for Manu at 10pm on Sunday. 30 minutes later she was in the visit. Game changer.", n:"Leticia M.", l:"Mom · São Paulo", i:"LM"}, {q:"My dad lives in another city. With Family+ I book visits for him and see everything. Peace of mind.", n:"Rafael C.", l:"Engineer · Curitiba", i:"RC"}, {q:"As a freelancer I had no insurance. Now I pay less per month than one in-person visit and get a specialist on demand.", n:"Beatriz S.", l:"Designer · Recife", i:"BS"}, ]}, faq:{title:"Frequently asked.", qs:[ {q:"Is the digital prescription accepted everywhere?",a:"Yes. Issued with QR code and digital signature, accepted nationwide at physical and online pharmacies."}, {q:"Can I cancel anytime?",a:"Yes, no fee and no lock-in. Cancel in the app — effective at the end of your billing cycle."}, {q:"Who can be added to Family+?",a:"Up to 4 dependents: spouse, kids, parents or anyone you choose. Each has their own login."}, {q:"Open on weekends and holidays?",a:"Yes, our urgent-care team is available 24/7, including holidays."}, {q:"How does it work for kids?",a:"Trained pediatricians, video assessments and parent guidance. We refer to in-person partners when needed."}, ]}, cta:{title:"Start today.", lede:"No credit card, no lock-in. Create your account in 1 minute.", btn:"Get started"}, foot:{tag:"Digital health for the whole family. Wherever, whenever.", a:"Product", aI:["How it works","Specialties","Doctors","Plans","App"], b:"Company", bI:["About","Careers","Press","For business"], c:"Support", cI:["Help center","Contact","Terms","Privacy"], copy:"© 2026 Telemedicina DoctorFriend.", certs:"ANS · CFM · LGPD · ISO 27001"} } }; const SPECS = [ {pt:"Cardiologia",en:"Cardiology",n:142}, {pt:"Pediatria",en:"Pediatrics",n:98}, {pt:"Dermatologia",en:"Dermatology",n:76}, {pt:"Psiquiatria",en:"Psychiatry",n:64}, {pt:"Ginecologia",en:"Gynecology",n:88}, {pt:"Ortopedia",en:"Orthopedics",n:71}, {pt:"Endocrinologia",en:"Endocrinology",n:53}, {pt:"Clínica Geral",en:"Family Medicine",n:210}, {pt:"Nutrição",en:"Nutrition",n:42}, {pt:"Oftalmologia",en:"Ophthalmology",n:36}, {pt:"Urologia",en:"Urology",n:29}, {pt:"Neurologia",en:"Neurology",n:51}, ]; // ───────────────────────────────────────────────────────────────── function Nav({t,theme,setTheme,lang,setLang,scrolled}){ return ( ); } function Hero({t}){ return (
{t.hero.pill}

{t.hero.t1} {t.hero.t2}

{t.hero.lede}

{t.hero.cta1} {t.hero.cta2}
); } function Band({t}){ return (
{t.band.map((it,i)=>(
{it.v}
{it.l}
))}
); } function TileArt({k}){ if(k==='pulse') return (
); if(k==='cal') return (
{Array.from({length:21}).map((_,i)=>(
17?'dim':''}`}>{i+1}
))}
); if(k==='avs') return (
M
P
L
F
); if(k==='rx') return (
RECEITA · QR-RX
{Array.from({length:49}).map((_,i)=>(
.4?'var(--ink)':'transparent',borderRadius:1}}>
))}
); return null; } function Mosaic({t}){ return (

{t.feat.title}

{t.feat.lede}

{t.tiles[0].h}

{t.tiles[0].p}

{t.tiles[1].h}

{t.tiles[1].p}

{t.tiles[2].h}

{t.tiles[2].p}

{t.tiles[3].h}

{t.tiles[3].p}

); } function Story({t}){ const icons = [ , , , , ]; return (

{t.how.title}

{t.how.lede}

{t.steps.map((s,i)=>(
{String(i+1).padStart(2,'0')} / 04
{icons[i]}

{s.t}

{s.d}

))}
); } function Specialties({t,lang}){ return (

{t.specs.title}

{t.specs.lede}

{SPECS.map((s,i)=>(
{lang==='pt'?s.pt:s.en} {s.n}
))}
); } function Check(){return()} function X(){return()} function Plans({t}){ const [yearly,setYearly] = useState(true); const m = yearly?0.8:1; const Pl = ({p,featured}) => { const price = Math.round(p.price*m); return (
{p.badge && ★ {p.badge}}
{p.type}

{p.name}

{p.desc}

R$ {price} {p.perEmp || t.plans.per}
{yearly?t.plans.billed:'\u00a0'}
); }; return (

{t.plans.title}

{t.plans.lede}

); } function AppBlock({t}){ const icons=[ , , , ]; return (

{t.app.title}

{t.app.lede}

{t.app.f.map((f,i)=>(
{icons[i]}
{f.t}

{f.d}

))}
{t.app.android}
{t.app.playstore}
{t.app.apple}
{t.app.appstore}
9:41●●● 5G
Bom dia,
Letícia 👋
Próxima consulta
FA
Dr. Felipe A.
Pediatria
14:30 · Hoje Entrar
Consulta
Receita
Exames
Pressão arterial
120/80 · 2h
); } function Testimonials({t}){ return (

{t.tm.title}

{t.tm.l.map((it,i)=>(
★★★★★

"{it.q}"

{it.i}
{it.n}
{it.l}
))}
); } function FAQ({t}){ const [open,setOpen] = useState(0); return (

{t.faq.title}

{t.faq.qs.map((qa,i)=>(
setOpen(open===i?-1:i)}> {qa.q}
{qa.a}
))}
); } function CTA({t}){ return (

{t.cta.title}

{t.cta.lede}

); } function Footer({t}){ return ( ); } function App(){ const [theme,setThemeState] = useState(localStorage.getItem('df-theme')||'light'); const [lang,setLang] = useState(localStorage.getItem('df-lang')||'pt'); const [scrolled,setScrolled] = useState(false); const t = T[lang]; useEffect(()=>{ document.documentElement.setAttribute('data-theme',theme); localStorage.setItem('df-theme',theme); },[theme]); useEffect(()=>{ localStorage.setItem('df-lang',lang); },[lang]); const setTheme = (v)=>setThemeState(v); useEffect(()=>{ const onS = ()=>setScrolled(window.scrollY>20); window.addEventListener('scroll',onS,{passive:true}); onS(); return ()=>window.removeEventListener('scroll',onS); },[]); useEffect(()=>{ const els = document.querySelectorAll('.reveal'); const io = new IntersectionObserver(es=>es.forEach(e=>{ if(e.isIntersecting)e.target.classList.add('in'); }),{threshold:.12}); els.forEach(el=>io.observe(el)); return ()=>io.disconnect(); },[lang]); return (