/* HEY!BEAR — shared components */ const { useState, useEffect, useRef } = React; const HB = window.HB; const BRL = (n) => "R$" + n.toLocaleString("pt-BR"); /* ---------- Gummy bear mascot (basic shapes only) ---------- */ function GummyBear({ size = 46, color = "var(--pink)", style }) { return ( ); } /* ---------- Logo (official) ---------- */ function Logo({ size = "sm", onClick }) { const h = size === "lg" ? 96 : 52; return ( Hey!Bear ); } /* ---------- Icons (simple) ---------- */ const Icon = { cart: (p) => , snow: (p) => , bag: (p) => , pack: (p) => , heart: (p) => , play: (p) => , search: (p) => , instagram: (p) => , }; /* ---------- Striped placeholder ---------- */ function Placeholder({ label, a = "#FFE3F0", b = "#FFD0E6", style }) { return (
{label}
); } /* ---------- Floating gummies decor ---------- */ function Floaties({ items }) { return ( <> {items.map((it, i) => (
{it.bear ? :
}
))} ); } /* ---------- Reveal-on-scroll hook ---------- */ function useReveal() { useEffect(() => { const els = document.querySelectorAll(".reveal:not(.in)"); const io = new IntersectionObserver((ents) => { ents.forEach((e) => { if (e.isIntersecting) { e.target.classList.add("in"); io.unobserve(e.target); } }); }, { threshold: 0.12 }); els.forEach((el) => io.observe(el)); return () => io.disconnect(); }); } /* ---------- Header ---------- */ function Header({ nav, route, count, onCart, onMenu }) { const links = [ ["shop", "Shop"], ["creatina", "Creatina"], ["glow", "Glow"], ["sleep", "Sleep"], ["cravings", "Cravings"], ["feedbacks", "Feedbacks"], ["sobre", "Sobre"], ["contato", "Contato"], ]; return (
{[0, 1].map((k) => ( Nova fórmula Hey!Bear Frete grátis acima de R$199 Sem açúcar Sem shaker, sem complicação 3g de creatina por goma Embaladas individualmente ))}
nav("home")} style={{ cursor: "pointer" }}>
); } /* ---------- Footer ---------- */ function Footer({ nav }) { return ( ); } /* ---------- Cart drawer ---------- */ function CartDrawer({ open, items, onClose, setQty, remove, total, nav }) { const FREE = 199; const pct = Math.min(100, (total / FREE) * 100); return ( <>
); } Object.assign(window, { GummyBear, Logo, Icon, Placeholder, Floaties, useReveal, Header, Footer, CartDrawer, BRL }); /* If a product has a real checkout URL, go straight to it; otherwise use the in-app cart */ function buyProduct(p, add, qty) { if (p && p.checkout) { window.open(p.checkout, "_blank", "noopener"); } else if (add) { add(p.id, qty || 1); } } window.buyProduct = buyProduct;