8e:I[903690,["/chat-static/_next/static/chunks/1hm3q0j7vx_jl.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/3x2qrc8_ae_y8.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/1d27q4_h4it5w.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/05tf18iq5kc3i.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/395b41aa2-7dl.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/130lebo2db7jj.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/12y5b7jhqsigo.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/02rh369i5mh-5.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/2hshm2fng68su.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/2rhf_b_f0_r6p.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/43emq6v2fv13u.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/0tmnhs5rj_pj7.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/054nyoml5t8yc.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/0b2jr5pl--hcz.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/01__zsl2uy-6s.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/437ci-gwph8ce.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/01ptiup-2nj2g.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/3e9-sgwexen44.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/42e91lyqcvypr.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA"],"ExplicitChatIdProvider"] 8f:I[838238,["/chat-static/_next/static/chunks/1hm3q0j7vx_jl.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/3x2qrc8_ae_y8.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/1d27q4_h4it5w.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/05tf18iq5kc3i.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/395b41aa2-7dl.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/130lebo2db7jj.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/12y5b7jhqsigo.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/02rh369i5mh-5.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/2hshm2fng68su.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/2rhf_b_f0_r6p.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/43emq6v2fv13u.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/0tmnhs5rj_pj7.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/054nyoml5t8yc.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/0b2jr5pl--hcz.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/01__zsl2uy-6s.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/437ci-gwph8ce.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/01ptiup-2nj2g.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/3e9-sgwexen44.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA","/chat-static/_next/static/chunks/42e91lyqcvypr.js?dpl=dpl_4AZK1LxpsYgwC5gofG1CQA9AvZgA"],"SWRDataProvider"] 90:Te020,[V0_FILE]plaintext:file="public/images/lamborghini-urus.jpg" isMerged="true" [V0_FILE]plaintext:file="public/images/lamborghini-urus-card.jpg" isMerged="true" [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" import { ThemeProvider } from "@/components/theme-provider" import { Toaster } from "@/components/ui/toaster" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Velaro Vienna Cars | Premium Car Rental in Vienna", description: "Rent luxury cars in Vienna. Choose from Audi, Mercedes, and Lamborghini models.", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="tailwind.config.ts" isMerged="true" import type { Config } from "tailwindcss" const config = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], prefix: "", theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: "0" }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: "0" }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], } satisfies Config export default config [V0_FILE]plaintext:file="public/images/lamborghini-urus-yellow.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_5936-iRbXcrGS5tirGXWEPyHrQO63uIHYlj.jpeg" isMerged="true" [V0_FILE]plaintext:file="public/images/audi-rs7.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_5939-SLf6eMaDUwxKlt3ysjbuubgYvMfGvj.jpeg" isMerged="true" [V0_FILE]plaintext:file="public/images/audi-r8.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_5941-h90mEch0sefyL2yem3Ombt3aTGn8JN.jpeg" isMerged="true" [V0_FILE]plaintext:file="public/images/mercedes-g500.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_5942-q1G3gcPL6qYY5H2xPM0sQnsQnUHpl2.jpeg" isMerged="true" [V0_FILE]plaintext:file="public/images/lamborghini-huracan.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_5944-slvAijaQQxmatdeD4NrB3YlaYyD6dG.jpeg" isMerged="true" [V0_FILE]plaintext:file="public/images/mercedes-c43.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_5943-EXDh6sB3Ry7wehSyqpMvse2jR745HB.jpeg" isMerged="true" [V0_FILE]plaintext:file="public/images/audi-rs6.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_5940-08fswSXf0Xaa9EGzcLto1o5NUR83tu.jpeg" isMerged="true" [V0_FILE]plaintext:file="public/images/audi-rs3.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_5947-k31PcRVnOnOW5kjx6cu07DL34GChoN.jpeg" isMerged="true" [V0_FILE]plaintext:file="public/images/audi-rsq3.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_5948-n4hwQ2xxmixRltKVL9r7bBsNQdGIVt.jpeg" isMerged="true" [V0_FILE]typescriptreact:file="components/whatsapp-button.tsx" isEdit="true" isMerged="true" import { Button } from "@/components/ui/button" import { Phone } from "lucide-react" interface WhatsAppButtonProps { phoneNumber: string message?: string } export function WhatsAppButton({ phoneNumber, message = "Hallo, ich interessiere mich für die Anmietung eines Autos", }: WhatsAppButtonProps) { const formattedNumber = phoneNumber.replace(/\s+/g, "") const encodedMessage = encodeURIComponent(message) const whatsappUrl = `https://wa.me/${formattedNumber}?text=${encodedMessage}` return ( ) } [V0_FILE]typescriptreact:file="components/logo.tsx" isEdit="true" import { Car } from "lucide-react" export function Logo() { return (

VELARO PREMIUM CARS

) } [V0_FILE]typescriptreact:file="components/car-details-modal.tsx" isEdit="true" "use client" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "@/components/ui/dialog" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import Image from "next/image" import { Car, Calendar, Gauge, Info } from "lucide-react" interface CarDetailsModalProps { car: { id: number name: string image: string price: string mileage: string available: boolean availableFrom?: string details?: { year?: string engine?: string power?: string acceleration?: string topSpeed?: string transmission?: string seats?: number features?: string[] } } isOpen: boolean onClose: () => void onReserve: () => void } export function CarDetailsModal({ car, isOpen, onClose, onReserve }: CarDetailsModalProps) { return ( ) } [V0_FILE]typescriptreact:file="components/car-card.tsx" isEdit="true" "use client" import Image from "next/image" import { Button } from "@/components/ui/button" import { Card, CardContent, CardFooter } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Info } from "lucide-react" interface CarCardProps { name: string image: string price: string available: boolean availableFrom?: string mileage: string onReserve?: () => void onShowDetails?: () => void } export function CarCard({ name, image, price, available, availableFrom, mileage, onReserve, onShowDetails, }: CarCardProps) { return (

{available ? ( Verfügbar ) : ( Gebucht bis {availableFrom} )}

{name}

{price} / Tag

Inklusive {mileage}km

) } [V0_FILE]typescriptreact:file="components/reservation-form.tsx" isFixed="true" isEdit="true" isQuickEdit="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Textarea } from "@/components/ui/textarea" import { Checkbox } from "@/components/ui/checkbox" import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group" import { CalendarIcon, CheckCircle2, Car } from "lucide-react" import { Calendar } from "@/components/ui/calendar" import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover" import { format } from "date-fns" import { de } from "date-fns/locale" import { cn } from "@/lib/utils" import { z } from "zod" const formSchema = z.object({ firstName: z.string().min(2, { message: "Vorname muss mindestens 2 Zeichen lang sein." }), lastName: z.string().min(2, { message: "Nachname muss mindestens 2 Zeichen lang sein." }), email: z.string().email({ message: "Bitte geben Sie eine gültige E-Mail-Adresse ein." }), phone: z.string().min(6, { message: "Bitte geben Sie eine gültige Telefonnummer ein." }), carModel: z.string().min(1, { message: "Bitte wählen Sie ein Fahrzeugmodell aus." }), pickupDate: z.date({ required_error: "Bitte wählen Sie ein Abholdatum aus." }), returnDate: z.date({ required_error: "Bitte wählen Sie ein Rückgabedatum aus." }), message: z.string().optional(), isOver18: z.boolean().refine((val) => val === true, { message: "Sie müssen mindestens 18 Jahre alt sein." }), hasLicense: z .boolean() .refine((val) => val === true, { message: "Sie müssen einen gültigen Führerschein besitzen." }), agreeToTerms: z.boolean().refine((val) => val === true, { message: "Sie müssen den Nutzungsbedingungen zustimmen." }), paymentMethod: z.enum(["credit", "debit", "paypal", "cash"], { required_error: "Bitte wählen Sie eine Zahlungsmethode aus.", }), deliveryOption: z.enum(["pickup", "delivery"], { required_error: "Bitte wählen Sie eine Lieferoption aus.", }), address: z.string().optional(), city: z.string().optional(), zipCode: z.string().optional(), }) type FormData = z.infer interface ReservationFormProps { selectedCar?: string } export function ReservationForm({ selectedCar }: ReservationFormProps) { const [formData, setFormData] = useState>({ pickupDate: undefined, returnDate: undefined, isOver18: false, hasLicense: false, agreeToTerms: false, carModel: selectedCar, deliveryOption: "pickup", }) const [errors, setErrors] = useState>({}) const [isSubmitting, setIsSubmitting] = useState(false) const [isSuccess, setIsSuccess] = useState(false) const validateField = (name: keyof FormData, value: any) => { try { const fieldSchema = z.object({ [name]: formSchema.shape[name] }) fieldSchema.parse({ [name]: value }) setErrors((prev) => ({ ...prev, [name]: undefined })) return true } catch (error) { if (error instanceof z.ZodError) { const fieldError = error.errors.find((err) => err.path[0] === name) if (fieldError) { setErrors((prev) => ({ ...prev, [name]: fieldError.message })) } } return false } } const handleChange = (name: keyof FormData, value: any) => { setFormData((prev) => ({ ...prev, [name]: value })) validateField(name, value) } const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setIsSubmitting(true) try { const validatedData = formSchema.parse(formData) // Simulate sending email await new Promise((resolve) => setTimeout(resolve, 1500)) // Email would be sent to renatalvelaro@gmail.com console.log("Formular abgeschickt:", validatedData) setIsSuccess(true) setErrors({}) } catch (error) { if (error instanceof z.ZodError) { const newErrors: Record = {} error.errors.forEach((err) => { if (err.path[0]) { newErrors[err.path[0] as string] = err.message } }) setErrors(newErrors) } } finally { setIsSubmitting(false) } } return (

