Banner

Experience our professional taxi service, offering local rides, airport transfers, and long-distance journeys.

Ride smart. Ride EQ

Young man show the driver the directions on a smart phone

Text

<h2 style="white-space:pre-line">Experience our professional taxi service, offering local rides, airport transfers, and long-distance journeys. Always smart, always EQ. </h2>
<p style="text-align:left">Choose us for your travel needs and enjoy seamless rides tailored to your schedule.</p>

Embed

<!DOCTYPE html>
<html lang="nl">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>EQ Ritplanner</title>
  <link href="https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.css" rel="stylesheet" />
  <link href="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v4.7.2/mapbox-gl-geocoder.css" rel="stylesheet" />
  <script src="https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.js"></script>
  <script src="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v4.7.2/mapbox-gl-geocoder.min.js"></script>
  <script>
    document.addEventListener("DOMContentLoaded", function () {
      const now = new Date();
      const dateInput = document.getElementById("dateInput");
      const timeInput = document.getElementById("timeInput");
      if (dateInput && !dateInput.value) dateInput.value = now.toISOString().slice(0, 10);
      if (timeInput && !timeInput.value) timeInput.value = now.toTimeString().slice(0, 5);
    });
  </script>
  <style>
    html { scroll-behavior: smooth; }
    body {
      font-family: 'Poppins', sans-serif;
      margin: 0;
      padding: 0;
      background: #141414;
    }
    #home {
      max-width: 1200px;
      margin: 60px auto;
      display: flex;
      flex-direction: column;
      gap: 20px;
      padding: 0 16px;
      align-items: center;
    }
    @media(min-width: 1024px) {
      #home {
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
      }
      #map {
        min-width: 650px;
        max-width: 750px;
        height: 100%;
        min-height: 500px;
      }
    }
    #rideForm {
      background: #292929;
      backdrop-filter: blur(14px);
      border-radius: 16px;
      padding: 32px;
      color: white;
      font-family: 'Poppins', sans-serif;
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
    }
    #map {
      width: 100%;
      border-radius: 12px;
      flex: 1;
    }
    @media (max-width: 1023px) {
      #map {
        width: 100%;
        height: auto;
        margin-top: 20px;
      }
    }
    input[type="email"], input[type="date"], input[type="time"], .mapboxgl-ctrl-geocoder--input {
      background: rgba(0, 0, 0, 0.3) !important;
      color: white !important;
      border: none;
    }
    ::placeholder { color: #ccc; opacity: 1; }
    .mapboxgl-ctrl-geocoder {
      width: 100% !important;
      max-width: 100% !important;
      border-radius: 8px !important;
      font-size: 14px !important;
      margin: 0 !important;
      background: rgba(0, 0, 0, 0.3) !important;
    }
    .mapboxgl-ctrl-geocoder--input {
      padding: 12px 16px 12px 36px !important;
      border-radius: 8px !important;
      font-size: 14px !important;
    }
    .mapboxgl-ctrl-geocoder--icon-search {
      left: 12px !important;
      top: 12px !important;
      filter: invert(1);
    }
    #pickup-geocoder, #dropoff-geocoder {
      position: relative;
      z-index: 2;
      margin-bottom: 20px;
    }
    #locateMeBtn {
      position: absolute;
      right: 10px;
      top: 10px;
      background: transparent;
      border: none;
      cursor: pointer;
      z-index: 5;
      width: 18px;
      height: 18px;
    }
    #locateMeBtn img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      filter: brightness(0) saturate(100%) invert(81%) sepia(82%) saturate(653%) hue-rotate(356deg) brightness(105%) contrast(101%);
    }
  </style>
