import React, { useEffect } from 'react'; import { Link } from 'react-router-dom'; import { motion, useScroll, useTransform } from 'framer-motion'; import { ArrowUpRight, ArrowRight, Plus } from 'lucide-react'; import { IMAGES, SERVICES, CASES } from '../data/content'; import MagneticButton from '../components/MagneticButton'; import { Crosshair, LiveClock } from '../components/Editorial'; const Home = () => { const { scrollY } = useScroll(); const heroImgY = useTransform(scrollY, [0, 800], [0, 120]); const heroImgScale = useTransform(scrollY, [0, 800], [1.02, 1.12]); const heroTextY = useTransform(scrollY, [0, 600], [0, -60]); useEffect(() => { window.scrollTo(0, 0); }, []); return (

{/* ============ HERO (editorial split layout) ============ */}

{/* faint grid backdrop */}

{/* corner markers */}

{/* TOP META ROW */}

Issue 01 · Antwerpen — BE

50° 51′ N · 04° 21′ E

{/* MAIN SPLIT */}

{/* LEFT — text block on plain dark, fully readable */}

Backstage Production · Belgium

Achter elke show staat een sterke{' '} crew.

Wij verzorgen transport, opbouw en backstage productie support — zodat alles soepel verloopt vóór de spots aangaan.

Ontdek diensten Vraag offerte

{/* mini KPIs */}

120+

Producties / jaar

10y

Veldervaring

{/* RIGHT — image panel with strict frame, captioned like a contact sheet */}

{/* film-edge caption */}

Roll 014 · Stage A FR · 24 fps

Foto · Festival load-in SL/01

{/* corner ticks */}

{/* SCROLL LINE */}

Scroll naar onder S/L · 01 — 05

{/* ============ MARQUEE ============ */}

{Array.from({ length: 2 }).map((_, i) => (

{['Transport', 'Stagehands', 'Site Crew', 'Rigging Assist', 'Tour Logistics', 'Backstage', 'Festivals', 'Load-in / Load-out'].map((w, j) => ( {w}· ))}

))}

{/* ============ SERVICES PREVIEW ============ */}

§ 01 — Onze diensten