Reservieren Sie Ihr Traumauto

Füllen Sie das Formular aus, um Ihr Luxusauto zu reservieren. Wir werden Sie in Kürze kontaktieren, um Ihre Reservierung zu bestätigen. {isSuccess ? (

Reservierung erfolgreich!

Vielen Dank für Ihre Reservierung. Wir werden Sie in Kürze unter Ihrer angegebenen E-Mail-Adresse kontaktieren, um die Details zu bestätigen.

) : (

Vorname handleChange("firstName", e.target.value)} placeholder="Max" className={cn( "bg-yellow-100 border-yellow-300 focus:border-yellow-500", errors.firstName ? "border-red-500" : "", )} /> {errors.firstName &&

{errors.firstName}

}

Nachname handleChange("lastName", e.target.value)} placeholder="Mustermann" className={cn( "bg-yellow-100 border-yellow-300 focus:border-yellow-500", errors.lastName ? "border-red-500" : "", )} /> {errors.lastName &&

{errors.lastName}

}

E-Mail handleChange("email", e.target.value)} placeholder="max@beispiel.de" className={cn( "bg-yellow-100 border-yellow-300 focus:border-yellow-500", errors.email ? "border-red-500" : "", )} /> {errors.email &&

{errors.email}

}

Telefonnummer handleChange("phone", e.target.value)} placeholder="+43 677 62050727" className={cn( "bg-yellow-100 border-yellow-300 focus:border-yellow-500", errors.phone ? "border-red-500" : "", )} /> {errors.phone &&

{errors.phone}

}

