import React, { useState } from 'react'; import { Car, Wrench, Gauge, CalendarCheck, X, CheckCircle2, ArrowRight, Settings, ShieldCheck } from 'lucide-react'; // --- DATENSTRUKTUR FÜR DIE TAGESMIETEN --- const rentalServices = [ { id: 'tagesmiete-buehne', title: 'Tagesmiete Hebebühne', price: 'ab 95,00 € / Tag', description: 'Voller Zugriff auf eine professionelle 3,2t-Hebebühne für den gesamten Arbeitstag (09:00 - 17:00 Uhr). Ideal für aufwendige Reparaturen, Inspektionen oder Restaurationsprojekte.', icon: Car, features: ['Sichere 3,2t Hebebühne', 'Inkl. Strom & Druckluftanschluss', 'Fachgerechte Einweisung'] }, { id: 'tagesmiete-stellplatz', title: 'Tagesmiete Stellplatz', price: 'ab 75,00 € / Tag', description: 'Großzügiger und heller Arbeitsplatz ohne Hebebühne für den ganzen Tag. Perfekt geeignet für Innenraumarbeiten, Elektronik, Polieren oder Karosseriearbeiten.', icon: ShieldCheck, features: ['Viel Platz für Ihr Projekt', 'Helle LED-Ausleuchtung', 'Stromanschluss (230V)'] }, { id: 'tagesmiete-premium', title: 'Premium Tages-Paket', price: 'ab 125,00 € / Tag', description: 'Das Rundum-sorglos-Paket für passionierte Schrauber. Beinhaltet die Hebebühne sowie einen voll ausgestatteten Profi-Werkzeugwagen für maximale Effizienz.', icon: Wrench, features: ['Hebebühne ganztägig', 'Profi-Werkzeugwagen (über 200 Teile)', 'Inkl. Druckluft-Schlagschrauber'] } ]; export default function WorkshopBooking() { const [selectedService, setSelectedService] = useState(null); const [isBookingSuccessful, setIsBookingSuccessful] = useState(false); const [selectedExtras, setSelectedExtras] = useState({ werkzeug: false, oel: false, reifen: false }); const handleBookClick = (service) => { setSelectedService(service); setIsBookingSuccessful(false); // Reset Extras bei neuer Auswahl setSelectedExtras({ werkzeug: false, oel: false, reifen: false }); }; const handleCloseModal = () => { setSelectedService(null); setIsBookingSuccessful(false); }; const handleExtraToggle = (extraName) => { setSelectedExtras(prev => ({ ...prev, [extraName]: !prev[extraName] })); }; const handleSubmit = (e) => { e.preventDefault(); // Hier würde die echte Übermittlung (z.B. per E-Mail oder an ein Backend) stattfinden setIsBookingSuccessful(true); setTimeout(() => { handleCloseModal(); }, 4000); }; return ( ); }