// More sections - Tech, Pele Negra, Benefits, Pricing, Social, FAQ, Footer const { useState: useState2, useEffect: useEffect2, useRef: useRef2 } = React; // ====== TECH (Hakon 4D), black + neon, voltado ao paciente ====== function TechSection() { const wavelengths = [ { nm: '694', name: 'Rubi', use: 'Para peles muito claras e pelos finos.' }, { nm: '755', name: 'Alexandrite', use: 'Para peles muito claras e pelos finos.' }, { nm: '808', name: 'Diodo', use: 'O mais versátil, atua em profundidade.' }, { nm: '1064', name: 'Nd:YAG', use: 'Seguro para pele morena e negra.' }]; // mouse spotlight React.useEffect(() => { const sec = document.getElementById('tecnologia'); if (!sec) return; const onMove = (e) => { const r = sec.getBoundingClientRect(); sec.style.setProperty('--mx', `${e.clientX - r.left}px`); sec.style.setProperty('--my', `${e.clientY - r.top}px`); }; sec.addEventListener('mousemove', onMove); return () => sec.removeEventListener('mousemove', onMove); }, []); return (
{/* glow + grid */}
a tecnologia que cuida de você

Sua sessão na
quarta dimensão
do laser.

Você não precisa entender de física. Só precisa saber isto: o Hakon 4D é o laser que escolhemos porque ele alcança o que outros aparelhos não alcançam, com mais conforto, mais segurança e mais resultado, em qualquer fototipo de pele.

É a evolução para você sair da sessão pensando: "era só isso?"

{/* spec pills */}
{[ ['−12°C', 'ponteira que resfria sua pele'], ['4', 'tipos de luz, calibrados pra você'], ['Todos', 'fototipos · da clara à negra'], ['ANVISA', 'aprovado · feito no Brasil']]. map(([k, v]) =>
{k}
{v}
)}
{/* equipment showcase — Quarta Dimensão */}
{/* halo cônico girando externo */}
{/* anel orbital decorativo */}
{/* starfield bg */} {Array.from({ length: 40 }).map((_, i) => { const x = (i * 137) % 600; const y = (i * 211) % 600; const r = 0.5 + (i % 3) * 0.6; return ( ); })} {/* grid sutil */}
{/* glow inferior pulsante */}
{/* equipamento */} Hakon 4D — Quarta Dimensão {/* scanline interna */}
{/* partículas orbitando o equipamento */} {Array.from({ length: 5 }).map((_, i) => ( ))} {/* labels técnicas */}
Tela inteligente
Ponteira refrigerada
{/* badge */}
Hakon 4D · Medical San
{/* badge ANVISA */}
ANVISA · 82338020001
{/* wavelengths grid */}

Quatro tipos de luz.
Uma equação só sua.

Cada cor de pele e cada tipo de pelo respondem de um jeito. Por isso o Hakon dispõe de quatro comprimentos de onda, para que sua sessão seja calibrada pra você, não pelo padrão da casa.
{wavelengths.map((w, i) =>
{w.name}
{w.nm} nm
{w.use}
)}
{/* cooling callout, neon */}
Ponteira resfriada
● conforto real, não promessa de panfleto

A ponteira é gelada.
Sua pele agradece.

No exato instante do disparo, a ponteira do Hakon resfria sua pele a −12°C. O calor do laser é neutralizado antes mesmo de virar desconforto. A maioria das nossas clientes descreve a sensação como um formigamento gelado, e sai dizendo que dói menos do que tirar com cera.

); } // ====== Pele Negra & Morena, full-bleed ====== function PeleNegra() { return (
{/* halo cônico girando */}
{/* grid sutil */}
{/* foto modelo - tratada com filtros para integrar à paleta */} Todos os fototipos, todos os tons de pele {/* overlay verde profundo para harmonizar com a paleta */}
{/* tint coral lateral suave */}
{/* scanline animada interna */}
{/* dots de luz orbitando, animados */} {Array.from({ length: 6 }).map((_, i) => )} {/* badge superior, fototipos I a VI */}
Fototipos I a VI
{['#f5dac1', '#d6a47d', '#b07a52', '#7a4c30', '#4d2d1a', '#2a160c'].map((c, i) =>
)}
{/* legenda inferior */}
Toda pele tem direito
ao mesmo cuidado.
{/* chip flutuante 1064nm */}
seguro para
1064nm Nd:YAG
pele negra & morena

Pele negra, pode SIM.
Pele morena, também.

Salvador tem 83% de população preta ou parda. Por muito tempo, laser foi sinônimo de risco para pele escura, não sem razão. Quando o equipamento é inadequado ou o protocolo descuidado, o risco existe.