Fahrzeugmodell {errors.carModel &&

{errors.carModel}

}

Abholdatum handleChange("pickupDate", date)} initialFocus disabled={(date) => date < new Date()} locale={de} className="bg-yellow-50" /> {errors.pickupDate &&

{errors.pickupDate}

}

Rückgabedatum handleChange("returnDate", date)} initialFocus disabled={(date) => date < new Date() || (formData.pickupDate ? date < formData.pickupDate : false) } locale={de} className="bg-yellow-50" /> {errors.returnDate &&

{errors.returnDate}

}

Zahlungsmethode handleChange("paymentMethod", value)} className="flex flex-col space-y-1 bg-yellow-100 p-3 rounded-md border border-yellow-300" >

Kreditkarte

Debitkarte

PayPal

Barzahlung bei Abholung

{errors.paymentMethod &&

{errors.paymentMethod}

}

Lieferoption handleChange("deliveryOption", value)} className="flex flex-col space-y-1 bg-yellow-100 p-3 rounded-md border border-yellow-300" >

Abholung in Wien

Lieferung an meine Adresse (+€50)

{errors.deliveryOption &&

{errors.deliveryOption}

}

{formData.deliveryOption === "delivery" && (

Lieferadresse

Straße und Hausnummer handleChange("address", e.target.value)} placeholder="Musterstraße 123" className="bg-yellow-50 border-yellow-300" />

PLZ handleChange("zipCode", e.target.value)} placeholder="1010" className="bg-yellow-50 border-yellow-300" />

Stadt handleChange("city", e.target.value)} placeholder="Wien" className="bg-yellow-50 border-yellow-300" />

)}

handleChange("isOver18", checked === true)} className="border-yellow-500 text-yellow-600" /> Ich bestätige, dass ich mindestens 18 Jahre alt bin

{errors.isOver18 &&

{errors.isOver18}

}

handleChange("hasLicense", checked === true)} className="border-yellow-500 text-yellow-600" /> Ich besitze einen gültigen Führerschein

