// hero.jsx — 3 hero variations for Ultra 3D Brasil
const { useState, useEffect, useRef } = React;
function Words({ text, base = 0 }) {
return text.split(" ").map((w, i) => (
{w}
));
}
function Headline({ text }) {
// split on "/" -> part after is the gold italic accent
const [main, accent] = text.split("/").map(s => s.trim());
const mainWords = main.split(" ").length;
return (
{accent && }
);
}
function HeroPill() {
return (
Impressão 3D multicolor · Brasil
);
}
function HeroActions() {
return (
);
}
function HeroStats() {
const stats = [
{ n: "4", l: "cores na mesma peça" },
{ n: "48h", l: "prazo médio do mockup" },
{ n: "+50", l: "modelos no catálogo" },
];
return (
{stats.map((s, i) => (
))}
Bonecos, colecionáveis e chaveiros dos seus personagens favoritos — God of War, Star Wars e muito mais.
Impressos em 3D com acabamento à mão e atendimento direto com quem produz.
);
}
function PrintFigure() {
const ref = useRef(null);
useEffect(() => {
const el = ref.current;
if (!el) return;
const t1 = setTimeout(() => el.classList.add("go"), 500);
const t2 = setTimeout(() => el.classList.add("done"), 500 + 2700);
return () => { clearTimeout(t1); clearTimeout(t2); };
}, []);
return (
Feito à mão
Troca de cor automática
);
}
function HeroPrint({ headline }) {
return (
);
}
function Turntable() {
return (
);
}
function HeroPedestal({ headline }) {
return (
Impressão 3D multicolor · Brasil
Bonecos, colecionáveis e chaveiros dos seus personagens favoritos — impressos em 3D
com acabamento à mão e atendimento direto com quem produz.
);
}
function HeroType({ headline }) {
const [main, accent] = headline.split("/").map(s => s.trim());
return (
Impressão 3D multicolor · Brasil
{accent && }
Personagens de games, mascotes de time, bonecos e chaveiros — impressos em 3D
com acabamento à mão e atendimento direto com quem produz.
);
}
function Hero({ variant, headline }) {
const ref = useRef(null);
useEffect(() => {
const el = ref.current;
if (!el) return;
const tm = setTimeout(() => el.classList.add("in"), 80);
return () => clearTimeout(tm);
}, [variant]);
const headlines = {
impressao: headline || "Personagens que saem da tela / e ganham forma.",
pedestal: headline || "Colecionáveis que merecem / um pedestal.",
tipografico: headline || "Ultra 3D / suas ideias, impressas.",
};
const h = headline || headlines[variant];
return (
{variant === "impressao" && }
{variant === "pedestal" && }
{variant === "tipografico" && }
);
}
Object.assign(window, { Hero });