// Shared UI components const Logo = ({ name = "Ninja", suffix = "rental" }) => {e.preventDefault();window.__navigate && window.__navigate("home");}}> n {name} {suffix} ; const Nav = ({ active, onNavigate, brandName, brandSuffix }) => { const tabs = [ { id: "home", label: "Home" }, { id: "producten", label: "Producten" }, { id: "hoe", label: "Hoe het werkt" }, { id: "contact", label: "Contact" }]; return (

{e.preventDefault();onNavigate("contact");}}> Reserveren

); }; const Arrow = ({ size = 14 }) => ; const IconTikTok = () => ; const IconFacebook = () => ; const IconInstagram = () => ; const Footer = () => ; // Small SVG icons for features const IconSpark = () => ; const IconCup = () => ; const IconCal = () => ; const IconHeart = () => ; const IconTruck = () => ; const IconPhone = () => ; const IconMail = () => ; const IconPin = () => ; // Decorative illustrations (used when illustrations are on) const FloatingFruit = ({ color, top, left, right, bottom, size = 60, delay = 0 }) => ; // Slot placeholders for imagery the user supplies later const PhotoSlot = ({ label, gradient, image, ratio = "4/3", radius = 28 }) =>

{image ?

: {label} }

; Object.assign(window, { Logo, Nav, Footer, Arrow, IconSpark, IconCup, IconCal, IconHeart, IconTruck, IconPhone, IconMail, IconPin, IconTikTok, IconFacebook, IconInstagram, FloatingFruit, PhotoSlot });