// Gallery — floor photos, product showcase, brand partners const GalleryPage = ({setRoute, addToCart, isReseller, openProduct}) => ( <> ); const GalleryHero = () => (
Gallery · The Lab in Motion The Lab
in Motion.

1410 W. Olympic Blvd, Suite B, Los Angeles. Our floor, our lines, our catalog. 25 years of builds, poured into every batch.

); const FloorGallery = () => (
Floor Tour · 9 stations Inside the Floor.
{GALLERY_FLOOR.map((item, i) => { const hueColor = item.hue === "cyan" ? "var(--color-cyan)" : item.hue === "magenta" ? "var(--color-magenta)" : "var(--color-pink)"; const hueRgb = item.hue === "cyan" ? "120,214,241" : item.hue === "magenta" ? "255,45,180" : "236,142,190"; return (
{/* Station number */}
{String(i+1).padStart(2,"0")}
{/* Center icon */}
{i === 0 && } {i === 1 && } {i === 2 && } {i === 3 && } {i === 4 && } {i === 5 && } {i === 6 && } {i === 7 && } {i === 8 && }
{/* Caption */}
{item.label}
{item.caption}
{/* Glow line at bottom */}
); })}
); const ProductShowcase = ({setRoute, addToCart, isReseller, openProduct}) => { const [mobile, setMobile] = React.useState(() => window.innerWidth < 768); React.useEffect(() => { const h = () => setMobile(window.innerWidth < 768); window.addEventListener("resize", h); return () => window.removeEventListener("resize", h); }, []); return (
Product Catalog · All SKUs The Lineup.

Eight hardware formats. Fill any of them with distillate, live resin, live rosin, or snowcap. All ship under your label.

{PRODUCTS.map((p, i) => { const hueColor = p.hue === "cyan" ? "var(--color-cyan)" : p.hue === "magenta" ? "var(--color-magenta)" : "var(--color-pink)"; const hueRgb = p.hue === "cyan" ? "120,214,241" : p.hue === "magenta" ? "255,45,180" : "236,142,190"; const reverse = !mobile && i % 2 === 1; const detail = PRODUCT_DETAILS[p.id] || {}; const wsPrice = (p.price * 0.55).toFixed(2); return (
{/* Visual panel */}
{p.badge && ( {p.badge} )} {/* Hardware illustration */}
{p.spec}
{/* Info panel */}
{p.type}
{p.name}

{detail.description || p.spec}

{detail.features && (
    {detail.features.slice(0,4).map(f => (
  • {f}
  • ))}
)}
{isReseller ? (
Wholesale
${wsPrice}
) : (
Retail
${p.price.toFixed(2)}
)}
); })}
); }; const BrandPartners = () => (
Brand Partners · In the Market Who We Build For.
{[ ...SOCIAL_PROOF, {brand:"YOUR BRAND", quote:"This spot could be yours. Apply for the wholesale program and get your line on our floor.", role:"APPLY NOW", placeholder:true}, ].map((b, i) => { const colors = ["var(--color-cyan)", "var(--color-pink)", "var(--color-magenta)", "var(--color-cyan)"]; const bgs = ["rgba(120,214,241,.06)", "rgba(236,142,190,.06)", "rgba(255,45,180,.06)", "rgba(120,214,241,.03)"]; return (
{b.brand}

"{b.quote}"

— {b.role}
); })}
); const GalleryCTA = ({setRoute}) => (
Ready to see your brand on this floor?

Book a floor tour or start a wholesale application. We run tours Mon–Fri by appointment.

); window.GalleryPage = GalleryPage;