Na Nubelle, esse medo tem resposta técnica, não comercial.

    {[ ['1064nm Nd:YAG', 'Penetra sem ser absorvido pela melanina superficial, risco mínimo de hiperpigmentação.'], ['Teste de disparo', 'Avaliamos a reação da sua pele antes de cada sessão.'], ['Calibração por fototipo', 'Intervalo entre sessões e energia ajustados para você, não para um padrão.']]. map(([t, d]) =>
  • ✓
    {t}
    {d}
    • )}
"Todo o medo de laser foi embora."
, Susana Souza · cliente Nubelle Salvador · ★★★★★
); } // ====== BENEFITS — dark + neon carousel ====== function Benefits() { const items = [ { num: '01', tag: 'Liberdade', title: 'Fim do improviso', body: 'Praia, academia, viagem. Sua pele fica progressivamente mais livre, o pensar antes de cada compromisso vai ficando para trás.' }, { num: '02', tag: 'Pele', title: 'Adeus foliculite', body: 'Gilete e cera deixam um ciclo de foliculite, manchas escuras e pelos encravados. O laser interrompe o ciclo na raiz, e a pele lisa volta a ser regra, não exceção.' }, { num: '03', tag: 'Método', title: 'Protocolo Vivo', body: 'A cada 3 sessões, avaliamos sua evolução e ajustamos. Se a pele reagiu diferente, se o ciclo mudou, adaptamos.' }, { num: '04', tag: 'Pele negra & morena', title: 'Segurança para o seu fototipo', body: 'Em Salvador, 83% somos pretos e pardos. O Nd:YAG 1064nm é o comprimento de onda seguro para peles mais escuras. Protocolo calibrado por pele, e não receita única, com risco mínimo de hiperpigmentação para fototipos I a VI.' }, { num: '05', tag: 'Para eles', title: 'Protocolo masculino', body: 'Costas, tórax, barba, axilas, nuca. Técnico e discreto. Sem linguagem de "beleza", sem constrangimento.' }, { num: '06', tag: 'Confiança', title: 'Garantia Nubelle', body: 'Concluiu o Ritual Completo? Tem 12 meses para usar até 3 sessões de manutenção sem custo. Por escrito.' }, { num: '07', tag: 'Recompensa', title: 'Cashback Nubelle', body: 'Indique alguém, acumule créditos. Use nas suas próximas sessões. O tratamento que se paga de volta.' }, { num: '08', tag: 'Experiência', title: 'Nubelle by you', body: 'Do Shot da Beleza no Living à consulta conduzida com atenção e didatismo. Você não é atendida. É cuidada.' }]; const trackRef = React.useRef(null); const [active, setActive] = React.useState(0); const [paused, setPaused] = React.useState(false); // auto-advance React.useEffect(() => { if (paused) return; const id = setInterval(() => setActive((a) => (a + 1) % items.length), 2800); return () => clearInterval(id); }, [paused, items.length]); // scroll to active card React.useEffect(() => { const track = trackRef.current; if (!track) return; const card = track.children[active]; if (card) { const offset = card.offsetLeft - track.offsetLeft - 32; track.scrollTo({ left: offset, behavior: 'smooth' }); } }, [active]); return (
{/* glows */}
{/* HEADER em bloco superior */}
o que muda na sua vida

Não é só sobre pele.
É sobre rotina, autonomia e tempo de volta.

{/* 2 COLUNAS, foto à esquerda + carrossel vertical à direita */}
{/* COLUNA FOTO */}
{/* halo cônico atrás da foto */}
Liberdade Nubelle
{Array.from({ length: 5 }).map((_, i) => )}
● vida depois do laser
Sair de casa
sem pensar.
{/* COLUNA CARROSSEL */}
{/* controles */}
{String(active + 1).padStart(2, '0')} / {String(items.length).padStart(2, '0')} benefícios
{/* TRACK horizontal dentro da coluna */}
{/* fade right */}
setPaused(true)} onMouseLeave={() => setPaused(false)}> {items.map((it, i) => { const isActive = i === active; return (
{ setActive(i); setPaused(true); }} className="group relative shrink-0 w-[260px] md:w-[300px] p-5 md:p-6 rounded-3xl snap-start cursor-pointer transition-all duration-500 flex flex-col" style={{ background: isActive ? 'linear-gradient(145deg, rgba(255,139,122,0.12) 0%, rgba(14,59,58,0.4) 100%)' : 'rgba(255,255,255,0.03)', border: isActive ? '1px solid rgba(255,139,122,0.5)' : '1px solid rgba(255,139,122,0.1)', boxShadow: isActive ? '0 0 40px rgba(255,139,122,0.15), inset 0 0 30px rgba(255,139,122,0.05)' : 'none', transform: isActive ? 'translateY(-4px)' : 'translateY(0)', minHeight: '100%' }}>
{it.num}
{it.tag}

{it.title}

{it.body}

); })}
{/* progress dots */}
{items.map((_, i) => )}
{/* CTA — quero estes benefícios */}
Quero estes benefícios →
); } Object.assign(window, { TechSection, PeleNegra, Benefits });