/* EZV Studio – Mulher + Saúde + Proteção dedicated page */
/* eslint-disable */
const { useState: useS_MHP, useEffect: useE_MHP } = React;
const MHPC = {
bg: '#0a0a0b',
bg2: '#0d0d0e',
bg3: '#101010',
fg: '#f6f4ef',
fg2: 'rgba(246,244,239,0.62)',
fg3: 'rgba(246,244,239,0.4)',
fg4: 'rgba(246,244,239,0.22)',
border: 'rgba(255,255,255,0.07)',
borderHi: 'rgba(255,255,255,0.14)',
pink: '#ff5e72',
pinkSoft: 'rgba(255,94,114,0.10)',
pinkDim: 'rgba(255,94,114,0.28)',
teal: '#2ecdb7',
green: '#22d36b',
};
function getInitialLangMHP() {
try {
const u = new URL(window.location.href);
const fromUrl = u.searchParams.get('lang');
if (fromUrl && MHPI[fromUrl]) return fromUrl;
const fromLs = localStorage.getItem('ezLang');
if (fromLs && MHPI[fromLs]) return fromLs;
} catch {}
return 'pt';
}
/* ── Nav ──────────────────────────────────────────────── */
function MHPNav({ lang, setLang, T }) {
return (
);
}
function MHPLang({ lang, setLang }) {
const langs = [
{ code: 'pt', Flag: FlagBR },
{ code: 'en', Flag: FlagUS },
{ code: 'es', Flag: FlagES },
];
return (
{langs.map(({ code, Flag }) => {
const active = code === lang;
return (
);
})}
);
}
/* ── Section wrapper ──────────────────────────────────── */
function MHPSection({ children, id, padTop = 140, padBottom = 140, style }) {
return (
);
}
function MHPEyebrow({ children, style }) {
return (
{children}
);
}
const mhpHeadlineXL = {
fontFamily: 'Inter, sans-serif',
fontSize: 'clamp(36px, 5.4vw, 72px)',
fontWeight: 500, letterSpacing: '-0.035em', lineHeight: 1.0,
margin: 0, color: MHPC.fg,
};
function MHPButton({ children, variant = 'primary', href = '#', icon, target }) {
const isPrimary = variant === 'primary';
return (
{ e.currentTarget.style.transform = 'translateY(-1px)'; if (isPrimary) e.currentTarget.style.background = '#ff7a8b'; else e.currentTarget.style.borderColor = MHPC.pink; }}
onMouseLeave={(e) => { e.currentTarget.style.transform = 'translateY(0)'; if (isPrimary) e.currentTarget.style.background = MHPC.pink; else e.currentTarget.style.borderColor = MHPC.borderHi; }}
>
{children}
{icon && {icon}}
);
}
function MHPPill({ children, accent }) {
return (
{accent && }
{children}
);
}
/* ── HERO ─────────────────────────────────────────────── */
function MHPHero({ T, lang }) {
const h = T.hero;
return (
{h.eyebrow}
{h.titleA}
{h.titleB}
{h.tagline}
{h.desc}
{h.cta}
{h.cta2}
{h.tag1}
{h.tag2}
{h.tag3}
{/* SOS demo panel */}
{h.demoLabel}
🛡️
{h.demoBefore}
→
{h.demoAfter}
{h.demoMsg}
);
}
/* ── GUARDIAN HOW-IT-WORKS ─────────────────────────────── */
function MHPHow({ T }) {
const h = T.how;
return (
{h.label}
{h.titleA}
{h.titleB}
{h.sub}
{h.steps.map((step, i) => (
))}
{f.titleA}
{f.titleB}
{f.sub}
{f.items.map((item, i) => (
{ el.currentTarget.style.background = MHPC.bg3; }}
onMouseLeave={(el) => { el.currentTarget.style.background = MHPC.bg2; }}
>
{String(i + 1).padStart(2, '0')}
{item.name}
{item.desc}
))}
{t.badge}
{t.titleA}
{t.titleB}
{t.sub}
{t.features.map((f, i) => (
{f}
))}
);
}
/* ── TRUST STRIP ────────────────────────────────────────── */
function MHPTrust({ T }) {
const t = T.trust;
return (
{t.label}
{t.titleA}
{t.titleB}
{t.sub}
{t.items.map((item, i) => (
{item}
))}
{l.label}
{l.title}
{l.sub}
);
}
/* ── CTA FINAL ────────────────────────────────────────── */
function MHPCTA({ T }) {
const c = T.cta;
return (
{c.label}
{c.title}
{c.sub}
{c.note}
);
}
/* ── FOOTER ───────────────────────────────────────────── */
function MHPFooter({ lang }) {
return (
);
}
/* ── ROOT ─────────────────────────────────────────────── */
function MulherPage() {
const [lang, setLang] = useS_MHP(getInitialLangMHP);
useE_MHP(() => {
try { localStorage.setItem('ezLang', lang); } catch {}
window.__ezLang = lang;
}, [lang]);
const T = MHPI[lang] || MHPI.pt;
return (
);
}
const mhpRoot = ReactDOM.createRoot(document.getElementById('root'));
mhpRoot.render();