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 */}

Live show — Stage Life crew

{/* 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

Our Services

This is your Services Page. It's a great opportunity to provide information about the services you provide. Double click on the text box to start editing your content and make sure to add all the relevant details you want to share with site visitors. Whether you're offering multiple services, courses or programs, you can edit this space to fit your website's needs. Simply double click on this section to open the content manager and modify the content. Explain what each item entails and add photos or videos for even more engagement.

Service Name

I'm a paragraph. Click here to add your own text and edit me. It’s easy.

Service Name

I'm a paragraph. Click here to add your own text and edit me. It’s easy.

Service Name

I'm a paragraph. Click here to add your own text and edit me. It’s easy.

Service Name

I'm a paragraph. Click here to add your own text and edit me. It’s easy.

Get a Quote

This is a Paragraph. Click on "Edit Text" or double click on the text box to start editing the content.

bottom of page