);
}
function Section({ children, ...props }) { const r = useRef(null); useReveal(r); return
; }
function App() {
const [trTab, setTrTab] = useState(0);
const [faqOpen, setFaqOpen] = useState(0);
const [sliderPos, setSliderPos] = useState(50);
const [loaded, setLoaded] = useState([false, false, false]);
const [formSent, setFormSent] = useState(false);
const [cookieState, setCookieState] = useState(() => localStorage.getItem('od-cookies') || '');
const [modalOpen, setModalOpen] = useState(false);
const [cookiePrefs, setCookiePrefs] = useState({ essential: true, analytics: false, marketing: false });
const saveCookie = (p) => { localStorage.setItem('od-cookies', JSON.stringify(p)); setModalOpen(false); setCookieState('set'); };
const sliderRef = useRef(null);
const update = (cx) => { const el = sliderRef.current; if (!el) return; const r = el.getBoundingClientRect(); setSliderPos(Math.max(0, Math.min(100, ((cx - r.left) / r.width) * 100))); };
const onMove = (e) => update(e.touches ? e.touches[0].clientX : e.clientX);
const onDown = (e) => { e.preventDefault(); const m = (ev) => onMove(ev); const u = () => { document.removeEventListener('mousemove', m); document.removeEventListener('mouseup', u); document.removeEventListener('touchmove', m); document.removeEventListener('touchend', u); }; document.addEventListener('mousemove', m); document.addEventListener('mouseup', u); document.addEventListener('touchmove', m, { passive: false }); document.addEventListener('touchend', u); onMove(e); };
const imLoad = (i) => setLoaded(p => { const n = [...p]; n[i] = true; return n; });
const gallery = ['/assets/results-1.jpg', '/assets/results-2.jpg', '/assets/clinic-interior.jpg'];
return <>
{/* Hero */}
Clínica no Porto · Boavista
Medicina Esté na Porto com Rigor Clínico: Realce a Sua Beleza Natural
Diagnóstico médico rigoroso, equipa qualificada e resultados naturais, pensados para quem valoriza segurança tanto quanto estética.
Na Derma & Forma – Aesthetic Clinic, os protocolos de estética facial e corporal são desenhados após uma avaliação médica individual. Sem padronizações, sem exageros — apenas a sua naturalidade, realçada com ciência.
{([1, 2, 3, 4].map(i =>
))}
★★★★★
+2 mil pacientes acompanhados · nota 4, ± no Google
ERS · Ordem dos MédicosClínica licenciada e registada
{[['+2 mil','pacientes acompanhados'],['4,9','nota no Google'],['98%','de satisfação'],['Pagamento\nfaseado','disponível']].map((x,i) =>
{x[0].split('\n').map((l,j) => <>{j>0 &&
}{l})}
{x[1]}
)}
Compreensão
Cuidar de si, sem exageros.
{[{ h: "Medo de resultados artificiais", p: "O nosso foco é a naturalidade. Valorizamos os seus traços, sem exageros nem padronizações.", od: 'obj-card-natural' },
{ h: "Não sabe por onde começar", p: "Na Consulta de Avaliação, desenhamos consigo um plano à medida da sua pele e dos seus objetivos.", od: 'obj-card-start' },
{ h: "Já teve uma experiência dececionante", p: "Equipa médica qualificada, produtos certificados e um ambiente seguro e acolhedor, do início ao fim.", od: 'obj-card-past' }].map(x => (
{x.h}
{x.p}
))}
{/* Treatments */}
{/* WhatsApp Float */}
;
}
ReactDOM.createRoot(document.getElementById('root')).render(React.createElement(App));