// LAM Shining — UI components. // Header, Hero variants, Ribbon, Featured grid, Categories, Footer, WhatsApp FAB, Toast, MobileDrawer. const { useState, useEffect, useRef, useMemo } = React; // ── Icons ──────────────────────────────────────────────────────────────────── const Icon = { Search: (p) => ( ), Bag: (p) => ( ), Menu: (p) => ( ), X: (p) => ( ), Arrow: (p) => ( ), WhatsApp: (p) => ( ), Instagram: (p) => ( ), TikTok: (p) => ( ), Heart: (p) => ( ), }; // ── Header ─────────────────────────────────────────────────────────────────── function Header({ cartCount, onCart, onMenu, onNav, activeSection }) { const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 24); onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); const NAV = [ { id: "home", label: "Home", ar: "الرئيسية" }, { id: "shop", label: "Shop", ar: "المتجر" }, { id: "categories", label: "Categories", ar: "الأقسام" }, { id: "payment", label: "Payment", ar: "الدفع" }, ]; return (
{ e.preventDefault(); onNav("home"); }}> LAM Shining
); } // ── Mobile drawer ──────────────────────────────────────────────────────────── function MobileDrawer({ open, onClose, onNav }) { const NAV = [ { id: "home", label: "Home", ar: "الرئيسية" }, { id: "shop", label: "Shop", ar: "المتجر" }, { id: "categories", label: "Categories", ar: "الأقسام" }, { id: "payment", label: "Payment", ar: "الدفع" }, ]; return (
); } // ── Hero variants ──────────────────────────────────────────────────────────── const HERO_IMG = "https://images.unsplash.com/photo-1515562141207-7a88fb7ce338?w=1600&q=85&auto=format&fit=crop"; function HeroEditorial({ onShop }) { return (
Issue No. 01 · Spring / Summer 2026

Quiet luxury,
loudly loved.

فخامة هادئة، محبوبة بشدة

A small Egyptian accessories house, founded in Cairo. Hand-finished pieces designed to be worn every day — never saved for someday.

); } function HeroSplit({ onShop }) { return (
Spring / Summer 2026

Made for
everyday elegance.

مصنوع للأناقة اليومية

A small Egyptian accessories house. Hand-finished pieces designed to be worn every day — never saved for someday.

); } function HeroGrand({ onShop }) { return (
Est. Cairo · 2024

LAM
Shining

لام شاينينج

A small Egyptian accessories house. Hand-finished pieces designed to be worn every day — never saved for someday.

); } function Hero({ variant, onShop }) { if (variant === "split") return ; if (variant === "grand") return ; return ; } // ── Marquee ribbon ─────────────────────────────────────────────────────────── function Ribbon() { const items = [ "Free delivery in Cairo over EGP 1500", "توصيل مجاني في القاهرة", "Hand-finished in Egypt", "صُنع يدوياً في مصر", "WhatsApp · InstaPay · Vodafone Cash", "واتساب · انستا باي · فودافون كاش", "New arrivals every Friday", "تشكيلات جديدة كل جمعة", ]; // Duplicate for seamless scroll const full = [...items, ...items]; return ( ); } // ── Product card ───────────────────────────────────────────────────────────── function ProductCard({ product, onOpen, onAdd, variant }) { const [bg, ink] = product.palette || ["#f4f2ed", "#1a1a1a"]; const hasImage = !!product.image; return (
onOpen(product)}>
{hasImage ? ( {product.name} ) : (
{product.name.charAt(0)}
LAM · {product.no} {product.category.toUpperCase()}
)} {product.badge && {product.badge}}
{variant === "editorial" &&
No. {product.no}
}
{product.name}
{product.nameAr}
EGP {product.price.toLocaleString()} {product.originalPrice && ( EGP {product.originalPrice.toLocaleString()} )}
); } // ── Featured / Shop section ────────────────────────────────────────────────── function Featured({ products, cardVariant, onOpen, onAdd, filter, setFilter }) { const filtered = useMemo(() => { return filter === "all" ? products : products.filter(p => p.category === filter); }, [products, filter]); return (
— The Collection · المجموعة

Every piece,
a small obsession.

Twelve pieces, each photographed in natural light. اثنتا عشرة قطعة، كل منها مصورة في إضاءة طبيعية.
{CATEGORIES.map(c => ( ))}
{filtered.map((p, i) => ( ))}
); } // ── Categories ─────────────────────────────────────────────────────────────── function Categories({ onPick }) { return (
— Categories · الأقسام

Find your thing.

Six categories, one ethos: pieces that work as hard as you do. ستة أقسام، فلسفة واحدة: قطع تعمل بقدر ما تعمل أنتِ.
{CATEGORIES.map((c, i) => ( ))}
); } // ── Footer ─────────────────────────────────────────────────────────────────── function Footer({ onNav }) { return ( ); } // ── WhatsApp FAB ───────────────────────────────────────────────────────────── function WhatsAppFab({ onClick }) { return ( ); } // ── Toast ──────────────────────────────────────────────────────────────────── function Toast({ message }) { return
{message}
; } Object.assign(window, { Icon, Header, MobileDrawer, Hero, Ribbon, ProductCard, Featured, Categories, Footer, WhatsAppFab, Toast, });