// Sections.jsx — Tradeo site (reporting & relationship positioning)
const useT = (lang) => window.TRADEO_I18N && window.TRADEO_I18N[lang] || window.TRADEO_I18N['pt-BR'];
function HeaderBar({ lang, setLang, t }) {
const [open, setOpen] = React.useState(false);
const close = () => setOpen(false);
const links = [['#today', t.nav.product], ['#audience', t.nav.audience], ['#how', t.nav.how], ['#roadmap', t.nav.roadmap], ['#faq', 'FAQ']];
const langSwitch = (
{['pt-BR', 'en-US', 'es-419'].map((code) =>
)}
);
return (
);
}
function ReportMockup({ t }) {
const r = t.hero.rep;
return (
{r.clientLabel}
{r.client}
{r.period}
{r.filters.map((f, i) => {f})}
{r.totals.map((it, i) =>
)}
{r.status}
);
}
function Hero({ t, headline, ctaKey, heroVariant, showMicro }) {
const hKey = headline === 'A' ? 'h_a' : headline === 'C' ? 'h_c' : 'h_b';
const ctaText = ctaKey === 'report' ? t.hero.cta_report : ctaKey === 'evaluate' ? t.hero.cta_evaluate : t.hero.cta_demo;
const variant = heroVariant === 'text' ? 'text' : 'mockup';
return (
{t.hero.tag}
{t.hero[hKey]}
{t.hero.sub}
{showMicro &&
{t.hero.micro}
}
);
}
function SectionHead({ overline, title, sub, center }) {
return (
{overline}
{title}
{sub ?
{sub}
: null}
);
}
function ProblemSection({ t }) {
return (
{t.problem.items.map((it, i) =>
)}
);
}
function TodaySection({ t }) {
return (
{t.today.cards.map((c, i) =>
{c[0]}
{c[1]}
{t.today.overline}
)}
);
}
function ShiftBand({ t }) {
const s = t.shift;
return (
{s.overline}
{s.title}
{s.body}
{s.points.map((p, i) => {p})}
);
}
function ResultsSection({ t }) {
const r = t.results;
return (
{r.items.map((it, i) =>
{it}
)}
);
}
function MidCTA({ t }) {
return (
);
}
function AudienceSection({ t }) {
const a = t.audience;
return (
{a.groups.map((g, i) =>
{g[0]}
{g[1]}
{g[2]}
)}
);
}
function HowSection({ t }) {
return (
{t.how.steps.map((s, i) =>
{String(i + 1).padStart(2, '0')}
{s[0]}
{s[1]}
)}
);
}
function MaturitySection({ t }) {
const m = t.maturity;
return (
{m.cols[0]}
{m.cols[1]}
{m.cols[2]}
{m.rows.map((row, i) =>
{row[0]}
{m.statusLabels[row[1]]}
{row[2]}
)}
);
}
function RoadmapSection({ t }) {
return (
{t.roadmap.quarters.map((q, i) =>
{q.q}
{q.focus}
{q.items.map((it, j) => - {it}
)}
)}
);
}
function FAQSection({ t }) {
const [open, setOpen] = React.useState(0);
return (
{t.faq.items.map((it, i) =>
{it.a}
)}
);
}
function DemoForm({ t }) {
const f = t.cta.form;
const [sent, setSent] = React.useState(false);
const Field = ({ label, children }) => (
);
if (sent) {
return (
{t.cta.submit} ✓
{t.cta.privacy}
);
}
return (
);
}
function DemoCTA({ t }) {
return (
{t.cta.overline}
{t.cta.title}
{t.cta.body}
30 min
online
{t.hero.rep.label}
);
}
function Footer({ t, lang, setLang }) {
const B = { email: 'contato@usetradeo.com', phone: '+55 54 9.9346.1322' };
return (
);
}
Object.assign(window, {
HeaderBar, Hero, ReportMockup, SectionHead, ProblemSection, ShiftBand, ResultsSection,
TodaySection, MidCTA, AudienceSection, HowSection, MaturitySection, RoadmapSection,
FAQSection, DemoCTA, Footer, useT,
});