/* HOME — landing page composed of editorial sections. */ function HomePage() { return (
); } window.HomePage = HomePage; /* ---------------- Hero ---------------- Full-bleed background image. Text sits over the negative space of the photo (the wall on the left, the floor along the bottom). No gradient overlay; the colours are locked so dark mode keeps the same light-hero treatment. */ function Hero() { const { isMobile } = useBreakpoint(); // Locked colours — do NOT use var() tokens, so dark mode keeps the light treatment. const INK = '#0A0A0A'; const GRAPHITE = '#4A4A4A'; const FALLBACK_CREAM = '#F5EBDC'; // shown until the image paints return (
{/* Foreground text sits over the wall (top-left) and the floor (bottom-left). Aligned to the left edge of the container so it lands clear of the model + dogs. */}

Studio-quality
fashion images.

Generate 4K imagery on real models from a single flat-lay. Direct the pose, the light, and the set. Skip the reshoot.

{!isMobile &&
}
); } /* ---------------- Marquee ---------------- */ function Marquee() { const words = ['E-commerce', 'Campaigns', 'Lookbooks', 'Social', 'Wholesale', 'Marketplace', 'Editorial', 'Bulk SKUs', 'Digital twin', 'Brand kit']; return (
{[0, 1].map((loop) =>
{words.map((w, i) => {w} — )}
)}
); } /* ---------------- Feature grid ---------------- */ function FeatureGrid() { const { isMobile, isTablet } = useBreakpoint(); const features = [ { icon: 'camera', title: 'Your models & styling.', body: 'Pick the model, the pose, the light, the location. Your garment stays pixel-true to the original sample.' }, { icon: 'layers', title: 'Variations in one click.', body: 'Generate a full size run, a colourway, or a campaign in a single batch. Tag, organise, and export by SKU.' }, { icon: 'clapper', title: "Direct, don't retouch.", body: 'Move the model, change the season, swap the backdrop. No reshoot, no retoucher, no agency timeline.' }]; return (
Platform

From idea to images in minutes.

{features.map((f) => { const IconComp = Icon[f.icon]; return (

{f.title}

{f.body}

); })}
); } /* ---------------- Before / After ---------------- */ function BeforeAfter() { const { isMobile } = useBreakpoint(); const [t, setT] = React.useState(0.5); const wrap = React.useRef(null); const drag = React.useRef(false); const move = (clientX) => { if (!wrap.current) return; const r = wrap.current.getBoundingClientRect(); const x = Math.min(1, Math.max(0, (clientX - r.left) / r.width)); setT(x); }; return (
Platform · 1.1

From product to
campaign.
Instantly.

Either a ghost mannequin, flat-lay or an on model shot drives a complete set: model, pose, light, location. The garment stays pixel-true; the rest is direction.

— Drag the divider
{drag.current = true;move(e.clientX);}} onMouseMove={(e) => {if (drag.current) move(e.clientX);}} onMouseUp={() => {drag.current = false;}} onMouseLeave={() => {drag.current = false;}} onTouchStart={(e) => move(e.touches[0].clientX)} onTouchMove={(e) => move(e.touches[0].clientX)}>
{/* divider */}
); } /* ---------------- Batch & scale ---------------- Differentiator section between FeatureGrid and BeforeAfter. Left: editorial copy + three stat blocks + jump link. Right: dense full-bleed catalogue grid (5×6) that fades into the page edge. */ function BatchScale() { const { isMobile, isTablet } = useBreakpoint(); /* Twelve-tile teaser — three rows × four columns on desktop, fully visible. Section min-height clamps up to 633px so it matches the FeatureGrid above. */ const headerRow = [ 'assets/bulk-product1-front.jpg', 'assets/bulk-product1-detail.jpg', 'assets/bulk-product1-back.jpg', 'assets/bulk-product1-move.jpg']; const secondRow = [ 'assets/bulk-product2-front.jpg', 'assets/bulk-product2-detail.jpg', 'assets/bulk-product2-back.jpg', 'assets/bulk-product2-move.jpg']; const thirdRow = [ 'assets/bulk-product3-front.jpg', 'assets/bulk-product3-detail.jpg', 'assets/bulk-product3-back.jpg', 'assets/bulk-product3-move.jpg']; const cells = [...headerRow, ...secondRow, ...thirdRow]; const cols = isMobile ? 2 : 4; return (
{/* ── LEFT — copy + single CTA ── */}
Platform · 1.2

From one product to a thousand.

Your entire catalogue, shot overnight. One brief, every SKU lit and framed the same, ready to drop into your website or campaign deck.

{/* ── RIGHT — 4×3 teaser grid, fully visible (no bleed) ── */}
{cells.map((src, i) => )}
); } function BatchThumb({ src }) { const [hover, setHover] = React.useState(false); return (
setHover(true)} onMouseLeave={() => setHover(false)} style={{ aspectRatio: '4 / 5', background: 'var(--bone)', overflow: 'hidden', position: 'relative', transform: hover ? 'translateY(-2px)' : 'translateY(0)', boxShadow: hover ? '0 4px 14px rgba(0,0,0,0.12)' : 'none', transition: 'transform 200ms var(--ease-standard), box-shadow 200ms var(--ease-standard)', zIndex: hover ? 1 : 0 }}>
); } function BatchLink({ to = '/platform', label = 'See how batch processing works' }) { const [hover, setHover] = React.useState(false); return ( setHover(true)} onMouseLeave={() => setHover(false)} style={{ display: 'inline-flex', alignItems: 'center', gap: 6, fontFamily: 'var(--font-sans)', fontSize: 14, fontWeight: 600, color: 'var(--ink)', textDecoration: 'none', borderBottom: '1px solid var(--ink)', paddingBottom: 2 }}> {label} ); } /* ---------------- Video generation (Platform · 1.3) ---------------- Same two-column editorial format as 1.1/1.2. Video frame on the left, copy on the right; a subtly distinct light surface (bone) sits between the canvas BatchScale and the paper SolutionsTeaser for gentle rhythm. */ function VideoGen() { const { isMobile } = useBreakpoint(); return (
Platform · 1.3

Bring the look to life.

Generate short-form video from the same garment you already uploaded — a walk, a turn, fabric catching the light. Direct the motion once and export reels for social, ads and product pages.

9:1616:91:14:5
); } function VideoFrame() { const videoRef = React.useRef(null); const loadedRef = React.useRef(false); React.useEffect(() => { const el = videoRef.current; if (!el) return; let cancelled = false; // The preview server doesn't support range requests, so a direct