{errors.hasLicense &&

{errors.hasLicense}

}

handleChange("agreeToTerms", checked === true)} className="border-yellow-500 text-yellow-600" /> Ich stimme den Nutzungsbedingungen zu

{errors.agreeToTerms &&

{errors.agreeToTerms}

}

Zusätzliche Informationen (Optional)

handleChange("message", e.target.value)}
                placeholder="Besondere Wünsche oder Anforderungen?"
                rows={3}
                className="bg-yellow-100 border-yellow-300 focus:border-yellow-500"
              />
            </div>
          </CardContent>

<CardFooter className="bg-gradient-to-r from-yellow-300 to-yellow-200 rounded-b-lg">
            <Button
              type="submit"
              className="w-full bg-yellow-500 hover:bg-yellow-600 text-black font-semibold"
              disabled={isSubmitting}
            >
              {isSubmitting ? "Wird verarbeitet..." : "Reservierung absenden"}
            </Button>
          </CardFooter>
        </form>
      )}
    </Card>
  )
}

[V0_FILE]typescriptreact:file="components/cookie-consent.tsx" isEdit="true"
"use client"

import { useState, useEffect } from "react"
import { Button } from "@/components/ui/button"
import { X } from "lucide-react"

export function CookieConsent() {
  const [isVisible, setIsVisible] = useState(false)

useEffect(() => {
    // Check if user has already accepted cookies
    const hasAccepted = localStorage.getItem("cookieConsent")
    if (!hasAccepted) {
      setIsVisible(true)
    }
  }, [])

const acceptCookies = () => {
    localStorage.setItem("cookieConsent", "true")
    setIsVisible(false)
  }

const declineCookies = () => {
    localStorage.setItem("cookieConsent", "false")
    setIsVisible(false)
  }

if (!isVisible) return null

return (
    <div className="fixed bottom-0 left-0 right-0 z-50 bg-yellow-50 border-t border-yellow-300 p-4 shadow-lg md:flex md:items-center md:justify-between">
      <div className="mb-4 pr-8 md:mb-0">
        <h3 className="text-lg font-bold text-yellow-900">Cookie-Hinweis</h3>
        <p className="text-sm text-yellow-800">
          Wir verwenden Cookies, um Ihr Surferlebnis zu verbessern, personalisierte Anzeigen oder Inhalte
          bereitzustellen und unseren Datenverkehr zu analysieren. Durch Klicken auf "Alle akzeptieren" stimmen Sie der
          Verwendung von Cookies zu.
        </p>
      </div>
      <div className="flex flex-shrink-0 gap-2">
        <Button
          variant="outline"
          size="sm"
          onClick={declineCookies}
          className="border-yellow-400 text-yellow-800 hover:bg-yellow-100"
        >
          Ablehnen
        </Button>
        <Button className="bg-yellow-500 text-black hover:bg-yellow-600" size="sm" onClick={acceptCookies}>
          Alle akzeptieren
        </Button>
      </div>
      <button
        className="absolute right-2 top-2 text-yellow-700 hover:text-yellow-900 md:hidden"
        onClick={declineCookies}
      >
        <X className="h-5 w-5" />
      </button>
    </div>
  )
}

[V0_FILE]typescriptreact:file="components/business-hours.tsx" isEdit="true"
import { Clock } from "lucide-react"

export function BusinessHours() {
  return (
    <div className="rounded-lg bg-yellow-50 p-6 shadow-md border border-yellow-300">
      <div className="mb-4 flex items-center gap-2">
        <Clock className="h-5 w-5 text-yellow-600" />
        <h3 className="text-xl font-bold text-yellow-900">Öffnungszeiten</h3>
      </div>
      <div className="space-y-2 text-yellow-800">
        <div className="flex justify-between">
          <span>Montag - Freitag</span>
          <span className="font-medium">9:00 - 18:00</span>
        </div>
        <div className="flex justify-between">
          <span>Samstag</span>
          <span className="font-medium">10:00 - 16:00</span>
        </div>
        <div className="flex justify-between">
          <span>Sonntag</span>
          <span className="font-medium">Geschlossen</span>
        </div>
      </div>
      <div className="mt-4 text-sm text-yellow-700">
        <p>Fahrzeugabholung und -rückgabe nur nach Vereinbarung</p>
      </div>
    </div>
  )
}

