/* Maitha Tech — "Data Unit" page sections.
Reuses shared primitives (Section, SectionHead, Accent, Reveal), the DS
Button/Eyebrow, and the home's Nav + Contact + Footer. Content mirrors the
real Data Unit: data-driven journey, engineering → analytics → cultura. */
/* —— Hero (immersive: integrated background image) ————— */
function DataHero() {
return (
Data UnitO que fazemos
Transforme dados em oportunidades reais de negócio.
Ajudamos empresas a evoluírem na jornada data-driven, conectando, tratando e organizando dados para que se tornem a base de decisões estratégicas e do uso eficiente da IA. Do primeiro pipeline à cultura analítica, transformamos dados em valor.
);
}
/* —— Statement (inverted: white band, black text) ————— */
function DataStatement() {
return (
Como atuamos
Do primeiro pipeline à cultura analítica, transformamos dados dispersos em decisões inteligentes.
);
}
/* —— Offerings (3 pilares) ————————————————————————— */
const DATA_OFFERINGS = [
{ n: "01", t: "Data Engineering", d: "Conectamos, tratamos e organizamos seus dados, transformando-os em uma base sólida para IA e para decisões que movem o negócio.", img: "assets/images/data-engineering.jpg" },
{ n: "02", t: "Hyper Personalization Data", d: "Usamos dados para personalizar experiências em escala, conectando comportamento, contexto e canais para entregar a mensagem certa, à pessoa certa, no momento certo.", img: "assets/images/gallery-one.webp" },
{ n: "03", t: "Data Driven Journey", d: "Ajudamos sua empresa a evoluir na jornada de maturidade em dados, transformando cultura, ferramentas e decisões para que os dados deixem de ser promessa e virem prática.", img: "assets/images/service-design.webp" },
];
function DataOfferingRow({ o, flip }) {
const [h, setH] = React.useState(false);
const media = (
Da base de dados ao insight}
lead="Combine as frentes conforme a maturidade dos seus dados: da engenharia que estrutura a base à cultura que sustenta as decisões."
max={820}
/>
Prontos para o seu contexto}
lead="Atuamos de acordo com as necessidades do seu negócio, com as ferramentas e tecnologias mais atuais do mercado de dados."
/>
{DATA_TOOLS.map((t) => (
{t}
))}
);
}
/* —— Processo (interactive auto-advancing stepper) ——————— */
const DATA_STEPS = [
{ n: "01", t: "Data Assessment", d: "Diagnóstico de maturidade em dados, mapeamento de fontes e priorização de iniciativas com impacto.", img: "assets/images/data-step-1.jpg" },
{ n: "02", t: "Data Engineering", d: "Pipelines, integração e governança: estruturamos uma base de dados confiável e pronta para escalar.", img: "assets/images/data-step-2.jpg" },
{ n: "03", t: "Analytics & BI", d: "Dashboards e métricas que tornam os dados visíveis e orientam decisões no dia a dia do negócio.", img: "assets/images/data-step-3.jpg" },
{ n: "04", t: "Data Science & IA", d: "Modelos preditivos e analíticos que antecipam cenários e abrem caminho para o uso eficiente da IA.", img: "assets/images/data-step-4.jpg" },
{ n: "05", t: "Cultura data-driven", d: "Pessoas, ferramentas e ritos para que decisões guiadas por dados deixem de ser promessa e virem prática.", img: "assets/images/data-step-5.jpg" },
];
const DATA_STEP_DURATION = 5200;
function DataStepper() {
const [active, setActive] = React.useState(0);
const [paused, setPaused] = React.useState(false);
React.useEffect(() => {
if (paused) return;
const id = setTimeout(() => setActive((a) => (a + 1) % DATA_STEPS.length), DATA_STEP_DURATION);
return () => clearTimeout(id);
}, [active, paused]);
const s = DATA_STEPS[active];
return (
