/* Maitha Tech — hero. Three treatments selectable via Tweaks:
'framed' → headline then a full-width framed media block (default)
'split' → headline left, portrait media right
'type' → pure typographic hero on black, no media */
const HERO_LEAD = "Uma consultoria end-to-end apaixonada por tecnologia e inovação. Apoiamos times Tech de algumas das principais empresas do Brasil.";
/* Build the headline, wrapping the chosen word in a Playfair accent. */
function HeroHeadline({ accentWord, style }) {
const text = "Unimos inteligência artificial e humana para cocriar soluções digitais de alto impacto";
const words = text.split(" ");
return (
{words.map((w, i) => {
const clean = w.toLowerCase().replace(/[^a-zà-ú]/gi, "");
const isAccent = clean === accentWord;
return (
{isAccent ? {w} : w}
{i < words.length - 1 ? " " : ""}
);
})}
);
}
function HeroCtas({ size = "lg" }) {
return (
);
}
function HeroMedia({ ratio = "21 / 9", label = "Maitha Tech: quem somos" }) {
return (
);
}
function Hero({ variant = "framed", accentWord = "humana" }) {
const eyebrow = Consultoria de tecnologia end-to-end;
if (variant === "immersive") {
return (
);
}
if (variant === "split") {
return (
);
}
if (variant === "type") {
return (
{eyebrow}
{HERO_LEAD}
{[["+10 anos", "transformando negócios"], ["5 Units", "frentes de especialização"], ["120+", "projetos entregues"], ["AI + humano", "no centro de tudo"]].map(([k, v], i) => (
))}
);
}
/* framed (default) */
return (
);
}
window.Hero = Hero;
