/* Ez Runner page */
/* eslint-disable */
const { useState: useS_R, useEffect: useE_R } = React;
const EZ_RUNNER_PLAY_URL = 'https://play.google.com/store/apps/details?id=com.ezvstudio.ezrunner';
const EZ_RUNNER_APPLE_URL = 'https://apps.apple.com/br/app/ez-runner/id6790583358';
/* Tokens */
const ERPC = {
bg: '#0a0a0b',
bg2: '#0d0d10',
bg3: '#111114',
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)',
yellow: '#d4ff00',
yellowSoft: 'rgba(212,255,0,0.12)',
yellowDim: 'rgba(212,255,0,0.28)',
orange: '#ff7a1f',
};
function getInitialLangR() {
try {
const u = new URL(window.location.href);
const fromUrl = u.searchParams.get('lang');
if (fromUrl && ERP[fromUrl]) return fromUrl;
const fromLs = localStorage.getItem('ezLang');
if (fromLs && ERP[fromLs]) return fromLs;
} catch {}
return 'pt';
}
/* ── Top Nav with EM CONSTRUÇÃO badge ─────────────────── */
function RNav({ lang, setLang, T }) {
return (
);
}
function RLang({ 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 helper (mirrors EDPSection but with yellow tokens) */
function RSection({ children, id, padTop = 140, padBottom = 140, style }) {
return (
);
}
function REyebrow({ children, style }) {
return (
{children}
);
}
const rHeadlineXL = {
fontFamily: 'Inter, sans-serif',
fontSize: 'clamp(36px, 5.4vw, 72px)',
fontWeight: 500, letterSpacing: '-0.035em', lineHeight: 1.0,
margin: 0, color: ERPC.fg,
};
function RButton({ children, variant = 'primary', href = '#', icon, onClick, target, rel }) {
const isPrimary = variant === 'primary';
return (
{ e.currentTarget.style.transform = 'translateY(-1px)'; if (!isPrimary) e.currentTarget.style.borderColor = ERPC.yellow; }}
onMouseLeave={(e) => { e.currentTarget.style.transform = 'translateY(0)'; if (!isPrimary) e.currentTarget.style.borderColor = ERPC.borderHi; }}
>
{children}
{icon && {icon}}
);
}
/* ── HERO with brand cover ────────────────────────────── */
function RHero({ T, lang }) {
return (
{/* Background glow */}
{T.hero.eyebrow}
{T.hero.titleA}
{T.hero.titleB}
{T.hero.tagline}
{T.hero.desc}
{T.hero.cta}
{T.hero.ctaApple}
{T.hero.cta2}
{T.hero.tag1}
{T.hero.tag2}
NEW
{/* Brand cover artwork */}
);
}
function RPill({ children, yellow }) {
return (
{yellow && }
{children}
);
}
/* ── About ────────────────────────────────────────────── */
function RAbout({ T }) {
const a = T.about;
return (
{a.label}
{a.titleA}
{a.titleB}
{a.body.map((p, i) => (
{p}
))}
);
}
/* ── Features (planned) ───────────────────────────────── */
function RFeatures({ T }) {
const f = T.features;
return (
{f.label}
{f.titleA}
{f.titleB}
{f.sub}
{f.items.map(([t, d], i) => (
{ e.currentTarget.style.background = ERPC.bg3; }}
onMouseLeave={(e) => { e.currentTarget.style.background = ERPC.bg; }}
>
{t}
{d}
))}
{s.titleA} {s.titleB}
{s.sub}
{screens.map((sc, i) => (
{ e.currentTarget.style.borderColor = 'rgba(212,255,0,0.28)'; e.currentTarget.style.transform = 'translateY(-3px)'; }}
onMouseLeave={(e) => { e.currentTarget.style.borderColor = ERPC.border; e.currentTarget.style.transform = 'translateY(0)'; }}
>
))}
{v.label}
{v.bodyA}
{v.bodyB}
);
}
/* ── Final CTA ────────────────────────────────────────── */
function RFinal({ T, lang }) {
const c = T.cta;
return (
{c.eyebrow}
{c.titleA}
{c.titleB}
{c.sub}
{c.button}
{c.buttonApple}
{c.buttonBack}
);
}
function RFooter({ lang }) {
return (
);
}
/* ── App entry ────────────────────────────────────────── */
function ERApp() {
const [lang, setLang] = useS_R(getInitialLangR());
useE_R(() => {
try {
localStorage.setItem('ezLang', lang);
const u = new URL(window.location.href);
u.searchParams.set('lang', lang);
window.history.replaceState({}, '', u);
} catch {}
}, [lang]);
const T = ERP[lang] || ERP.pt;
return (
);
}
const erRoot = ReactDOM.createRoot(document.getElementById('root'));
erRoot.render();
