// lm-sections-top.jsx const HEADLINES = { A: { tag: 'Tráfego Frio', top: () => tx('O SEU CORPO', 'YOUR BODY'), accent: () => tx('no seu Ápice', 'at its Apex') }, B: { tag: 'Tráfego Quente', top: () => tx('TREINE DE VERDADE', 'TRAIN FOR REAL'), accent: () => tx('com método premium', 'with a premium method') }, C: { tag: 'Alto Ticket', top: () => tx('PERFORMANCE REAL', 'REAL PERFORMANCE'), accent: () => tx('sem ficha genérica', 'no cookie-cutter plan') } }; const NavBar = () => { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const h = () => setScrolled(window.scrollY > 40); window.addEventListener('scroll', h); return () => window.removeEventListener('scroll', h); }, []); return ( ); }; const HeroSection = ({ headline }) => (
{/* soft green glow behind headline */}
{/* faint grid hint at bottom */}
{/* Logo monogram + Wordmark */}
ÁPICE
{/* Pill badge */}
Performance Premium
{/* Headline */}

{headline.top()} {headline.accent()}

{/* Subhead */}

{tx( 'Treinamento, avaliação física, recuperação e nutrição em um único acompanhamento, conduzido sob um ecossistema que enxerga seu corpo como um todo.', 'Training, physical assessment and nutrition in a single program, delivered through an ecosystem that sees your body as a whole.' )}

