// 3 variações do Hero, escolhíveis via Tweaks function Hero({ variant = 'editorial' }) { if (variant === 'gradient') return ; if (variant === 'showcase') return ; return ; } // VARIANT 1: Editorial split (collage à esquerda, headline/CTA à direita) function HeroEditorial() { const [choker, setChoker] = React.useState(null); // Lê config do admin. Quando mode='custom', usa overrides em vez do choker aleatório. const heroCfg = (typeof window !== 'undefined' && window.SITE_CONFIG?.hero) || null; const customMode = heroCfg?.mode === 'custom'; React.useEffect(() => { if (customMode) return; // não busca produto quando custom fetch('/api/products?cat=Chokers') .then(r => r.ok ? r.json() : null) .then(data => { const list = data?.products || []; if (list.length) setChoker(list[Math.floor(Math.random() * list.length)]); }) .catch(() => {}); }, [customMode]); const imgs = (choker?.images || []).map(i => i.url).filter(Boolean); const big = customMode ? (heroCfg.image || null) : (imgs[0] || choker?.image || null); const small = customMode ? (heroCfg.image_2 || heroCfg.image || null) : (imgs[1] || big); const href = customMode ? (heroCfg.badge_link || 'categoria.html') : (choker?.slug ? `/produto?slug=${choker.slug}` : 'categoria.html'); const badgeText = customMode ? (heroCfg.badge_text || null) : (choker?.name ? 'Em destaque · ' + choker.name : null); const imageAlt = customMode ? (heroCfg.image_alt || 'Destaque Lua Azul') : (choker?.name || 'Choker em destaque'); const eyebrowText = (customMode && heroCfg.eyebrow) || 'Coleção 2026 · Atelier Lua Azul'; const headlineTop = (customMode && heroCfg.headline_top) || 'Joia que'; const headlineEm = (customMode && heroCfg.headline_em) || 'te conhece'; const headlineBottom = (customMode && heroCfg.headline_bottom) || 'antes do espelho.'; return (
{/* glow dourado sutil canto direito */}
); } function Trust({ v, l }) { return (
{v}
{l}
); } // VARIANT 2: Full-bleed gradient with floating product function HeroGradient() { return (
{/* ambient orbs */}
{/* sparkles */} {Array.from({length: 30}).map((_,i)=>( ))}
NOVA COLEÇÃO · LUA AZUL 26

Joias que
brilham como o céu
antes da chuva.

Brincos, colares, pulseiras e chokers banhados a ouro 18k ou em Aço Inox Legitimo. Feitos à mão em Salvador, Bahia. Frete por transportadora em todo o Brasil.

Garantia 90 dias Envio Brasil Feito à mão
{/* price chip */}
Colar Gota Celeste
R$ 419 ou 6x R$ 69,83
); } // VARIANT 3: Showcase grid (3 columns of imagery + centered copy on top) function HeroShowcase() { return (
· Lua Azul · joias autorais ·

Para mulheres que
carregam o oceano consigo.

Brincos, colares, pulseiras e chokers banhados a ouro 18k ou em Aço Inox Legitimo. Feitos à mão em Salvador, Bahia.

{/* 3-up image grid */}
{[ { cat: 'Brincos', hue: 180, h: 360, off: 40 }, { cat: 'Colares', hue: 190, h: 460, off: 0 }, { cat: 'Pulseiras', hue: 175, h: 380, off: 60 }, ].map((it,i)=>(
))}
); } Object.assign(window, { Hero });