// Sugar Rush Co. -- shared UI: icons, header, footer, cards, awning, bands const { useState, useEffect, useMemo } = React; /* -- Social icons -- */ function InstagramIcon({ size = 20 }) { return ( ); } function TikTokIcon({ size = 20 }) { return ( ); } function PinterestIcon({ size = 20 }) { return ( ); } /* -- Icons -- */ function I({ children, size = 22 }) { return ( ); } function CherryIcon({ size = 24 }) { return ( ); } function BagIcon({ size = 20 }) { return ( ); } function XIcon({ size = 16 }) { return ; } function CatIcon({ kind, size = 20 }) { if (kind === "gloss") return ( ); if (kind === "candle") return ( ); if (kind === "squish") return ( ); if (kind === "jar") return ( ); if (kind === "perfume") return ( ); return ; } /* -- Helpers -- */ function catById(id) { return SHOP_DATA.categories.find((c) => c.id === id); } function productById(id) { return SHOP_DATA.products.find((p) => p.id === id); } const THUMB_BG = { lipgloss: "var(--acc)", candles: "var(--acc2)", squishies: "var(--acc3)", "body-butter": "var(--acc2)", perfume: "var(--acc)" }; /* -- Product image placeholder -- */ const CAT_GRADIENTS = { lipgloss: "linear-gradient(145deg, #E8D5FF 0%, #C9AAEB 100%)", candles: "linear-gradient(145deg, #FFD6A5 0%, #FFAB6B 100%)", squishies: "linear-gradient(145deg, #DEC8F5 0%, #C29EE8 100%)", "body-butter": "linear-gradient(145deg, #F0E4FF 0%, #C9AAEB 100%)", perfume: "linear-gradient(145deg, #E8C8F5 0%, #C89AE8 100%)" }; function ProductImage({ product, height = 200, radius = 14 }) { const bg = CAT_GRADIENTS[product.cat] || CAT_GRADIENTS.lipgloss; return (
); } /* -- Awning -- */ const AWNINGS = { "Accent stripes": { a: "var(--acc)", b: "#FFFFFF", ink: false }, "Sky stripes": { a: "var(--acc3)", b: "#FFFFFF", ink: false }, "Ink & lace": { a: "var(--tld-ink)", b: "var(--tld-ink)", ink: true } }; function Awning({ awning, name }) { const cfg = AWNINGS[awning] || AWNINGS["Accent stripes"]; return (
{name}
); } /* -- Header -- */ function Header({ name, route, go, cartCount, openCart }) { const links = [["home", "Home"], ["shop", "Shop"], ["contact", "Contact"]]; const [menuOpen, setMenuOpen] = useState(false); const close = () => setMenuOpen(false); return (
); } /* -- Footer -- */ function Footer({ name, go }) { return ( ); } /* -- Stock helper: reads from localStorage overrides, falls back to data.js -- */ function getStock(productId) { try { const overrides = JSON.parse(localStorage.getItem("sugarrush.inventory") || "{}"); const base = SHOP_DATA.products.find((p) => p.id === productId); return overrides[productId] !== undefined ? overrides[productId] : (base ? base.stock : 0); } catch { return 0; } } /* -- Product card -- */ function ProductCard({ p, go, onAdd, showBlurb }) { const stock = getStock(p.id); const outOfStock = stock === 0; const lowStock = stock > 0 && stock <= 3; return (
!outOfStock && go("product", { id: p.id })}>
{outOfStock &&
Out of Stock
} {lowStock &&
Only {stock} left!
}
{catById(p.cat).label} - ${p.price}

{p.name}

{showBlurb &&

{p.blurb}

}
{!outOfStock && ( )}
); } /* -- Section head -- */ function SectionHead({ title }) { return (

{title}

); } /* -- Reviews -- */ function ReviewStrip() { return (
{SHOP_DATA.reviews.map((r, i) => (
{r.q}
★★★★★
- {r.by}
bought: {r.bought}
))}
); } /* -- Sweetlist signup -- */ function Sweetlist({ tone }) { const [email, setEmail] = useState(""); const [joined, setJoined] = useState(false); const join = () => { if (email.trim()) setJoined(true); }; return (

{tone.sweetTitle}

{tone.sweetSub}

{joined ? (
You are on the list - sweet! Keep an eye on your inbox.
) : (
setEmail(e.target.value)} onKeyDown={(e) => { if (e.key === "Enter") join(); }} />
)}
); } Object.assign(window, { I, CherryIcon, BagIcon, XIcon, CatIcon, InstagramIcon, TikTokIcon, PinterestIcon, catById, productById, THUMB_BG, CAT_GRADIENTS, AWNINGS, getStock, ProductImage, Awning, Header, Footer, ProductCard, SectionHead, ReviewStrip, Sweetlist });