/* global React, ReactDOM */ const { useState, useEffect, useRef } = React; /* ============================================================ DATA ============================================================ */ const SERVICES = [ { id: "auriculo", num: "01", name: "Auriculoterapia", blurb: "Estímulo de pontos específicos da orelha, com sementes, para alívio de tensões, ansiedade e insônia.", long: "A auriculoterapia é uma técnica terapêutica que estimula pontos específicos da orelha, geralmente com sementes, para auxiliar no alívio de dores, ansiedade, insônia e outros desconfortos.", long2: "Costuma ser bem tolerada — pode haver uma leve sensibilidade em pontos mais reativos, mas raramente é considerada dolorosa. Pode ser usada como prática complementar para ansiedade e dificuldades de sono.", duration: "30–40 min", indication: "Ansiedade, insônia, tensão geral", sensation: "Leve sensibilidade pontual", sessions: "Avaliada a cada caso" }, { id: "ventosa", num: "02", name: "Ventosaterapia", blurb: "Sucção controlada na pele para ativar circulação, soltar a musculatura e descomprimir costas, pescoço e ombros.", long: "A ventosaterapia utiliza ventosas para gerar sucção na pele. Essa pressão estimula a circulação local, relaxa a musculatura e alivia tensões — principalmente em regiões como costas, pescoço e ombros.", long2: "Pode deixar marcas temporárias semelhantes a manchas arroxeadas, que desaparecem com o passar dos dias. A intensidade é ajustada caso a caso conforme a tolerância e a resposta do corpo.", duration: "40–60 min", indication: "Tensão dorsal, circulação, recuperação", sensation: "Pressão e leve desconforto", sessions: "Sob avaliação" }, { id: "desportiva", num: "03", name: "Massagem Desportiva", blurb: "Trabalho focado em recuperação muscular, flexibilidade e prevenção de lesões para quem treina.", long: "A massagem desportiva é indicada para atletas e praticantes de atividade física. Auxilia na recuperação muscular, alívio de tensões, melhora da circulação, flexibilidade e prevenção de lesões.", long2: "Para quem treina ou pratica atividade física, costuma ser uma boa opção — mas a escolha da técnica ideal depende da avaliação do Marcelo, principalmente se houver dor, lesão ou limitação de movimento.", duration: "50–60 min", indication: "Atletas e praticantes de atividade física", sensation: "Pressão firme e modulada", sessions: "Pré e pós-treino, manutenção" }, { id: "terapeutica", num: "04", name: "Massagem Terapêutica", blurb: "Técnicas manuais profundas para dores, rigidez, mobilidade e tensões musculares persistentes.", long: "A massagem terapêutica utiliza técnicas manuais mais profundas para aliviar dores, tensões musculares, rigidez e desconfortos físicos. Também pode auxiliar na circulação e na melhora da mobilidade.", long2: "Pode promover relaxamento, mas seu foco é terapêutico — especialmente em dores, tensões e limitações musculares. Se a pessoa busca apenas relaxamento, o Marcelo pode orientar a melhor abordagem.", duration: "60 min", indication: "Dor crônica, rigidez, mobilidade", sensation: "Manipulação profunda controlada", sessions: "Sob avaliação clínica" }, { id: "tens", num: "05", name: "Estimulação Elétrica · TENS", blurb: "Corrente de baixa intensidade, não invasiva, para auxiliar no controle de dor crônica e neuropatia.", long: "A TENS (estimulação elétrica nervosa transcutânea) é uma técnica não invasiva que aplica correntes de baixa intensidade na pele para auxiliar no controle da dor e estimular os nervos — especialmente em dores crônicas nos pés e pernas.", long2: "A sensação costuma ser de formigamento leve e controlado, ajustada conforme a tolerância. Casos de neuropatia, diabetes, problemas circulatórios ou uso de medicamentos exigem análise individual.", duration: "30–45 min", indication: "Dor crônica, neuropatia periférica", sensation: "Formigamento controlado", sessions: "Programa de acompanhamento" }, { id: "seitai", num: "06", name: "New Seitai", blurb: "Técnica japonesa de quiropraxia suave, com ajustes manuais e ferramentas de madeira para realinhamento postural.", long: "O New Seitai é uma técnica japonesa de terapia manual e quiropraxia voltada ao realinhamento postural e ao alívio de dores crônicas ou agudas. Utiliza ajustes manuais e ferramentas de madeira para estimular articulações e vértebras de forma suave.", long2: "A proposta é trabalhar com estímulos suaves e controlados. Pode haver sensibilidade em algumas regiões, mas o atendimento é sempre ajustado conforme o conforto do cliente.", duration: "50–60 min", indication: "Postura, dores crônicas, coluna", sensation: "Ajustes manuais suaves", sessions: "Avaliação individual" }]; const FAQS = [ { q: "Quantas sessões eu vou precisar?", a: "Depende do caso, da intensidade da dor, da resposta do corpo e do objetivo do atendimento. O Marcelo orienta melhor após a primeira avaliação — algumas pessoas sentem alívio já na primeira sessão, outras seguem em acompanhamento progressivo." }, { q: "Faço academia — qual técnica é melhor pra mim?", a: "Para quem treina, a massagem desportiva costuma ser uma boa opção. Mas a escolha ideal depende da avaliação do Marcelo, principalmente se houver dor, lesão recente ou limitação de movimento." }, { q: "Tenho dor lombar. O que faço?", a: "A dor lombar pode ter várias causas. O ideal é passar pela avaliação para definir se a melhor abordagem é massagem terapêutica, ventosaterapia, New Seitai ou outra técnica. Cada caso é único." }, { q: "Ventosaterapia deixa marcas?", a: "Sim, pode deixar marcas temporárias na pele, semelhantes a manchas arroxeadas. Elas costumam desaparecer com o passar dos dias. A intensidade varia conforme a resposta do corpo de cada pessoa." }, { q: "Gestante pode fazer atendimento?", a: "Gestantes precisam de avaliação específica e cuidados especiais. Recomendo enviar uma mensagem direta ao Marcelo para orientação individual e adequada ao seu momento." }, { q: "Tenho marca-passo / trombose / lesão recente. Posso fazer?", a: "Esses casos precisam de avaliação profissional e, em geral, exigem muita cautela. Envie uma mensagem ao Marcelo e mantenha o acompanhamento médico — as técnicas não substituem tratamento ou diagnóstico médico." }, { q: "A massagem substitui remédio?", a: "Não. As técnicas podem auxiliar no alívio de dores e bem-estar, mas não substituem medicamentos, diagnóstico ou tratamento médico. Nunca interrompa medicação sem orientação do seu médico." }, { q: "Como funcionam o agendamento e o pagamento?", a: "O agendamento é feito por aqui, pelo formulário ao final desta página ou pelo WhatsApp. Valores, endereço e formas de pagamento (cartão, Pix) são confirmados diretamente pelo Marcelo no contato inicial." }]; const STEPS = [ { n: "01", t: "Mensagem inicial", d: "Você manda o seu caso — dor, objetivo, rotina. Sem compromisso." }, { n: "02", t: "Avaliação", d: "O Marcelo avalia e indica a técnica mais adequada para o seu corpo." }, { n: "03", t: "Sessão", d: "Atendimento individual em ambiente reservado, com técnica ajustada ao caso." }, { n: "04", t: "Acompanhamento", d: "Plano de continuidade quando indicado, com retornos e ajustes." }]; /* ============================================================ NAV ============================================================ */ function Nav({ onBook }) { const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 30); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); return ( ); } /* ============================================================ HERO ============================================================ */ function Hero({ onBook }) { return (
MASSOTERAPIA

Mãos que escutam
o que o corpo
já cansou de dizer.

Quinze anos de prática em técnicas corporais — auriculoterapia, ventosaterapia, massagem desportiva e terapêutica, TENS e New Seitai. Atendimento individual, adaptado a cada caso.

Ver técnicas
15+ anos de prática em técnicas corporais e quiropraxia suave
06 técnicas integradas, escolhidas conforme avaliação
Atendimento de Seg a Sáb Avaliação individual Ambiente reservado
↓ Role para explorar
); } /* ============================================================ ABOUT ============================================================ */ function About() { return (
Quem é o Marcelo

Um terapeuta que ouve antes
de impor a técnica.

Marcelo A. A. dos Santos é massoterapeuta com mais de quinze anos de prática. Trabalha com técnicas corporais adotadas em várias partes do mundo — sempre com a mesma premissa: a melhor técnica é a que o seu corpo, hoje, está pedindo.

Cada atendimento começa por uma escuta cuidadosa. Da escuta vem a leitura do quadro — dor, tensão, postura, rotina, treino, sono. Só então a técnica entra em cena: auriculoterapia, ventosaterapia, massagem desportiva ou terapêutica, TENS para neuropatia ou New Seitai.

O objetivo não é prometer milagre. É restaurar o que o corpo perdeu de conforto, presença e mobilidade — respeitando o tempo de cada pessoa.

15+
Anos de prática
06
Técnicas integradas
1:1
Atendimento individual
NOTA IMPORTANTE O atendimento massoterápico não substitui consulta médica, diagnóstico ou tratamento. Em casos de dor intensa, trauma, gestação, marca-passo, doença cardíaca, trombose, câncer, feridas ou pós-operatório recente, procure orientação médica antes do atendimento.
); } /* ============================================================ SERVICES ============================================================ */ function Services({ onOpen, onBook }) { return (
Técnicas

Seis caminhos
de cuidado.

Cada técnica tem seu propósito — e seu tempo. A indicação correta depende da avaliação do caso. Abaixo, o que cada uma propõe e quando ela faz sentido.

); } /* ============================================================ SERVICE MODAL ============================================================ */ function ServiceModal({ svc, onClose, onBook }) { useEffect(() => { const onKey = (e) => e.key === "Escape" && onClose(); document.body.style.overflow = "hidden"; document.addEventListener("keydown", onKey); return () => { document.body.style.overflow = ""; document.removeEventListener("keydown", onKey); }; }, [onClose]); if (!svc) return null; return (
e.stopPropagation()}>
Técnica · {svc.num}

{svc.name}

{svc.long}

{svc.long2}

Duração
{svc.duration}
Indicação
{svc.indication}
Sensação
{svc.sensation}
Sessões
{svc.sessions}
); } /* ============================================================ PROCESS ============================================================ */ function Process() { return (
Como funciona

Da primeira mensagem
à última sessão.

Quatro passos simples — sem mistério, sem promessa de cura. Só método, escuta e técnica.

{STEPS.map((s) =>
{s.n}

{s.t}

{s.d}

)}
); } /* ============================================================ FAQ ============================================================ */ function FAQ() { const [open, setOpen] = useState(0); return (
Dúvidas frequentes

O que as pessoas
costumam perguntar.

Não encontrou sua dúvida? Mande sua pergunta no formulário ao final desta página. Você recebe uma resposta direta do Marcelo, sem intermediário.
{FAQS.map((f, i) =>
{f.a}
)}
); } /* ============================================================ BOOKING ============================================================ */ function Booking({ initialSvc, clearInitial }) { const [selected, setSelected] = useState(""); const [form, setForm] = useState({ name: "", whatsapp: "", day: "", time: "", goal: "" }); const [sent, setSent] = useState(false); useEffect(() => { if (initialSvc) { setSelected(initialSvc); clearInitial && clearInitial(); } }, [initialSvc, clearInitial]); const update = (k) => (e) => setForm({ ...form, [k]: e.target.value }); const submit = (e) => { e.preventDefault(); setSent(true); }; return (
Agendamento

Conta o que incomoda.
A gente vê junto
o caminho.

Você manda dia, horário preferidos e o que tem incomodado. O Marcelo retorna em até 24 horas com a indicação da técnica e a confirmação da agenda.

WhatsApp
(41) 99189-5496
Atendimento
Segunda a Sábado · sob agenda
Local
São Paulo · confirmado no contato
Pagamento
Pix · cartão · dinheiro
{sent ?

Mensagem recebida

Obrigado, {form.name || "tudo bem"}. Sua solicitação chegou ao Marcelo. Você recebe retorno em até 24 horas no WhatsApp informado.

:

Solicitar atendimento

Resposta em até 24h, direta com o Marcelo.
{SERVICES.map((s) => )}
}
); } /* ============================================================ DISCLAIMER + FOOTER ============================================================ */ function Disclaimer() { return (
i
O atendimento massoterápico não substitui consulta médica. Em casos de dor intensa, trauma recente, dormência persistente, perda de força, febre, inchaço importante, gestação, doença cardíaca, marca-passo, câncer, trombose, feridas, infecções ou pós-operatório recente, procure orientação médica antes de agendar. As técnicas oferecidas auxiliam no bem-estar e não devem ser entendidas como promessa de cura.
); } function Foot() { return ( ); } /* ============================================================ APP ============================================================ */ function App() { const [openSvc, setOpenSvc] = useState(null); const [bookingSvc, setBookingSvc] = useState(""); const scrollToBook = (svcId) => { if (svcId) setBookingSvc(svcId); setTimeout(() => { const el = document.getElementById("contato"); if (el) window.scrollTo({ top: el.offsetTop - 60, behavior: "smooth" }); }, 30); }; return ( <>