</head>
<body>
<div id="home">
  <form id="rideForm">
    <h2 style="font-size: 24px; font-weight: 600; margin-bottom: 20px;">EQ Ritplanner</h2>
    <div id="pickup-geocoder">
      <button type="button" id="locateMeBtn" onclick="setCurrentLocation()">
        <img src="https://cdn-icons-png.flaticon.com/512/684/684908.png" alt="locate" />
      </button>
    </div>
    <div id="dropoff-geocoder"></div>
    <div style="display: flex; gap: 10px; margin-bottom: 20px;">
      <input type="date" name="date" id="dateInput" required style="flex:1; padding: 14px; border-radius: 8px; background: rgba(0,0,0,0.3); color: white; border: none;" />
      <input type="time" name="time" id="timeInput" required style="flex:1; padding: 14px; border-radius: 8px; background: rgba(0,0,0,0.3); color: white; border: none;" />
    </div>
    <input type="email" name="email" required placeholder="jij@voorbeeld.nl" style="width: 100%; margin-bottom: 16px; padding: 14px; border-radius: 8px; font-size: 14px;" />
    <input type="hidden" name="pickup" id="pickupInput">
    <input type="hidden" name="dropoff" id="dropoffInput">
    <input type="hidden" name="price" id="priceInput">
    <p id="resultPrice" style="margin-top: 16px; font-size: 16px;"></p>
    <button type="button" onclick="calculatePrice()" style="margin-top: 20px; width: 100%; padding: 16px; background: #f8b618; color: black; font-weight: bold; font-size: 16px; border: none; border-radius: 8px; cursor: pointer;">
      Bereken ritprijs
    </button>
  </form>
  <div id="map"></div>
</div>
<script>
mapboxgl.accessToken = 'pk.eyJ1IjoiZHVyYWJsZSIsImEiOiJjbGJjOHV1bHUwcjM5M3huOHdoZXdkdDRsIn0.geBkTZ4KBXWb669GQBr8rw';
const pickupGeocoder = new MapboxGeocoder({ accessToken: mapboxgl.accessToken, placeholder: 'Typ ophaallocatie...', mapboxgl });
const dropoffGeocoder = new MapboxGeocoder({ accessToken: mapboxgl.accessToken, placeholder: 'Typ bestemming...', mapboxgl });
document.getElementById('pickup-geocoder').appendChild(pickupGeocoder.onAdd());
document.getElementById('dropoff-geocoder').appendChild(dropoffGeocoder.onAdd());
const map = new mapboxgl.Map({ container: 'map', style: 'mapbox://styles/mapbox/dark-v11', center: [4.895168, 52.370216], zoom: 9 });
let currentLocationMarker;
let pickupCoords = null;
let dropoffCoords = null;
function setCurrentLocation() {
  navigator.geolocation.getCurrentPosition(pos => {
    const { latitude, longitude } = pos.coords;
    const coords = [longitude, latitude];
    map.flyTo({ center: coords, zoom: 14 });
    fetch(`https://api.mapbox.com/geocoding/v5/mapbox.places/${longitude},${latitude}.json?access_token=${mapboxgl.accessToken}`)
      .then(res => res.json())
      .then(data => pickupGeocoder.setInput(data.features[0]?.place_name));
    if (currentLocationMarker) currentLocationMarker.remove();
    currentLocationMarker = new mapboxgl.Marker({ color: '#FDBA17' }).setLngLat(coords).addTo(map);
  });
}
pickupGeocoder.on('result', e => { pickupCoords = e.result.geometry.coordinates; drawRouteIfReady(); });
dropoffGeocoder.on('result', e => { dropoffCoords = e.result.geometry.coordinates; drawRouteIfReady(); });
function drawRouteIfReady() {
  if (!pickupCoords || !dropoffCoords) return;
  fetch(`https://api.mapbox.com/directions/v5/mapbox/driving/${pickupCoords.join(',')};${dropoffCoords.join(',')}?geometries=geojson&access_token=${mapboxgl.accessToken}`)
    .then(res => res.json())
    .then(data => {
      const route = data.routes[0].geometry;
      if (map.getSource('route')) {
        map.getSource('route').setData(route);
      } else {
        map.addSource('route', { type: 'geojson', data: route });
        map.addLayer({ id: 'route', type: 'line', source: 'route', layout: { 'line-join': 'round', 'line-cap': 'round' }, paint: { 'line-color': '#f8b618', 'line-width': 4 } });
      }
      const bounds = new mapboxgl.LngLatBounds();
      route.coordinates.forEach(coord => bounds.extend(coord));
      map.fitBounds(bounds, { padding: 40 });
    });
}
function calculatePrice() {
  const pickup = pickupGeocoder._inputEl.value;
  const dropoff = dropoffGeocoder._inputEl.value;
  const date = document.getElementById('dateInput').value;
  const time = document.getElementById('timeInput').value;
  const email = document.querySelector('input[name="email"]').value;
  if (!pickup || !dropoff) return alert("Vul beide locaties in.");
  Promise.all([
    fetch(`https://api.mapbox.com/geocoding/v5/mapbox.places/${encodeURIComponent(pickup)}.json?access_token=${mapboxgl.accessToken}`).then(r => r.json()).then(d => d.features[0].geometry.coordinates),
    fetch(`https://api.mapbox.com/geocoding/v5/mapbox.places/${encodeURIComponent(dropoff)}.json?access_token=${mapboxgl.accessToken}`).then(r => r.json()).then(d => d.features[0].geometry.coordinates)
  ]).then(coords => {
    return fetch(`https://api.mapbox.com/directions/v5/mapbox/driving/${coords[0].join(',')};${coords[1].join(',')}?geometries=geojson&access_token=${mapboxgl.accessToken}`)
      .then(res => res.json())
      .then(data => ({ coords, route: data.routes[0] }));
  }).then(({ coords, route }) => {
    const km = route.distance / 1000;
    const min = route.duration / 60;
    const price = (3.60 + km * 2.65 + min * 0.40).toFixed(2);
    const redirectURL = `https://www.rideeq.com/log-in?pickup=${encodeURIComponent(pickup)}&dropoff=${encodeURIComponent(dropoff)}&date=${encodeURIComponent(date)}&time=${encodeURIComponent(time)}&email=${encodeURIComponent(email)}&price=${price}`;
    window.location.href = redirectURL;
  });
}