[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true"
"use client"

import { useState, useRef } from "react"
import Image from "next/image"
import { Button } from "@/components/ui/button"
import { PhoneIcon, MapPinIcon, MailIcon, ChevronDown } from "lucide-react"
import { Logo } from "@/components/logo"
import { CarCard } from "@/components/car-card"
import { ReservationForm } from "@/components/reservation-form"
import { CookieConsent } from "@/components/cookie-consent"
import { BusinessHours } from "@/components/business-hours"
import { CarDetailsModal } from "@/components/car-details-modal"

export default function Home() {
  const [showReservationForm, setShowReservationForm] = useState(false)
  const [selectedCar, setSelectedCar] = useState<string | null>(null)
  const [selectedCarDetails, setSelectedCarDetails] = useState<any | null>(null)
  const [showCarDetails, setShowCarDetails] = useState(false)
  const reservationRef = useRef<HTMLDivElement>(null)

const scrollToReservation = () => {
    if (reservationRef.current) {
      reservationRef.current.scrollIntoView({ behavior: "smooth" })
      setShowReservationForm(true)
    }
  }

const handleReserveCar = (carId: number) => {
    const car = cars.find((car) => car.id === carId)
    if (car) {
      setSelectedCar(car.name)
      scrollToReservation()
    }
  }

const handleShowCarDetails = (carId: number) => {
    const car = cars.find((car) => car.id === carId)
    if (car) {
      setSelectedCarDetails(car)
      setShowCarDetails(true)
    }
  }

return (
    <div className="flex min-h-screen flex-col bg-yellow-50">
      {/* Header */}
      <header className="sticky top-0 z-40 border-b border-yellow-300 bg-yellow-50/90 backdrop-blur-sm">
        <div className="container mx-auto flex h-16 items-center justify-between px-4">
          <Logo />
          <nav className="hidden space-x-6 md:flex">
            <a href="#" className="text-sm font-medium text-yellow-900 hover:text-yellow-600 transition-colors">
              Startseite
            </a>
            <a href="#fleet" className="text-sm font-medium text-yellow-900 hover:text-yellow-600 transition-colors">
              Fahrzeuge
            </a>
            <a
              href="#reservation"
              className="text-sm font-medium text-yellow-900 hover:text-yellow-600 transition-colors"
            >
              Reservierung
            </a>
            <a href="#contact" className="text-sm font-medium text-yellow-900 hover:text-yellow-600 transition-colors">
              Kontakt
            </a>
          </nav>
          <a
            href="tel:+43 677 62050727"
            className="rounded-md bg-yellow-500 px-4 py-2 text-sm font-medium text-black hover:bg-yellow-600 flex items-center"
          >
            <PhoneIcon className="mr-2 h-4 w-4" />
            Jetzt anrufen
          </a>
        </div>
      </header>

{/* Hero Section */}
      <div className="relative h-[80vh] w-full">
        <Image
          src="/images/lamborghini-urus-yellow.jpg"
          alt="Lamborghini Urus"
          fill
          className="object-cover brightness-75"
          priority
        />
        <div className="absolute inset-0 flex flex-col items-center justify-center text-center">
          <div className="max-w-3xl px-4">
            <h1 className="mb-4 text-4xl font-bold text-white md:text-6xl">VELARO PREMIUM CARS</h1>
            <p className="mb-8 text-xl text-white">Erleben Sie Luxusfahren in Wien</p>
            <div className="flex flex-col items-center gap-4 sm:flex-row sm:justify-center">
              <Button
                onClick={scrollToReservation}
                className="rounded-md bg-yellow-500 px-6 py-3 font-semibold text-black transition-colors hover:bg-yellow-600"
              >
                Jetzt reservieren
              </Button>
              <a
                href="#fleet"
                className="rounded-md border border-white bg-transparent px-6 py-3 font-semibold text-white transition-colors hover:bg-white/10"
              >
                Fahrzeuge ansehen
              </a>
            </div>
          </div>
        </div>
        <div className="absolute bottom-8 left-0 right-0 flex justify-center">
          <a href="#fleet" className="flex flex-col items-center text-white hover:text-yellow-300 transition-colors">
            <span className="mb-2">Entdecken Sie unsere Fahrzeuge</span>
            <ChevronDown className="h-6 w-6 animate-bounce" />
          </a>
        </div>
      </div>

{/* Fleet Section */}
      <section id="fleet" className="bg-gradient-to-b from-yellow-100 to-yellow-200 py-16">
        <div className="container mx-auto px-4">
          <div className="mb-12 text-center">
            <h2 className="mb-4 text-3xl font-bold text-yellow-900">UNSERE PREMIUM-FAHRZEUGE</h2>
            <p className="mx-auto max-w-2xl text-yellow-800">
              Wählen Sie aus unserer Auswahl an Luxusfahrzeugen. Alle Fahrzeuge verfügen über eine umfassende
              Versicherung und 24/7 Pannenhilfe.
            </p>
          </div>
          <div className="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
            {cars.map((car) => (
              <CarCard
                key={car.id}
                name={car.name}
                image={car.image}
                price={car.price}
                available={car.available}
                availableFrom={car.availableFrom}
                mileage={car.mileage}
                onReserve={() => handleReserveCar(car.id)}
                onShowDetails={() => handleShowCarDetails(car.id)}
              />
            ))}
          </div>
        </div>
      </section>

{/* Reservation Section */}
      <section id="reservation" ref={reservationRef} className="bg-yellow-50 py-16">
        <div className="container mx-auto px-4">
          <div className="mb-12 text-center">
            <h2 className="mb-4 text-3xl font-bold text-yellow-900">RESERVIEREN SIE IHR TRAUMAUTO</h2>
            <p className="mx-auto max-w-2xl text-yellow-800">
              Füllen Sie das Formular aus, um Ihr Luxusauto zu reservieren. Wir werden Sie in Kürze kontaktieren, um
              Ihre Reservierung zu bestätigen.
            </p>
          </div>
          <ReservationForm selectedCar={selectedCar || undefined} />
        </div>
      </section>

{/* Contact Section */}
      <section id="contact" className="bg-gradient-to-b from-yellow-200 to-yellow-100 py-16">
        <div className="container mx-auto px-4">
          <div className="mb-12 text-center">
            <h2 className="mb-4 text-3xl font-bold text-yellow-900">KONTAKTIEREN SIE UNS</h2>
            <p className="mx-auto max-w-2xl text-yellow-800">
              Haben Sie Fragen oder benötigen Sie Hilfe? Kontaktieren Sie uns über einen der folgenden Kanäle.
            </p>
          </div>
          <div className="mx-auto grid max-w-5xl gap-8 md:grid-cols-2">
            <div className="space-y-6">
              <div className="rounded-lg bg-yellow-50 p-6 shadow-md border border-yellow-300">
                <h3 className="mb-4 text-xl font-bold text-yellow-900">Kontaktinformationen</h3>
                <div className="space-y-4">
                  <div className="flex items-center space-x-3">
                    <PhoneIcon className="h-5 w-5 text-yellow-600" />
                    <span className="text-yellow-800">+43 677 62050727</span>
                  </div>
                  <div className="flex items-center space-x-3">
                    <MapPinIcon className="h-5 w-5 text-yellow-600" />
                    <span className="text-yellow-800">Wien, Österreich</span>
                  </div>
                  <div className="flex items-center space-x-3">
                    <MailIcon className="h-5 w-5 text-yellow-600" />
                    <span className="text-yellow-800">renatalvelaro@gmail.com</span>
                  </div>
                </div>
                <div className="mt-6 flex gap-4">
                  <a
                    href={`https://wa.me/436776205072?text=${encodeURIComponent("Hallo, ich interessiere mich für die Anmietung eines Autos von Velaro Premium Cars")}`}
                    target="_blank"
                    rel="noopener noreferrer"
                    className="rounded-md bg-green-500 px-4 py-2 text-sm font-medium text-white hover:bg-green-600 flex items-center"
                  >
                    <PhoneIcon className="mr-2 h-4 w-4" />
                    WhatsApp
                  </a>
                  <a
                    href="tel:+43 677 62050727"
                    className="rounded-md border border-yellow-400 bg-yellow-50 px-4 py-2 text-sm font-medium text-yellow-800 hover:bg-yellow-100 flex items-center"
                  >
                    <PhoneIcon className="mr-2 h-4 w-4" />
                    Anrufen
                  </a>
                </div>
              </div>

{/* Footer */}
      <footer className="bg-yellow-800 py-8 text-white">
        <div className="container mx-auto px-4">
          <div className="flex flex-col items-center justify-between gap-6 md:flex-row">
            <Logo />
            <div className="flex gap-6">
              <a href="#" className="text-sm text-yellow-200 hover:text-yellow-100 transition-colors">
                Datenschutz
              </a>
              <a href="#" className="text-sm text-yellow-200 hover:text-yellow-100 transition-colors">
                AGB
              </a>
              <a href="#" className="text-sm text-yellow-200 hover:text-yellow-100 transition-colors">
                FAQ
              </a>
            </div>
            <p className="text-sm text-yellow-200">
              © {new Date().getFullYear()} Velaro Premium Cars. Alle Rechte vorbehalten.
            </p>
          </div>
        </div>
      </footer>

{/* Cookie Consent Banner */}
      <CookieConsent />

{/* Car Details Modal */}
      {selectedCarDetails && (
        <CarDetailsModal
          car={selectedCarDetails}
          isOpen={showCarDetails}
          onClose={() => setShowCarDetails(false)}
          onReserve={() => {
            setShowCarDetails(false)
            handleReserveCar(selectedCarDetails.id)
          }}
        />
      )}
    </div>
  )
}

// Car data with updated prices, mileage limits and details
const cars = [
  {
    id: 1,
    name: "Audi RS7",
    image: "/images/audi-rs7.jpg",
    price: "€550",
    mileage: "200",
    available: true,
    details: {
      year: "2023",
      engine: "4.0L V8 Biturbo",
      power: "600 PS",
      acceleration: "3,6 Sek.",
      topSpeed: "305 km/h",
      transmission: "Automatik",
      seats: 5,
      features: [
        "Bang & Olufsen Sound",
        "Panoramadach",
        "Head-up Display",
        "Sitzheizung",
        "Rückfahrkamera",
        "Navigationssystem",
        "Bluetooth",
        "Klimaautomatik",
      ],
    },
  },
  {
    id: 2,
    name: "Audi RS6",
    image: "/images/audi-rs6.jpg",
    price: "€550",
    mileage: "200",
    available: false,
    availableFrom: "28.03",
    details: {
      year: "2023",
      engine: "4.0L V8 Biturbo",
      power: "600 PS",
      acceleration: "3,6 Sek.",
      topSpeed: "305 km/h",
      transmission: "Automatik",
      seats: 5,
      features: [
        "Bang & Olufsen Sound",
        "Panoramadach",
        "Head-up Display",
        "Sitzheizung",
        "Rückfahrkamera",
        "Navigationssystem",
        "Bluetooth",
        "Klimaautomatik",
      ],
    },
  },
  {
    id: 3,
    name: "Audi RS3",
    image: "/images/audi-rs3.jpg",
    price: "€400",
    mileage: "200",
    available: true,
    details: {
      year: "2022",
      engine: "2.5L 5-Zylinder",
      power: "400 PS",
      acceleration: "3,8 Sek.",
      topSpeed: "290 km/h",
      transmission: "Automatik",
      seats: 5,
      features: [
        "Bang & Olufsen Sound",
        "Sitzheizung",
        "Rückfahrkamera",
        "Navigationssystem",
        "Bluetooth",
        "Klimaautomatik",
      ],
    },
  },
  {
    id: 4,
    name: "Audi R8",
    image: "/images/audi-r8.jpg",
    price: "€600",
    mileage: "150",
    available: true,
    details: {
      year: "2022",
      engine: "5.2L V10",
      power: "620 PS",
      acceleration: "3,1 Sek.",
      topSpeed: "330 km/h",
      transmission: "Automatik",
      seats: 2,
      features: [
        "Bang & Olufsen Sound",
        "Sitzheizung",
        "Rückfahrkamera",
        "Navigationssystem",
        "Bluetooth",
        "Klimaautomatik",
        "Keramikbremsen",
        "Carbon-Paket",
      ],
    },
  },
  {
    id: 5,
    name: "Mercedes C43",
    image: "/images/mercedes-c43.jpg",
    price: "€300",
    mileage: "250",
    available: true,
    details: {
      year: "2022",
      engine: "2.0L 4-Zylinder Turbo",
      power: "408 PS",
      acceleration: "4,6 Sek.",
      topSpeed: "250 km/h",
      transmission: "Automatik",
      seats: 5,
      features: [
        "Burmester Sound",
        "Sitzheizung",
        "Rückfahrkamera",
        "Navigationssystem",
        "Bluetooth",
        "Klimaautomatik",
      ],
    },
  },
  {
    id: 6,
    name: "Mercedes G500",
    image: "/images/mercedes-g500.jpg",
    price: "€550",
    mileage: "200",
    available: true,
    details: {
      year: "2022",
      engine: "4.0L V8 Biturbo",
      power: "422 PS",
      acceleration: "5,9 Sek.",
      topSpeed: "210 km/h",
      transmission: "Automatik",
      seats: 5,
      features: [
        "Burmester Sound",
        "Panoramadach",
        "Sitzheizung",
        "Rückfahrkamera",
        "Navigationssystem",
        "Bluetooth",
        "Klimaautomatik",
        "Offroad-Paket",
      ],
    },
  },
  {
    id: 7,
    name: "Lamborghini Huracan",
    image: "/images/lamborghini-huracan.jpg",
    price: "€1400",
    mileage: "200",
    available: false,
    availableFrom: "05.04",
    details: {
      year: "2022",
      engine: "5.2L V10",
      power: "640 PS",
      acceleration: "2,9 Sek.",
      topSpeed: "325 km/h",
      transmission: "Automatik",
      seats: 2,
      features: [
        "Premium Sound",
        "Sitzheizung",
        "Rückfahrkamera",
        "Navigationssystem",
        "Bluetooth",
        "Klimaautomatik",
        "Keramikbremsen",
        "Carbon-Paket",
      ],
    },
  },
  {
    id: 8,
    name: "Lamborghini Urus",
    image: "/images/lamborghini-urus-yellow.jpg",
    price: "€1000",
    mileage: "100",
    available: true,
    details: {
      year: "2023",
      engine: "4.0L V8 Biturbo",
      power: "650 PS",
      acceleration: "3,6 Sek.",
      topSpeed: "305 km/h",
      transmission: "Automatik",
      seats: 5,
      features: [
        "Premium Sound",
        "Panoramadach",
        "Head-up Display",
        "Sitzheizung",
        "Rückfahrkamera",
        "Navigationssystem",
        "Bluetooth",
        "Klimaautomatik",
        "Keramikbremsen",
      ],
    },
  },
  {
    id: 9,
    name: "Audi RSQ3",
    image: "/images/audi-rsq3.jpg",
    price: "€400",
    mileage: "200",
    available: true,
    details: {
      year: "2022",
      engine: "2.5L 5-Zylinder",
      power: "400 PS",
      acceleration: "4,5 Sek.",
      topSpeed: "250 km/h",
      transmission: "Automatik",
      seats: 5,
      features: [
        "Bang & Olufsen Sound",
        "Panoramadach",
        "Sitzheizung",
        "Rückfahrkamera",
        "Navigationssystem",
        "Bluetooth",
        "Klimaautomatik",
      ],
    },
  },
]

[V0_FILE]typescriptreact:file="app/globals.css" isEdit="true"
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 0 0% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 3.9%;
    --primary: 48 100% 50%;
    --primary-foreground: 48 30% 10%;
    --secondary: 0 0% 96.1%;
    --secondary-foreground: 0 0% 9%;
    --muted: 0 0% 96.1%;
    --muted-foreground: 0 0% 45.1%;
    --accent: 48 100% 96%;
    --accent-foreground: 48 30% 10%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 48 100% 80%;
    --input: 48 100% 80%;
    --ring: 48 100% 50%;
    --radius: 0.5rem;
  }

