2025-06-04 09:34:13 +02:00
<!DOCTYPE html>
2025-06-04 11:22:41 +02:00
< html lang = "nl" >
2025-06-04 09:34:13 +02:00
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2025-06-04 11:22:41 +02:00
< title > Auto Tuning Pro< / title >
2025-06-04 10:09:52 +02:00
<!-- Favicon -->
< link rel = "icon" type = "image/svg+xml" href = "assets/favicon.svg" >
2025-06-04 09:38:33 +02:00
<!-- Bootstrap CSS -->
< link href = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel = "stylesheet" >
<!-- Tailwind CSS -->
< script src = "https://cdn.tailwindcss.com" > < / script >
<!-- Custom CSS -->
< link rel = "stylesheet" href = "css/styles.css" >
2025-06-04 09:59:01 +02:00
<!-- Custom JS -->
< script src = "js/tailwind.config.js" > < / script >
2025-06-04 09:34:13 +02:00
< / head >
2025-06-04 11:22:41 +02:00
< body class = "bg-gradient-to-br from-gray-900 to-gray-800" >
2025-06-04 09:46:25 +02:00
<!-- Navigation -->
2025-06-04 11:12:00 +02:00
< nav class = "navbar navbar-expand-lg navbar-dark fixed-top transition-all duration-300 hover:shadow-lg glass-nav" >
2025-06-04 09:38:33 +02:00
< div class = "container" >
2025-06-04 11:12:00 +02:00
< a class = "navbar-brand hover:scale-110 transition-transform duration-300 flex items-center" href = "#" >
< img src = "assets/favicon.svg" alt = "Logo" class = "h-8 w-8 mr-2 animate-spin-slow" >
2025-06-04 11:22:41 +02:00
< span class = "bg-gradient-to-r from-red-500 to-orange-500 text-transparent bg-clip-text font-bold" > TUNING PRO< / span >
2025-06-04 11:12:00 +02:00
< / a >
2025-06-04 11:22:41 +02:00
< button class = "navbar-toggler border-0 focus:ring-2 focus:ring-red-500 transition-all duration-300" type = "button" data-bs-toggle = "collapse" data-bs-target = "#navbarNav" >
2025-06-04 09:38:33 +02:00
< span class = "navbar-toggler-icon" > < / span >
< / button >
< div class = "collapse navbar-collapse" id = "navbarNav" >
2025-06-04 11:12:00 +02:00
< ul class = "navbar-nav ms-auto" >
2025-06-04 09:38:33 +02:00
< li class = "nav-item" >
2025-06-04 11:22:41 +02:00
< a class = "nav-link active hover:text-red-400 transition-all duration-300 relative group" href = "#home" >
2025-06-04 11:12:00 +02:00
Home
2025-06-04 11:22:41 +02:00
< span class = "absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-red-500 to-orange-500 transition-all duration-300 group-hover:w-full" > < / span >
2025-06-04 11:12:00 +02:00
< / a >
2025-06-04 09:38:33 +02:00
< / li >
< li class = "nav-item" >
2025-06-04 11:22:41 +02:00
< a class = "nav-link hover:text-red-400 transition-all duration-300 relative group" href = "#services" >
Diensten
< span class = "absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-red-500 to-orange-500 transition-all duration-300 group-hover:w-full" > < / span >
2025-06-04 11:12:00 +02:00
< / a >
2025-06-04 09:38:33 +02:00
< / li >
< li class = "nav-item" >
2025-06-04 11:22:41 +02:00
< a class = "nav-link hover:text-red-400 transition-all duration-300 relative group" href = "#gallery" >
Galerij
< span class = "absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-red-500 to-orange-500 transition-all duration-300 group-hover:w-full" > < / span >
2025-06-04 11:12:00 +02:00
< / a >
2025-06-04 09:46:25 +02:00
< / li >
< li class = "nav-item" >
2025-06-04 11:22:41 +02:00
< a class = "nav-link hover:text-red-400 transition-all duration-300 relative group" href = "#contact" >
2025-06-04 11:12:00 +02:00
Contact
2025-06-04 11:22:41 +02:00
< span class = "absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-red-500 to-orange-500 transition-all duration-300 group-hover:w-full" > < / span >
2025-06-04 11:12:00 +02:00
< / a >
< / li >
< li class = "nav-item ms-3" >
2025-06-04 11:22:41 +02:00
< button class = "btn btn-sm btn-primary bg-gradient-to-r from-red-600 to-orange-600 hover:from-red-700 hover:to-orange-700 hover:scale-105 transition-all duration-300 shadow-lg hover:shadow-xl" >
Afspraak Maken
2025-06-04 11:12:00 +02:00
< / button >
2025-06-04 09:38:33 +02:00
< / li >
< / ul >
< / div >
< / div >
< / nav >
2025-06-04 09:46:25 +02:00
<!-- Hero Section -->
2025-06-04 09:50:53 +02:00
< section id = "home" class = "py-5 min-h-screen flex items-center relative overflow-hidden" >
2025-06-04 11:22:41 +02:00
< div class = "absolute inset-0 bg-gradient-to-br from-red-900 via-gray-900 to-orange-900 opacity-20" > < / div >
2025-06-04 09:50:53 +02:00
< div class = "container relative z-10" >
2025-06-04 09:46:25 +02:00
< div class = "row" >
< div class = "col-md-8 mx-auto text-center" >
2025-06-04 11:22:41 +02:00
< h1 class = "text-6xl font-bold mb-4 animate-float bg-gradient-to-r from-red-500 to-orange-500 text-transparent bg-clip-text" > ONTKETEN JE AUTO< / h1 >
< p class = "text-gray-300 mb-8 text-xl animate-pulse-slow" > Professionele ECU Tuning & Prestatieverbetering< / p >
2025-06-04 09:50:53 +02:00
< div class = "space-x-4" >
2025-06-04 11:22:41 +02:00
< button class = "btn btn-primary bg-gradient-to-r from-red-600 to-orange-600 hover:from-red-700 hover:to-orange-700 hover:scale-110 transition-transform duration-300 shadow-lg hover:shadow-xl" >
Start Nu
< / button >
< button class = "btn btn-outline-secondary hover:bg-gradient-to-r hover:from-red-600 hover:to-orange-600 hover:text-white transition-all duration-300" >
Bekijk Galerij
< / button >
2025-06-04 09:50:53 +02:00
< / div >
2025-06-04 09:46:25 +02:00
< / div >
< / div >
< / div >
< / section >
<!-- Services Section -->
2025-06-04 11:22:41 +02:00
< section id = "services" class = "py-5 relative bg-gradient-to-br from-gray-900 to-gray-800" >
2025-06-04 09:46:25 +02:00
< div class = "container" >
2025-06-04 11:22:41 +02:00
< h2 class = "text-4xl font-bold text-center mb-12 hover:scale-105 transition-transform duration-300 bg-gradient-to-r from-red-500 to-orange-500 text-transparent bg-clip-text" > Onze Diensten< / h2 >
2025-06-04 09:46:25 +02:00
< div class = "row" >
< div class = "col-md-4 mb-4" >
2025-06-04 11:22:41 +02:00
< div class = "bg-gray-800 rounded-lg shadow-md p-6 transform hover:scale-105 transition-all duration-300 hover:shadow-xl border-t-4 border-red-500" >
2025-06-04 09:50:53 +02:00
< div class = "text-4xl mb-4 animate-bounce-slow" > 🚀< / div >
2025-06-04 11:22:41 +02:00
< h3 class = "text-xl font-bold mb-3 text-red-500" > ECU Tuning< / h3 >
< p class = "text-gray-400" > Ontgrendel het ware potentieel van je motor met onze professionele ECU-herprogrammering.< / p >
< ul class = "mt-4 text-gray-400 space-y-2" >
< li > • Vermogen & Koppel Verhoging< / li >
< li > • Brandstofverbruik Optimalisatie< / li >
< li > • Gasrespons Verbetering< / li >
< / ul >
2025-06-04 09:46:25 +02:00
< / div >
< / div >
< div class = "col-md-4 mb-4" >
2025-06-04 11:22:41 +02:00
< div class = "bg-gray-800 rounded-lg shadow-md p-6 transform hover:scale-105 transition-all duration-300 hover:shadow-xl border-t-4 border-orange-500" >
< div class = "text-4xl mb-4 animate-bounce-slow" > ⚡< / div >
< h3 class = "text-xl font-bold mb-3 text-orange-500" > Prestatie Onderdelen< / h3 >
< p class = "text-gray-400" > Hoogwaardige tuning onderdelen om de prestaties van je voertuig te verbeteren.< / p >
< ul class = "mt-4 text-gray-400 space-y-2" >
< li > • Uitlaatsystemen< / li >
< li > • Luchtfilters< / li >
< li > • Vering Upgrades< / li >
< / ul >
2025-06-04 09:46:25 +02:00
< / div >
< / div >
< div class = "col-md-4 mb-4" >
2025-06-04 11:22:41 +02:00
< div class = "bg-gray-800 rounded-lg shadow-md p-6 transform hover:scale-105 transition-all duration-300 hover:shadow-xl border-t-4 border-red-500" >
< div class = "text-4xl mb-4 animate-bounce-slow" > 🔧< / div >
< h3 class = "text-xl font-bold mb-3 text-red-500" > Maatwerk Oplossingen< / h3 >
< p class = "text-gray-400" > Op maat gemaakte aanpassingen die aansluiten bij jouw specifieke wensen.< / p >
< ul class = "mt-4 text-gray-400 space-y-2" >
< li > • Vermogensmeting< / li >
< li > • Custom Mapping< / li >
< li > • Prestatie Analyse< / li >
< / ul >
2025-06-04 09:46:25 +02:00
< / div >
< / div >
< / div >
< / div >
< / section >
2025-06-04 11:22:41 +02:00
<!-- Gallery Section -->
< section id = "gallery" class = "py-5 relative bg-gradient-to-br from-gray-800 to-gray-900" >
2025-06-04 09:46:25 +02:00
< div class = "container" >
2025-06-04 11:22:41 +02:00
< h2 class = "text-4xl font-bold text-center mb-12 hover:scale-105 transition-transform duration-300 bg-gradient-to-r from-red-500 to-orange-500 text-transparent bg-clip-text" > Ons Werk< / h2 >
2025-06-04 09:46:25 +02:00
< div class = "row" >
< div class = "col-md-4 mb-4" >
2025-06-04 11:22:41 +02:00
< div class = "bg-gray-800 rounded-lg overflow-hidden transform hover:scale-105 transition-all duration-300 hover:shadow-xl" >
< div class = "aspect-w-16 aspect-h-9 bg-gradient-to-r from-red-500 via-orange-500 to-red-500 rounded-lg mb-3 animate-pulse-slow" > < / div >
< div class = "p-4" >
< h3 class = "text-xl font-bold mb-2 text-red-500" > BMW M3 Stage 2< / h3 >
< p class = "text-gray-400" > Complete prestatie upgrade met custom mapping< / p >
< / div >
2025-06-04 09:46:25 +02:00
< / div >
< / div >
< div class = "col-md-4 mb-4" >
2025-06-04 11:22:41 +02:00
< div class = "bg-gray-800 rounded-lg overflow-hidden transform hover:scale-105 transition-all duration-300 hover:shadow-xl" >
< div class = "aspect-w-16 aspect-h-9 bg-gradient-to-r from-orange-500 via-red-500 to-orange-500 rounded-lg mb-3 animate-pulse-slow" > < / div >
< div class = "p-4" >
< h3 class = "text-xl font-bold mb-2 text-orange-500" > Audi RS3 Tuning< / h3 >
< p class = "text-gray-400" > ECU herprogrammering en uitlaatsysteem upgrade< / p >
< / div >
2025-06-04 09:46:25 +02:00
< / div >
< / div >
< div class = "col-md-4 mb-4" >
2025-06-04 11:22:41 +02:00
< div class = "bg-gray-800 rounded-lg overflow-hidden transform hover:scale-105 transition-all duration-300 hover:shadow-xl" >
< div class = "aspect-w-16 aspect-h-9 bg-gradient-to-r from-red-500 via-orange-500 to-red-500 rounded-lg mb-3 animate-pulse-slow" > < / div >
< div class = "p-4" >
< h3 class = "text-xl font-bold mb-2 text-red-500" > Mercedes AMG Pakket< / h3 >
< p class = "text-gray-400" > Volledig prestatie verbeteringspakket< / p >
< / div >
2025-06-04 09:46:25 +02:00
< / div >
< / div >
< / div >
< / div >
< / section >
<!-- Contact Section -->
2025-06-04 11:22:41 +02:00
< section id = "contact" class = "py-5 relative bg-gradient-to-br from-gray-900 to-gray-800" >
2025-06-04 09:46:25 +02:00
< div class = "container" >
2025-06-04 11:22:41 +02:00
< h2 class = "text-4xl font-bold text-center mb-12 hover:scale-105 transition-transform duration-300 bg-gradient-to-r from-red-500 to-orange-500 text-transparent bg-clip-text" > Neem Contact Op< / h2 >
2025-06-04 09:46:25 +02:00
< div class = "row" >
< div class = "col-md-6 mx-auto" >
2025-06-04 12:28:07 +02:00
< form id = "contactForm" action = "https://formspree.io/f/xvgrgzoo" method = "POST" class = "bg-gray-800 rounded-lg shadow-md p-6 transform hover:scale-105 transition-all duration-300 hover:shadow-xl border-t-4 border-red-500" >
2025-06-04 09:46:25 +02:00
< div class = "mb-3" >
2025-06-04 11:22:41 +02:00
< label for = "name" class = "form-label text-gray-300" > Naam< / label >
2025-06-04 12:28:07 +02:00
< input type = "text" class = "form-control bg-gray-700 border-gray-600 text-white focus:ring-2 focus:ring-red-500 transition-all duration-300" id = "name" name = "name" required >
2025-06-04 09:46:25 +02:00
< / div >
< div class = "mb-3" >
2025-06-04 11:22:41 +02:00
< label for = "email" class = "form-label text-gray-300" > E-mail< / label >
2025-06-04 12:28:07 +02:00
< input type = "email" class = "form-control bg-gray-700 border-gray-600 text-white focus:ring-2 focus:ring-red-500 transition-all duration-300" id = "email" name = "email" required >
< / div >
< div class = "mb-3" >
< label for = "phone" class = "form-label text-gray-300" > Telefoon< / label >
< input type = "tel" class = "form-control bg-gray-700 border-gray-600 text-white focus:ring-2 focus:ring-red-500 transition-all duration-300" id = "phone" name = "phone" required >
2025-06-04 09:46:25 +02:00
< / div >
< div class = "mb-3" >
2025-06-04 11:22:41 +02:00
< label for = "car" class = "form-label text-gray-300" > Voertuig< / label >
2025-06-04 14:04:15 +02:00
< div class = "relative" >
< input type = "text" id = "carSearch" class = "form-control bg-gray-700 border-gray-600 text-white focus:ring-2 focus:ring-red-500 transition-all duration-300 mb-2" placeholder = "Zoek je voertuigmodel..." >
< select class = "form-control bg-gray-700 border-gray-600 text-white focus:ring-2 focus:ring-red-500 transition-all duration-300" id = "car" name = "car" required >
< option value = "" disabled selected > Selecteer uw voertuigmodel< / option >
< optgroup label = "BMW" >
< option value = "BMW M2" > BMW M2< / option >
< option value = "BMW M3" > BMW M3< / option >
< option value = "BMW M4" > BMW M4< / option >
< option value = "BMW M5" > BMW M5< / option >
< option value = "BMW M8" > BMW M8< / option >
< option value = "BMW 1 Serie M" > BMW 1 Serie M< / option >
< option value = "BMW 2 Serie M" > BMW 2 Serie M< / option >
< option value = "BMW 3 Serie M" > BMW 3 Serie M< / option >
< option value = "BMW 4 Serie M" > BMW 4 Serie M< / option >
< option value = "BMW 5 Serie M" > BMW 5 Serie M< / option >
< option value = "BMW X3 M" > BMW X3 M< / option >
< option value = "BMW X4 M" > BMW X4 M< / option >
< option value = "BMW X5 M" > BMW X5 M< / option >
< option value = "BMW X6 M" > BMW X6 M< / option >
< option value = "BMW 118i" > BMW 118i< / option >
< option value = "BMW 120i" > BMW 120i< / option >
< option value = "BMW 125i" > BMW 125i< / option >
< option value = "BMW 320i" > BMW 320i< / option >
< option value = "BMW 330i" > BMW 330i< / option >
< option value = "BMW 420i" > BMW 420i< / option >
< option value = "BMW 430i" > BMW 430i< / option >
< / optgroup >
< optgroup label = "Audi" >
< option value = "Audi RS3" > Audi RS3< / option >
< option value = "Audi RS4" > Audi RS4< / option >
< option value = "Audi RS5" > Audi RS5< / option >
< option value = "Audi RS6" > Audi RS6< / option >
< option value = "Audi RS7" > Audi RS7< / option >
< option value = "Audi RS Q3" > Audi RS Q3< / option >
< option value = "Audi RS Q8" > Audi RS Q8< / option >
< option value = "Audi S3" > Audi S3< / option >
< option value = "Audi S4" > Audi S4< / option >
< option value = "Audi S5" > Audi S5< / option >
< option value = "Audi S6" > Audi S6< / option >
< option value = "Audi S7" > Audi S7< / option >
< option value = "Audi S8" > Audi S8< / option >
< option value = "Audi SQ5" > Audi SQ5< / option >
< option value = "Audi SQ7" > Audi SQ7< / option >
< option value = "Audi SQ8" > Audi SQ8< / option >
< option value = "Audi A3" > Audi A3< / option >
< option value = "Audi A4" > Audi A4< / option >
< option value = "Audi A5" > Audi A5< / option >
< option value = "Audi A6" > Audi A6< / option >
< option value = "Audi Q3" > Audi Q3< / option >
< option value = "Audi Q5" > Audi Q5< / option >
< / optgroup >
< optgroup label = "Mercedes-AMG" >
< option value = "Mercedes-AMG A35" > Mercedes-AMG A35< / option >
< option value = "Mercedes-AMG A45" > Mercedes-AMG A45< / option >
< option value = "Mercedes-AMG CLA35" > Mercedes-AMG CLA35< / option >
< option value = "Mercedes-AMG CLA45" > Mercedes-AMG CLA45< / option >
< option value = "Mercedes-AMG C43" > Mercedes-AMG C43< / option >
< option value = "Mercedes-AMG C63" > Mercedes-AMG C63< / option >
< option value = "Mercedes-AMG E53" > Mercedes-AMG E53< / option >
< option value = "Mercedes-AMG E63" > Mercedes-AMG E63< / option >
< option value = "Mercedes-AMG G63" > Mercedes-AMG G63< / option >
< option value = "Mercedes-AMG GT" > Mercedes-AMG GT< / option >
< option value = "Mercedes-AMG GT63" > Mercedes-AMG GT63< / option >
< option value = "Mercedes-AMG GLE63" > Mercedes-AMG GLE63< / option >
< option value = "Mercedes-AMG GLS63" > Mercedes-AMG GLS63< / option >
< / optgroup >
< optgroup label = "Volkswagen" >
< option value = "Volkswagen Golf R" > Volkswagen Golf R< / option >
< option value = "Volkswagen Golf GTI" > Volkswagen Golf GTI< / option >
< option value = "Volkswagen Golf GTD" > Volkswagen Golf GTD< / option >
< option value = "Volkswagen Polo GTI" > Volkswagen Polo GTI< / option >
< option value = "Volkswagen Arteon R" > Volkswagen Arteon R< / option >
< option value = "Volkswagen Tiguan R" > Volkswagen Tiguan R< / option >
< option value = "Volkswagen T-Roc R" > Volkswagen T-Roc R< / option >
< option value = "Volkswagen T-Cross" > Volkswagen T-Cross< / option >
< option value = "Volkswagen Passat R-Line" > Volkswagen Passat R-Line< / option >
< option value = "Volkswagen Golf" > Volkswagen Golf< / option >
< option value = "Volkswagen Polo" > Volkswagen Polo< / option >
< option value = "Volkswagen T-Roc" > Volkswagen T-Roc< / option >
< option value = "Volkswagen Tiguan" > Volkswagen Tiguan< / option >
< option value = "Volkswagen Phaeton" > Volkswagen Phaeton< / option >
< option value = "Volkswagen Passat" > Volkswagen Passat< / option >
< option value = "Volkswagen Arteon" > Volkswagen Arteon< / option >
< option value = "Volkswagen ID.3" > Volkswagen ID.3< / option >
< option value = "Volkswagen ID.4" > Volkswagen ID.4< / option >
< option value = "Volkswagen ID.5" > Volkswagen ID.5< / option >
< option value = "Volkswagen ID.Buzz" > Volkswagen ID.Buzz< / option >
< option value = "Volkswagen Touareg" > Volkswagen Touareg< / option >
< option value = "Volkswagen Taos" > Volkswagen Taos< / option >
< option value = "Volkswagen Atlas" > Volkswagen Atlas< / option >
< option value = "Volkswagen Jetta" > Volkswagen Jetta< / option >
< option value = "Volkswagen Scirocco" > Volkswagen Scirocco< / option >
< option value = "Volkswagen Beetle" > Volkswagen Beetle< / option >
< option value = "Volkswagen Up!" > Volkswagen Up!< / option >
< option value = "Volkswagen Sharan" > Volkswagen Sharan< / option >
< option value = "Volkswagen Touran" > Volkswagen Touran< / option >
< option value = "Volkswagen Caddy" > Volkswagen Caddy< / option >
< option value = "Volkswagen Transporter" > Volkswagen Transporter< / option >
< option value = "Volkswagen Amarok" > Volkswagen Amarok< / option >
< / optgroup >
< optgroup label = "Porsche" >
< option value = "Porsche 911" > Porsche 911< / option >
< option value = "Porsche 911 GT3" > Porsche 911 GT3< / option >
< option value = "Porsche 911 Turbo" > Porsche 911 Turbo< / option >
< option value = "Porsche 718 Cayman" > Porsche 718 Cayman< / option >
< option value = "Porsche 718 Boxster" > Porsche 718 Boxster< / option >
< option value = "Porsche Taycan" > Porsche Taycan< / option >
< option value = "Porsche Panamera" > Porsche Panamera< / option >
< option value = "Porsche Macan" > Porsche Macan< / option >
< option value = "Porsche Cayenne" > Porsche Cayenne< / option >
< / optgroup >
< optgroup label = "Audi Sport" >
< option value = "Audi Sport Quattro" > Audi Sport Quattro< / option >
< option value = "Audi Sport RS e-tron GT" > Audi Sport RS e-tron GT< / option >
< option value = "Audi Sport R8" > Audi Sport R8< / option >
< option value = "Audi Sport TT RS" > Audi Sport TT RS< / option >
< / optgroup >
< optgroup label = "Alfa Romeo" >
< option value = "Alfa Romeo Giulia Quadrifoglio" > Alfa Romeo Giulia Quadrifoglio< / option >
< option value = "Alfa Romeo Stelvio Quadrifoglio" > Alfa Romeo Stelvio Quadrifoglio< / option >
< option value = "Alfa Romeo 4C" > Alfa Romeo 4C< / option >
< option value = "Alfa Romeo Giulia" > Alfa Romeo Giulia< / option >
< option value = "Alfa Romeo Stelvio" > Alfa Romeo Stelvio< / option >
< option value = "Alfa Romeo Tonale" > Alfa Romeo Tonale< / option >
< / optgroup >
< optgroup label = "Jaguar" >
< option value = "Jaguar F-Type" > Jaguar F-Type< / option >
< option value = "Jaguar F-Pace SVR" > Jaguar F-Pace SVR< / option >
< option value = "Jaguar XE SV Project 8" > Jaguar XE SV Project 8< / option >
< option value = "Jaguar XE" > Jaguar XE< / option >
< option value = "Jaguar XF" > Jaguar XF< / option >
< option value = "Jaguar E-Pace" > Jaguar E-Pace< / option >
< / optgroup >
< optgroup label = "Land Rover" >
< option value = "Land Rover Range Rover Sport SVR" > Land Rover Range Rover Sport SVR< / option >
< option value = "Land Rover Defender V8" > Land Rover Defender V8< / option >
< option value = "Land Rover Discovery SVX" > Land Rover Discovery SVX< / option >
< option value = "Land Rover Discovery Sport" > Land Rover Discovery Sport< / option >
< option value = "Land Rover Evoque" > Land Rover Evoque< / option >
< / optgroup >
< optgroup label = "Maserati" >
< option value = "Maserati MC20" > Maserati MC20< / option >
< option value = "Maserati Levante Trofeo" > Maserati Levante Trofeo< / option >
< option value = "Maserati Ghibli Trofeo" > Maserati Ghibli Trofeo< / option >
< option value = "Maserati Ghibli" > Maserati Ghibli< / option >
< option value = "Maserati Levante" > Maserati Levante< / option >
< / optgroup >
< optgroup label = "Bentley" >
< option value = "Bentley Continental GT" > Bentley Continental GT< / option >
< option value = "Bentley Flying Spur" > Bentley Flying Spur< / option >
< option value = "Bentley Bentayga" > Bentley Bentayga< / option >
< / optgroup >
< optgroup label = "Aston Martin" >
< option value = "Aston Martin Vantage" > Aston Martin Vantage< / option >
< option value = "Aston Martin DB11" > Aston Martin DB11< / option >
< option value = "Aston Martin DBS" > Aston Martin DBS< / option >
< / optgroup >
< optgroup label = "Ferrari" >
< option value = "Ferrari F8 Tributo" > Ferrari F8 Tributo< / option >
< option value = "Ferrari SF90 Stradale" > Ferrari SF90 Stradale< / option >
< option value = "Ferrari 296 GTB" > Ferrari 296 GTB< / option >
< / optgroup >
< optgroup label = "Lamborghini" >
< option value = "Lamborghini Huracán" > Lamborghini Huracán< / option >
< option value = "Lamborghini Aventador" > Lamborghini Aventador< / option >
< option value = "Lamborghini Urus" > Lamborghini Urus< / option >
< / optgroup >
< optgroup label = "McLaren" >
< option value = "McLaren 720S" > McLaren 720S< / option >
< option value = "McLaren 765LT" > McLaren 765LT< / option >
< option value = "McLaren Artura" > McLaren Artura< / option >
< / optgroup >
< optgroup label = "Toyota" >
< option value = "Toyota GR Yaris" > Toyota GR Yaris< / option >
< option value = "Toyota GR Corolla" > Toyota GR Corolla< / option >
< option value = "Toyota GR86" > Toyota GR86< / option >
< option value = "Toyota Supra" > Toyota Supra< / option >
< option value = "Toyota Yaris" > Toyota Yaris< / option >
< option value = "Toyota Corolla" > Toyota Corolla< / option >
< / optgroup >
< optgroup label = "Honda" >
< option value = "Honda Civic Type R" > Honda Civic Type R< / option >
< option value = "Honda Civic" > Honda Civic< / option >
< option value = "Honda Jazz" > Honda Jazz< / option >
< option value = "Honda HR-V" > Honda HR-V< / option >
< / optgroup >
< optgroup label = "Ford" >
< option value = "Ford Focus ST" > Ford Focus ST< / option >
< option value = "Ford Focus RS" > Ford Focus RS< / option >
< option value = "Ford Fiesta ST" > Ford Fiesta ST< / option >
< option value = "Ford Mustang" > Ford Mustang< / option >
< option value = "Ford Focus" > Ford Focus< / option >
< option value = "Ford Fiesta" > Ford Fiesta< / option >
< / optgroup >
< optgroup label = "Renault" >
< option value = "Renault Megane RS" > Renault Megane RS< / option >
< option value = "Renault Clio RS" > Renault Clio RS< / option >
< option value = "Renault Megane" > Renault Megane< / option >
< option value = "Renault Clio" > Renault Clio< / option >
< option value = "Renault Captur" > Renault Captur< / option >
< / optgroup >
< optgroup label = "Peugeot" >
< option value = "Peugeot 308 GTI" > Peugeot 308 GTI< / option >
< option value = "Peugeot 208 GTI" > Peugeot 208 GTI< / option >
< option value = "Peugeot 308" > Peugeot 308< / option >
< option value = "Peugeot 208" > Peugeot 208< / option >
< option value = "Peugeot 3008" > Peugeot 3008< / option >
< / optgroup >
< optgroup label = "Opel" >
< option value = "Opel Astra GSi" > Opel Astra GSi< / option >
< option value = "Opel Corsa OPC" > Opel Corsa OPC< / option >
< option value = "Opel Astra" > Opel Astra< / option >
< option value = "Opel Corsa" > Opel Corsa< / option >
< option value = "Opel Mokka" > Opel Mokka< / option >
2025-06-04 14:09:45 +02:00
< option value = "Opel Adam" > Opel Adam< / option >
< option value = "Opel Agila" > Opel Agila< / option >
< option value = "Opel Karl" > Opel Karl< / option >
< option value = "Opel Meriva" > Opel Meriva< / option >
< option value = "Opel Zafira" > Opel Zafira< / option >
< option value = "Opel Combo" > Opel Combo< / option >
< option value = "Opel Insignia" > Opel Insignia< / option >
< option value = "Opel Crossland" > Opel Crossland< / option >
< option value = "Opel Grandland" > Opel Grandland< / option >
< option value = "Opel Ampera" > Opel Ampera< / option >
< option value = "Opel Vectra" > Opel Vectra< / option >
< option value = "Opel Signum" > Opel Signum< / option >
< option value = "Opel Omega" > Opel Omega< / option >
< option value = "Opel Kadett" > Opel Kadett< / option >
< option value = "Opel Rekord" > Opel Rekord< / option >
< option value = "Opel Senator" > Opel Senator< / option >
< option value = "Opel Ascona" > Opel Ascona< / option >
< option value = "Opel Tigra" > Opel Tigra< / option >
< option value = "Opel Calibra" > Opel Calibra< / option >
< option value = "Opel Monterey" > Opel Monterey< / option >
< option value = "Opel Frontera" > Opel Frontera< / option >
< option value = "Opel Antara" > Opel Antara< / option >
< option value = "Opel Vivaro" > Opel Vivaro< / option >
< option value = "Opel Movano" > Opel Movano< / option >
< option value = "Opel Zafira Tourer" > Opel Zafira Tourer< / option >
< option value = "Opel Combo Life" > Opel Combo Life< / option >
< option value = "Opel Combo Tour" > Opel Combo Tour< / option >
< option value = "Opel Agila Twinport" > Opel Agila Twinport< / option >
< option value = "Opel Corsa-e" > Opel Corsa-e< / option >
< option value = "Opel Ampera-e" > Opel Ampera-e< / option >
2025-06-04 14:04:15 +02:00
< / optgroup >
< optgroup label = "Seat" >
< option value = "Seat Leon Cupra" > Seat Leon Cupra< / option >
< option value = "Seat Ibiza Cupra" > Seat Ibiza Cupra< / option >
< option value = "Seat Leon" > Seat Leon< / option >
< option value = "Seat Ibiza" > Seat Ibiza< / option >
< option value = "Seat Arona" > Seat Arona< / option >
< / optgroup >
< optgroup label = "Skoda" >
< option value = "Skoda Octavia RS" > Skoda Octavia RS< / option >
< option value = "Skoda Kodiaq RS" > Skoda Kodiaq RS< / option >
< option value = "Skoda Octavia" > Skoda Octavia< / option >
< option value = "Skoda Kodiaq" > Skoda Kodiaq< / option >
< option value = "Skoda Karoq" > Skoda Karoq< / option >
2025-06-04 14:09:45 +02:00
< option value = "Skoda Fabia" > Skoda Fabia< / option >
< option value = "Skoda Citigo" > Skoda Citigo< / option >
< option value = "Skoda Rapid" > Skoda Rapid< / option >
< option value = "Skoda Roomster" > Skoda Roomster< / option >
< option value = "Skoda Superb" > Skoda Superb< / option >
< option value = "Skoda Kamiq" > Skoda Kamiq< / option >
< option value = "Skoda Scala" > Skoda Scala< / option >
< option value = "Skoda Yeti" > Skoda Yeti< / option >
2025-06-04 14:04:15 +02:00
< / optgroup >
< optgroup label = "Mazda" >
< option value = "Mazda MX-5" > Mazda MX-5< / option >
< option value = "Mazda MX-30" > Mazda MX-30< / option >
< option value = "Mazda 3" > Mazda 3< / option >
< option value = "Mazda 6" > Mazda 6< / option >
< option value = "Mazda CX-3" > Mazda CX-3< / option >
< option value = "Mazda CX-5" > Mazda CX-5< / option >
< option value = "Mazda CX-30" > Mazda CX-30< / option >
< option value = "Mazda CX-60" > Mazda CX-60< / option >
< / optgroup >
< optgroup label = "Suzuki" >
< option value = "Suzuki Swift Sport" > Suzuki Swift Sport< / option >
< option value = "Suzuki Swift" > Suzuki Swift< / option >
< option value = "Suzuki Jimny" > Suzuki Jimny< / option >
< option value = "Suzuki Vitara" > Suzuki Vitara< / option >
< option value = "Suzuki S-Cross" > Suzuki S-Cross< / option >
< option value = "Suzuki Across" > Suzuki Across< / option >
< / optgroup >
< optgroup label = "Mitsubishi" >
< option value = "Mitsubishi Lancer Evolution" > Mitsubishi Lancer Evolution< / option >
< option value = "Mitsubishi Eclipse Cross" > Mitsubishi Eclipse Cross< / option >
< option value = "Mitsubishi ASX" > Mitsubishi ASX< / option >
< option value = "Mitsubishi Outlander" > Mitsubishi Outlander< / option >
< option value = "Mitsubishi Space Star" > Mitsubishi Space Star< / option >
< / optgroup >
< optgroup label = "Subaru" >
< option value = "Subaru WRX STI" > Subaru WRX STI< / option >
< option value = "Subaru WRX" > Subaru WRX< / option >
< option value = "Subaru BRZ" > Subaru BRZ< / option >
< option value = "Subaru Impreza" > Subaru Impreza< / option >
< option value = "Subaru Legacy" > Subaru Legacy< / option >
< option value = "Subaru Outback" > Subaru Outback< / option >
< option value = "Subaru Forester" > Subaru Forester< / option >
< option value = "Subaru XV" > Subaru XV< / option >
< / optgroup >
< optgroup label = "Lexus" >
< option value = "Lexus LC" > Lexus LC< / option >
< option value = "Lexus RC F" > Lexus RC F< / option >
< option value = "Lexus IS" > Lexus IS< / option >
< option value = "Lexus ES" > Lexus ES< / option >
< option value = "Lexus GS" > Lexus GS< / option >
< option value = "Lexus LS" > Lexus LS< / option >
< option value = "Lexus NX" > Lexus NX< / option >
< option value = "Lexus RX" > Lexus RX< / option >
< option value = "Lexus UX" > Lexus UX< / option >
< / optgroup >
< optgroup label = "Infiniti" >
< option value = "Infiniti Q50" > Infiniti Q50< / option >
< option value = "Infiniti Q60" > Infiniti Q60< / option >
< option value = "Infiniti Q70" > Infiniti Q70< / option >
< option value = "Infiniti QX50" > Infiniti QX50< / option >
< option value = "Infiniti QX60" > Infiniti QX60< / option >
< option value = "Infiniti QX80" > Infiniti QX80< / option >
< / optgroup >
< optgroup label = "Genesis" >
< option value = "Genesis G70" > Genesis G70< / option >
< option value = "Genesis G80" > Genesis G80< / option >
< option value = "Genesis G90" > Genesis G90< / option >
< option value = "Genesis GV70" > Genesis GV70< / option >
< option value = "Genesis GV80" > Genesis GV80< / option >
< / optgroup >
< optgroup label = "Kia" >
< option value = "Kia Stinger" > Kia Stinger< / option >
< option value = "Kia Ceed" > Kia Ceed< / option >
< option value = "Kia ProCeed" > Kia ProCeed< / option >
< option value = "Kia Rio" > Kia Rio< / option >
< option value = "Kia Picanto" > Kia Picanto< / option >
< option value = "Kia Sportage" > Kia Sportage< / option >
< option value = "Kia Sorento" > Kia Sorento< / option >
< option value = "Kia EV6" > Kia EV6< / option >
< option value = "Kia Niro" > Kia Niro< / option >
< / optgroup >
< optgroup label = "Hyundai" >
< option value = "Hyundai i20 N" > Hyundai i20 N< / option >
< option value = "Hyundai i30 N" > Hyundai i30 N< / option >
< option value = "Hyundai Kona N" > Hyundai Kona N< / option >
< option value = "Hyundai i20" > Hyundai i20< / option >
< option value = "Hyundai i30" > Hyundai i30< / option >
< option value = "Hyundai Kona" > Hyundai Kona< / option >
< option value = "Hyundai Tucson" > Hyundai Tucson< / option >
< option value = "Hyundai Santa Fe" > Hyundai Santa Fe< / option >
< option value = "Hyundai IONIQ 5" > Hyundai IONIQ 5< / option >
< option value = "Hyundai IONIQ 6" > Hyundai IONIQ 6< / option >
< / optgroup >
< optgroup label = "Dacia" >
< option value = "Dacia Sandero" > Dacia Sandero< / option >
< option value = "Dacia Logan" > Dacia Logan< / option >
< option value = "Dacia Duster" > Dacia Duster< / option >
< option value = "Dacia Spring" > Dacia Spring< / option >
< option value = "Dacia Jogger" > Dacia Jogger< / option >
< / optgroup >
< optgroup label = "Lancia" >
< option value = "Lancia Delta HF" > Lancia Delta HF< / option >
< option value = "Lancia Ypsilon" > Lancia Ypsilon< / option >
< / optgroup >
< optgroup label = "Abarth" >
< option value = "Abarth 595" > Abarth 595< / option >
< option value = "Abarth 695" > Abarth 695< / option >
< option value = "Abarth 124 Spider" > Abarth 124 Spider< / option >
< / optgroup >
< optgroup label = "Andere" >
< option value = "Ander model" > Ander model< / option >
< / optgroup >
< / select >
< / div >
2025-06-04 09:46:25 +02:00
< / div >
2025-06-04 11:22:41 +02:00
< div class = "mb-3" >
< label for = "message" class = "form-label text-gray-300" > Bericht< / label >
2025-06-04 12:28:07 +02:00
< textarea class = "form-control bg-gray-700 border-gray-600 text-white focus:ring-2 focus:ring-red-500 transition-all duration-300" id = "message" name = "message" rows = "4" required > < / textarea >
2025-06-04 11:22:41 +02:00
< / div >
2025-06-04 12:28:07 +02:00
< button type = "submit" class = "btn btn-primary w-full bg-gradient-to-r from-red-600 to-orange-600 hover:from-red-700 hover:to-orange-700 transition-all duration-300" >
Verstuur Bericht
< / button >
2025-06-04 09:46:25 +02:00
< / form >
2025-06-04 12:28:07 +02:00
< div id = "contactSuccess" class = "hidden mt-4 p-4 rounded bg-green-700 text-white text-center font-semibold shadow-lg" > Bedankt voor je interesse! We nemen zo snel mogelijk contact met je op.< / div >
2025-06-04 09:46:25 +02:00
< / div >
< / div >
< / div >
< / section >
<!-- Footer -->
2025-06-04 11:22:41 +02:00
< footer class = "bg-gradient-to-r from-gray-900 to-gray-800 text-white py-8 relative border-t border-gray-700" >
2025-06-04 09:46:25 +02:00
< div class = "container" >
< div class = "row" >
2025-06-04 11:22:41 +02:00
< div class = "col-md-4" >
< h3 class = "text-xl font-bold mb-4 bg-gradient-to-r from-red-500 to-orange-500 text-transparent bg-clip-text" > TUNING PRO< / h3 >
< p class = "text-gray-400" > Professionele auto tuning diensten voor prestatie liefhebbers.< / p >
< / div >
< div class = "col-md-4" >
< h4 class = "text-lg font-semibold mb-4 text-gray-300" > Snelle Links< / h4 >
< ul class = "space-y-2" >
< li > < a href = "#services" class = "text-gray-400 hover:text-red-400 transition-colors duration-300" > Diensten< / a > < / li >
< li > < a href = "#gallery" class = "text-gray-400 hover:text-red-400 transition-colors duration-300" > Galerij< / a > < / li >
< li > < a href = "#contact" class = "text-gray-400 hover:text-red-400 transition-colors duration-300" > Contact< / a > < / li >
< / ul >
2025-06-04 09:46:25 +02:00
< / div >
2025-06-04 11:22:41 +02:00
< div class = "col-md-4" >
< h4 class = "text-lg font-semibold mb-4 text-gray-300" > Contactgegevens< / h4 >
< ul class = "space-y-2 text-gray-400" >
< li > 📍 Locatie, Stad< / li >
< li > 📞 +31612345678< / li >
< li > ✉️ info@tuningpro.nl< / li >
< / ul >
< / div >
< / div >
< div class = "row mt-8" >
< div class = "col-12 text-center" >
< p class = "text-gray-500" > © 2024 Tuning Pro. Alle rechten voorbehouden.< / p >
2025-06-04 09:38:33 +02:00
< / div >
< / div >
< / div >
2025-06-04 09:46:25 +02:00
< / footer >
2025-06-04 09:38:33 +02:00
<!-- Bootstrap JS Bundle with Popper -->
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" > < / script >
<!-- Custom JavaScript -->
< script src = "js/script.js" > < / script >
2025-06-04 09:34:13 +02:00
< / body >
< / html >
