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

Wat we
achter de schermen
doen.

Stage Life verhuurt geen materiaal. Wij leveren de operationele crew en logistiek die productions van load-in tot load-out vlekkeloos laten draaien.

{SERVICES.map((s) => ( {s.number}

{s.title}

{s.short}

))}

{/* ============ ABOUT PREVIEW ============ */}

top of page

STAGE LIFE. | OWN THE MOMENT

Stage Life.

This is a paragraph about your business. Let your visitors know who you are, what you do and what your website is all about.

Waarom Stage Life?

This is a paragraph about your business. Let your visitors know who you are, what you do and what your website is all about. Double click on the text box to edit the text and add all the information you want to share.