Embed

<div class="contact-wrapper">
  <div class="back-arrow" onclick="window.location.href='https://alltaxisnelthuis.com/voertuigkeuze'" title="Ga terug naar voertuigpagina">⬅</div>

  <div class="logo-container">
    <img src="https://i.imgur.com/BOqyHHr.jpeg" alt="Taxi Snel Thuis logo">
  </div>

  <div class="contact-container">
    <h2>📋 Klantgegevens voor bevestiging</h2>
    <p>Vul hieronder je gegevens in zodat we je boeking kunnen bevestigen.</p>

    <input type="text" id="voornaam" placeholder="Voornaam" required>
    <input type="text" id="achternaam" placeholder="Achternaam" required>
    <input type="email" id="email" placeholder="E-mailadres" required>
    <input type="tel" id="telefoon" placeholder="Telefoonnummer" required>
    <textarea id="opmerking" placeholder="Opmerkingen (optioneel)"></textarea>

    <label class="voorwaarden-label">
      <input type="checkbox" id="voorwaarden">
      Ik ga akkoord met de <a href="/voorwaarden" target="_blank">algemene voorwaarden</a>
    </label>

    <button type="button" onclick="slaContactOpEnGaVerder()">💳 Naar betaling</button>
  </div>
</div>

<script>
function slaContactOpEnGaVerder() {
  const klant = {
    voornaam: document.getElementById("voornaam").value.trim(),
    achternaam: document.getElementById("achternaam").value.trim(),
    email: document.getElementById("email").value.trim(),
    telefoon: document.getElementById("telefoon").value.trim(),
    opmerking: document.getElementById("opmerking").value.trim(),
  };

  const akkoord = document.getElementById("voorwaarden").checked;
  if (!akkoord) return alert("✅ Vink aan dat je akkoord gaat met de voorwaarden.");
  if (!klant.voornaam || !klant.achternaam || !klant.email || !klant.telefoon)
    return alert("❗ Vul alle verplichte velden in.");

  const rit = {
    pickup: sessionStorage.getItem("pickup"),
    destination: sessionStorage.getItem("destination"),
    datetime: sessionStorage.getItem("datetime"),
    passengers: sessionStorage.getItem("passengers"),
    baggage: sessionStorage.getItem("baggage"),
    tripType: sessionStorage.getItem("tripType"),
    voertuig: sessionStorage.getItem("vehicleType"),
    prijs: sessionStorage.getItem("totalPrice"),
    extraOptions: JSON.parse(sessionStorage.getItem("extraOptions") || "[]")
  };

  // Sla alles op
  localStorage.setItem("klantGegevens", JSON.stringify(klant));
  localStorage.setItem("ritGegevens", JSON.stringify(rit));

  // Ga naar betaalpagina
  window.location.href = "https://alltaxisnelthuis.com/betaalpagina";
}
</script>

<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

body {background: radial-gradient(circle at center,#0a0a0a,#1a1a1a);color:#fff;font-family:'Poppins',sans-serif;margin:0;padding:0;text-align:center;}
.back-arrow {position:fixed;top:25px;left:25px;font-size:1.8rem;color:gold;background:rgba(20,20,20,0.8);border:1px solid rgba(255,215,0,0.4);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 15px rgba(255,215,0,0.3);transition:all .3s ease;z-index:10;}
.back-arrow:hover {background:gold;color:black;transform:scale(1.1);}
.contact-wrapper {display:flex;flex-direction:column;align-items:center;gap:20px;min-height:100vh;padding:40px 20px;}
.logo-container img {max-width:220px;border-radius:12px;filter:drop-shadow(0 0 25px rgba(255,215,0,0.5));}
.contact-container {max-width:600px;width:100%;background:linear-gradient(180deg,rgba(30,30,30,0.95),rgba(0,0,0,0.98));padding:40px;border-radius:20px;border:1px solid rgba(255,215,0,0.3);box-shadow:0 0 40px rgba(255,215,0,0.25);}
h2 {color:gold;font-size:1.8rem;margin-bottom:10px;}
input, textarea {width:90%;padding:12px 14px;border-radius:10px;border:1px solid #333;background:#f8f8f8;color:#000;margin:8px 0;font-size:1rem;}
textarea {min-height:90px;resize:none;}
button {margin-top:20px;width:95%;padding:15px;border:none;border-radius:12px;background:linear-gradient(90deg,gold,#ffb700);color:#000;font-weight:600;font-size:1.05rem;cursor:pointer;transition:0.3s;box-shadow:0 0 15px rgba(255,215,0,0.3);}
button:hover {background:#000;color:gold;border:1px solid gold;transform:scale(1.03);}
.voorwaarden-label {display:block;margin-top:15px;color:#f2f2f2;font-size:0.95rem;}
.voorwaarden-label a {color:gold;text-decoration:none;}
.voorwaarden-label a:hover {text-decoration:underline;}
</style>


TaxiSnelThuis

TaxiSnelThuis is a newly launched taxi service based in Rijen, Netherlands, offering an online booking platform that automatically calculates travel distance between pickup locations and final destinations. As a startup, the company focuses on providing convenient, distance‑aware ride scheduling for local customers.