// Zorg dat de map op mobiel even hoog is als het formulier en forceer map-resize
function syncMapHeightWithForm() {
  const mapDiv = document.getElementById("map");
  const formDiv = document.getElementById("rideForm");
  if (window.innerWidth <= 1023 && mapDiv && formDiv) {
    const formHeight = formDiv.offsetHeight;
    mapDiv.style.height = `${formHeight}px`;
    setTimeout(() => map.resize(), 100);
  } else {
    mapDiv.style.height = "100%";
    setTimeout(() => map.resize(), 100);
  }
}
window.addEventListener("resize", syncMapHeightWithForm);
window.addEventListener("load", syncMapHeightWithForm);
document.addEventListener("DOMContentLoaded", syncMapHeightWithForm);
</script>
</body>
</html>

Text + image

<h2 style="white-space:pre-line">Use EQ Smart Ride App</h2>
<p class="large">Enjoy a new era of urban mobility. Book rides instantly, track your driver in real time, and pay effortlessly — all from one smart app. Whether you're heading to the airport, work, or a night out, EQ gets you there smoothly, safely, and sustainably.</p>

Young man using smart phone for paying a taxi ride

<h2 style="white-space:pre-line">Mobility, Redefined.</h2>
<p class="large">EQ represents a new standard in mobility — a brand built on trust, comfort, and responsibility. We believe that transportation is more than just getting from A to B; it should feel safe, be effortlessly comfortable, and contribute to a more sustainable world.<br />From every ride to every route, EQ is about making smart choices — with respect for people and the planet.</p>

Pricing Table

EQ Premium Subscription

Geniet van een comfortabele taxi voor korte stadsritten. Deze service biedt een snelle en betrouwbare vervoersmogelijkheid binnen de stadsgrenzen.

Basic Stadsrit

Inclusief alle functies van Basic Stadsrit. Ideaal voor reizen tussen steden met grotere afstand, met extra comfort.

Interstedelijke Transfers

Inclusief alle functies van Interstedelijke Transfers. Ervaar de luxe van een persoonlijke chauffeur voor langere ritten of speciale gelegenheden.

Business people traveling though city in luxury car

Luxe Chauffeursservice

EQ Smart Ride Options

Contact form


      <h3>Neem contact op</h3>
      <p>Stuur ons een bericht en we nemen zo snel mogelijk contact met u op.</p>
    

name

email

company

message

Ride EQ

Experience our professional taxi service, offering local rides, airport transfers, and long-distance journeys. Always smart, always EQ.

Raleway

Hind

Poppins

Cabin

<p>This website uses cookies to enhance user experience and analyze website traffic.<br />By clicking “Accept”, you consent to the use of cookies in accordance with our Privacy Policy.</p>

Ride smart. Ride EQ

Experience our professional taxi service, offering local rides, airport transfers, and long-distance journeys. Always smart, always EQ.

EQ Ritplanner

Use EQ Smart Ride App

Mobility, Redefined.

EQ Premium Subscription

EQ Smart Ride Options

Faq

Neem contact op