.dark {
    --background: 0 0% 3.9%;
    --foreground: 0 0% 98%;
    --card: 0 0% 3.9%;
    --card-foreground: 0 0% 98%;
    --popover: 0 0% 3.9%;
    --popover-foreground: 0 0% 98%;
    --primary: 48 100% 50%;
    --primary-foreground: 48 30% 10%;
    --secondary: 0 0% 14.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 0 0% 14.9%;
    --muted-foreground: 0 0% 63.9%;
    --accent: 48 100% 25%;
    --accent-foreground: 48 100% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
    --border: 48 100% 30%;
    --input: 48 100% 30%;
    --ring: 48 100% 70%;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
  }
}
87:["$","$L8e",null,{"chatId":"ubou9hUS8kU","children":["$","$L8f",null,{"data":{"@\"active-block\",\"ubou9hUS8kU\",":{"id":"b_e7js0Y4pGpD","messageId":"lrQjI8PSQHQuEzIKnzT8xNkYDE3NeSND","source":"$90","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"velaro-cars","type":"code-project","project":"velaro-cars"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"ubou9hUS8kU\",":false,"":null},"children":"$L91"}]}]
</article></body></html>

Technische Daten

Ausstattung

{name}

Reservierung erfolgreich!

Lieferadresse

About

Tags

Share

About

Tags

Share

More Templates Like This