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 >
