/* Shared intro block — ONLY uses copy from CONTENT.md */ function HeroCopy({ navigate, dense, dark }) { const muted = dark ? "rgba(239,235,227,0.55)" : "var(--muted)"; return (

A full service creative agency. We handle social strategy, content production, influencer marketing, and represent the creative talent that brings it to life.

Our approach combines real human creativity and strategy with the latest in AI and data analytics, so every decision is as informed as it is inspired.

); } /* ---------- Variant: Showreel — cycling real videos ---------- */ function HeroReel({ navigate }) { const videos = window.VIDEOS || []; const [i, setI] = React.useState(0); const next = () => setI(n => (n + 1) % videos.length); const prev = () => setI(n => (n - 1 + videos.length) % videos.length); React.useEffect(() => { const id = setInterval(next, 6000); return () => clearInterval(id); }, [videos.length]); return (
— Reel {String(i+1).padStart(2,"0")} ⁄ {String(videos.length).padStart(2,"0")}
● Live
); } /* ---------- Variant 3: Editorial ---------- */ function HeroEditorial({ navigate }) { return (
— 212 / NYC / 2026
A full service
creative agency.

New York City.
Working globally.

Social
strategy.
Content.
Influence.
Talent.

); } /* ---------- Variant 4: Grid assembly ---------- */ function AssemblyTile({ vsrc, label, assembled, tx, transition, mountDelay }) { const wrapRef = React.useRef(null); const videoRef = React.useRef(null); // Create video via DOM API (bypasses React muted bug) with staggered load. React.useEffect(() => { const wrap = wrapRef.current; if (!wrap || !vsrc || !assembled) return; let video = null; let disposed = false; let staggerTimer = null; const io = new IntersectionObserver((entries) => { if (entries[0].isIntersecting && !video && !disposed) { io.disconnect(); staggerTimer = setTimeout(() => { if (disposed) return; video = _createVideo(wrap, vsrc); videoRef.current = video; // Play/pause on visibility. const vis = new IntersectionObserver((ents) => { ents.forEach(e => { if (disposed) return; if (e.isIntersecting) { if (_activeVideos.size < _maxConcurrent || _activeVideos.has(video)) { _activeVideos.add(video); video.muted = true; video.play().catch(() => {}); } } else { video.pause(); _activeVideos.delete(video); } }); }, { threshold: 0.1 }); vis.observe(video); video.addEventListener("canplay", function() { if (!disposed && video.paused) { video.muted = true; video.play().catch(() => {}); } }); }, mountDelay || 0); } }, { rootMargin: "200px" }); io.observe(wrap); return () => { disposed = true; io.disconnect(); if (staggerTimer) clearTimeout(staggerTimer); if (video) { video.pause(); _activeVideos.delete(video); video.removeAttribute("src"); video.load(); video.remove(); videoRef.current = null; } }; }, [vsrc, assembled, mountDelay]); return (
{ const v = videoRef.current; if (v && v.paused) { v.muted = true; v.play().catch(()=>{}); } }} style={{ background: "#111", position:"relative", overflow:"hidden", transform: tx, opacity: assembled ? 1 : 0, transition }}>
{label}
); } function HeroAssembly({ navigate }) { const [assembled, setAssembled] = React.useState(false); React.useEffect(() => { const t = setTimeout(() => setAssembled(true), 400); return () => clearTimeout(t); }, []); const videos = window.VIDEOS || []; const labels = window.VIDEO_LABELS || []; const tiles = Array.from({length: 12}); return (
— New York City based, working globally
{tiles.map((_,i) => { const row = Math.floor(i/4), col = i%4; const dx = (col - 1.5) * 400; const dy = (row - 1) * 300; const rot = (i % 2 ? 1 : -1) * (12 + i); const tx = assembled ? "translate(0,0) rotate(0)" : `translate(${dx}px, ${dy}px) rotate(${rot}deg)`; return ( ); })}
212
); } /* ---------- Variant 5: Manifesto — uses ONLY doc language ---------- */ function HeroManifesto({ navigate }) { const [scrolled, setScrolled] = React.useState(0); React.useEffect(() => { let pending = false; const onScroll = () => { if (pending) return; pending = true; requestAnimationFrame(() => { setScrolled(window.scrollY); pending = false; }); }; window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); const manifesto = "A full service creative agency. We handle social strategy, content production, influencer marketing, and represent the creative talent that brings it to life."; const words = manifesto.split(" "); return (
— New York City · Working globally
↓ Scroll
{words.map((w,i) => { const threshold = i * 24; const active = scrolled > threshold; return ( {w} ); })}
); } /* ---------- Variant 6: NYC Live ---------- */ function HeroNYC({ navigate }) { const [now, setNow] = React.useState(new Date()); React.useEffect(() => { const id = setInterval(() => setNow(new Date()), 1000); return () => clearInterval(id); }, []); const nyTime = now.toLocaleTimeString("en-US", { timeZone: "America/New_York", hour12: false }); return (
— Manhattan
40.7580° N · 73.9855° W
— Right now
{nyTime}
New York City based. Working globally.
); } Object.assign(window, { HeroReel, HeroEditorial, HeroAssembly, HeroManifesto, HeroNYC });