{/* CTA */}
window.apiceCTA()} style={{ borderRadius: 999, padding: '12px 26px', fontSize: 14, fontWeight: 600 }}> {tx('Quero conhecer os planos', 'I want to see the plans')}
{/* Social proof line */}
{[0,1,2,3,4].map(i => )} {tx('+300 alunos acompanhados', '+300 clients coached')}
); const ObjetivoSection = () => (
{/* Badge with dumbbell */}
{/* Headline */}

{tx('Acesso completo ao ecossistema', 'Full access to the ecosystem online')} {getLang() !== 'en' && ( de forma online ou presencial )}

{/* Subheading */}

{tx('Planos de treinos personalizados e individualizados', 'Personalized and individualized training plans')}

); const CountdownSection = ({ timeLeft, show }) => { if (!show) return null; return (
BÔNUS DE MAIO EXPIRA EM
{[['dias', timeLeft.d], ['h', timeLeft.h], ['min', timeLeft.m], ['s', timeLeft.s]].map(([label, val], i) => {i > 0 && :}
{String(val).padStart(2, '0')}
{label}
 )}
Bônus de Maio
); }; const DorSection = () => { const DOR_ITEMS = [ tx('Já investiu em várias soluções, mas nenhuma delas conversava entre si.', 'Invested in several solutions, but none of them talked to each other.'), tx('Se esforça muito, mas sente que evolui menos do que deveria.', 'Puts in a lot of effort, but feels like the progress is smaller than it should be.'), tx('Recebe informações diferentes de cada profissional e não sabe qual caminho seguir.', 'Gets different advice from every professional and never knows which path to follow.'), tx('Já tentou criar uma rotina saudável, mas nunca conseguiu mantê-la por muito tempo.', 'Has tried to build a healthy routine, but never managed to keep it for long.'), ]; return (

{tx('A frustração não é sua.', "The frustration isn't yours.")} {tx('É do modelo.', "It's the program's.")}

{tx( 'Você não precisa de mais um profissional. Você precisa de um sistema que conecta os profissionais certos em torno do seu corpo.', "You don't need another professional. You need a system that connects the right professionals around your body." )}

{DOR_ITEMS.map((item, i) =>
{item}
)}
); }; const SolCard = ({ item, delay }) => { const [hov, setHov] = React.useState(false); const IC = Ic[item.icon]; return (
setHov(true)} onMouseLeave={() => setHov(false)} style={{ background: 'var(--lm-charcoal)', borderRadius: 16, padding: 32, border: `1px solid ${hov ? 'var(--lm-green)' : 'var(--lm-graphite)'}`, transition: 'all 300ms ease', transform: hov ? 'translateY(-4px)' : 'none', boxShadow: hov ? '0 16px 48px rgba(0,0,0,.4)' : 'none' }}>

{item.title}

{item.desc}

); }; const TeamSection = () => (
{/* Texto */}
{tx('Quem é a Ápice', 'Who is Apex')}

{tx( <>Mais que um time. Um espaço da Ápice., <>More than a team. An Apex space. )}

{tx( 'O estúdio Ápice nasceu para resolver o que estava quebrado. Profissionais soltos, com diferentes opiniões e sem metodologia, cuidando do seu corpo em pedaços. Aqui, nosso sistema único refaz a sua análise do zero. Treinadores, nutricionistas, recovery e acompanhamento de desempenho físico operam lado a lado, de forma única, dentro de um método validado.', 'The Apex studio was born to fix what was broken. Disconnected professionals, with different opinions and no methodology, taking care of your body in pieces. Here, our single system rebuilds your analysis from zero. Coaches, nutritionists, recovery and physical performance tracking operate side by side, as one, within a validated method.' )}

{tx( 'O Time Ápice é formado por profissionais que vivem a performance diariamente e que tratam o seu progresso como uma missão pessoal. Sabendo te guiar do zero ao ÁPICE.', 'Team Apex is made of professionals who live performance every day and who treat your progress as a personal mission. Guiding you from zero to your APEX.' )}

window.apiceCTA()} style={{ borderRadius: 999, padding: '12px 26px', fontSize: 14, fontWeight: 600 }}> {tx('Fazer parte do Time Ápice', 'Join Team Apex')}
{/* Imagem do time */}
{tx('Time
); const SolucaoSection = () => { const SOL_ITEMS = [ { icon: 'target', enOnly: true, title: tx('Anamnese Online', 'Online Anamnesis'), desc: tx( 'Sua avaliação começa pelo celular: medidas e composição estimadas por fotos e parâmetros de mudança física, acompanhadas mês a mês. Você vê a evolução sem sair de casa.', 'Your assessment starts on your phone: measurements and composition estimated from photos and physical-change parameters, tracked month over month. You see your progress without leaving home.' ) }, { icon: 'shield', ptOnly: true, title: tx('Protocolo de treino + dieta', 'Training + diet protocol'), desc: tx( 'Acompanhamento online completo com protocolo de treino e planilha alimentar personalizados. Estratégia integrada para potencializar sua performance e resultados, com ajustes contínuos de acordo com sua evolução.', 'Complete online coaching with a personalized training protocol and meal plan. An integrated strategy to boost your performance and results, with continuous adjustments as you evolve.' ) }, { icon: 'zap', title: tx('Plano Ápice', 'Ápice Plan'), desc: tx( 'O combo completo para quem busca máxima evolução. Inclui acompanhamento online de treino e dieta + avaliação física premium. Dados precisos, estratégia integrada e resultados reais.', 'The complete combo for those seeking maximum progress. Includes online training and diet coaching + premium physical assessment. Precise data, integrated strategy and real results.' ) }, { icon: 'heart', ptOnly: true, title: tx('Avaliação física premium', 'Premium physical assessment'), desc: tx( 'Análise completa do seu corpo e desempenho: composição corporal (bioimpedância, dobras e circunferências), avaliação postural, testes de força e desempenho, VO₂ máx, pressão arterial, saturação de oxigênio e muito mais. Relatório completo para orientar seu plano com precisão.', 'A complete analysis of your body and performance: body composition (bioimpedance, skinfolds and circumferences), postural assessment, strength and performance tests, VO₂ max, blood pressure, oxygen saturation and much more. A full report to guide your plan with precision.' ) }, { icon: 'target', ptOnly: true, title: tx('Recovery', 'Recovery'), desc: tx( 'Protocolos de recuperação para otimizar seu desempenho e bem-estar: massoterapia desenvolvida por técnicas de liberação miofascial, massagem terapêutica, eventual terapia e alongamentos específicos.', 'Recovery protocols to optimize your performance and well-being: massage therapy built on myofascial release techniques, therapeutic massage, occasional therapy and specific stretching.' ) }, { icon: 'compass', enOnly: true, title: tx('Direção quando precisa', 'Direction when you need it'), desc: tx( 'Se algo foge da minha alçada, você não fica perdido. Te encaminho ao profissional certo. Um sistema inteligente sabe os próprios limites.', "If anything is outside my scope, you don't get lost. I refer you to the right professional. A smart system knows its own limits." ) }, ].filter(item => !(getLang() === 'en' && item.ptOnly) && !(getLang() !== 'en' && item.enOnly)); return (

{tx('Em vez de 4 profissionais soltos,', 'Instead of 4 disconnected professionals,')} {tx('um sistema integrado', 'one integrated system')}

{SOL_ITEMS.map((item, i) => )}
); }; const BEN_IMAGES = [ 'uploads/pasted-1787006837919-0.png', 'uploads/pasted-1787006846039-0.png', 'uploads/pasted-1787007194123-0.png', 'uploads/pasted-1787020447353-0.png', 'uploads/pasted-1780335063687-0.png', ]; const BenefitsCarousel = () => { const [idx, setIdx] = React.useState(0); const [paused, setPaused] = React.useState(false); const n = BEN_IMAGES.length; const go = (i) => setIdx((i + n) % n); React.useEffect(() => { if (paused) return; const t = setInterval(() => setIdx(p => (p + 1) % n), 4000); return () => clearInterval(t); }, [paused, n]); return (
setPaused(true)} onMouseLeave={() => setPaused(false)} style={{ position: 'relative', borderRadius: 16, overflow: 'hidden', boxShadow: '0 16px 48px rgba(0,0,0,0.18)' }}> {/* Track */}
{BEN_IMAGES.map((src, i) => ( {tx('Time ))}
{/* Arrows */} {/* Dots */}
{BEN_IMAGES.map((_, i) => (
); }; const BeneficiosSection = () => { return (
{tx('Ecossistema Ápice', 'Ápice Ecosystem')}

{tx('Alta performance,', 'High performance,')} {tx('medida de verdade', 'truly measured')}

{tx( 'Avaliação física premium, treino e recovery em um único acompanhamento. Cada decisão é guiada por dados reais do seu corpo, não por achismo.', 'Premium physical assessment, training and recovery in a single program. Every decision is guided by real data from your body, not guesswork.' )}

{[ { ic: 'target', t: tx('Avaliação física premium', 'Premium assessment') }, { ic: 'zap', t: tx('Treino', 'Training') }, { ic: 'heart', t: tx('Recovery', 'Recovery') }, { ic: 'shield', t: tx('Alta performance', 'High performance') }, ].map((p, i) => { const IC = Ic[p.ic]; return (
{p.t}
); })}
{tx('Ver nos serviços', 'See in services')}
); }; Object.assign(window, { NavBar, HeroSection, ObjetivoSection, TeamSection, CountdownSection, DorSection, SolucaoSection, BeneficiosSection, HEADLINES });