// LC4lab — Shared components const { useState, useEffect, useRef, useMemo } = React; // Brand gradient mapping for cards function brandGradient(brand) { return `linear-gradient(135deg, ${brand.accent}28, ${brand.accent2}18 60%, transparent)`; } function coverGradient(brand) { return `linear-gradient(135deg, ${brand.accent}38 0%, ${brand.bg || '#0a1628'} 60%, ${brand.accent2}30 100%)`; } function formatPrice(n) { return "R$ " + n.toFixed(2).replace(".", ","); } // Icons - inline SVG const Icons = { search: (s=18) => , cart: (s=18) => , user: (s=18) => , sun: (s=18) => , moon: (s=18) => , arrow: (s=16) => , close: (s=18) => , plus: (s=14) => , ebook: (s=20) => , sheet: (s=20) => , play: (s=20) => , combo: (s=20) => , star: (s=14) => , check: (s=14) => , spark: (s=18) => , }; function typeIcon(type) { if (type === "E-book") return Icons.ebook(16); if (type === "Planilha") return Icons.sheet(16); if (type === "Aulas") return Icons.play(16); if (type === "Combo") return Icons.combo(16); return Icons.spark(16); } // Brand card function BrandCard({ brand, onClick }) { const total = brand.products.length; return (
{brand.name}/ {brand.tag}

{brand.name}

{brand.pitch}

{total} produtos · {brand.students} alunos
{Icons.arrow(14)}
); } // Product card function ProductCard({ brand, product, onOpen, onAdd }) { const initials = product.title.split(" ").slice(0,2).map(w => w[0]).join("").toUpperCase(); return (
{typeIcon(product.type)} {product.type} {product.bestseller && + Vendido} {product.image ? ( {product.title} ) : ( <>
{initials}
)}

{product.title}

{product.desc}

{product.pages && {product.pages} páginas} {product.duration && {product.duration} de aulas}
{formatPrice(product.price)} {product.original && {formatPrice(product.original)}}
); } // Product modal function ProductModal({ brand, product, onClose, onAdd, go }) { useEffect(() => { const onKey = (e) => e.key === "Escape" && onClose(); document.addEventListener("keydown", onKey); document.body.style.overflow = "hidden"; return () => { document.removeEventListener("keydown", onKey); document.body.style.overflow = ""; }; }, []); if (!product) return null; const initials = product.title.split(" ").slice(0,2).map(w => w[0]).join("").toUpperCase(); return (
e.stopPropagation()}>
{product.image ? ( {product.title} ) : ( <>
{initials}
)} {typeIcon(product.type)} {product.type}
{brand.name} / {product.type}

{product.title}

{product.desc}

    {product.pages &&
  • {Icons.check()} {product.pages} páginas em PDF
    • } {product.duration &&
  • {Icons.check()} {product.duration} de vídeo-aulas
    • }
  • {Icons.check()} eBook
  • {Icons.check()} Planilha de controle
  • {Icons.check()} APP
{formatPrice(product.price)} {product.original && {formatPrice(product.original)}}
{product.salesPage && ( )} {brand.id === "controle-simplificado" && ( )}
); } // Cart drawer function CartDrawer({ open, items, onClose, onRemove, onCheckout }) { if (!open) return null; const total = items.reduce((a, i) => a + i.product.price, 0); const original = items.reduce((a, i) => a + (i.product.original || i.product.price), 0); const saved = original - total; return ( <>
); } // Toasts function Toasts({ toasts }) { return (
{toasts.map(t =>
{Icons.check()} {t.msg}
)}
); } // Reveal hook function useReveal() { useEffect(() => { const els = document.querySelectorAll(".reveal"); const io = new IntersectionObserver((entries) => { entries.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(); }); } Object.assign(window, { BrandCard, ProductCard, ProductModal, CartDrawer, Toasts, Icons, formatPrice, brandGradient, coverGradient, typeIcon, useReveal, });