Name: Airport Transfer Basta
Address: Belgrade, RS
Telephone: +381611077730
Price range: €25 - €150

Header text

Travel together in comfort. Our Mercedes V‑Class vans provide space for 4–7 passengers plus luggage, ideal for families and corporate groups.

Mercedes V‑Class — Premium Airport Transfer Belgrade 70 EUR

Embed

<div class="cta-bar">
  <style>
    .cta-bar{--accent:#16a34a;--ink:#0f172a;--soft:#f8fafc;border:1px solid #e5e7eb;background:#ffffffd9;backdrop-filter:blur(6px);border-radius:14px;padding:10px 14px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:0 10px 24px rgba(2,6,23,.06)}
    .cta-title{font:800 15px system-ui;color:var(--ink)}
    .cta-actions{display:flex;gap:10px;flex-wrap:wrap}
    .cta-btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:10px 14px;font:800 13px system-ui;border:1px solid var(--accent);background:var(--accent);color:#fff;text-decoration:none}
    .cta-ghost{background:#fff;color:#065f46;border-color:#bbf7d0}
  </style>
  <div class="cta-title">Mercedes V‑Class Airport Transfer (4–7 pax)</div>
  <div class="cta-actions">
    <a href="#booking-start" class="cta-btn">Book V‑Class</a>
    <a href="https://wa.me/381611077730" target="_blank" rel="noopener" class="cta-btn cta-ghost">WhatsApp</a>
    <a href="tel:+381611077730" class="cta-btn cta-ghost">Call</a>
  </div>
</div>

Text

<h2>What’s included<br /> </h2>
<ul>
<li class="normal">Meet &amp; greet at arrivals with name sign</li>
<li>Flight tracking and free short waiting time</li>
<li>Spacious seating and large luggage capacity</li>
<li>Child seats available on request<br /> 
<h3>Ideal for</h3>
Families, small groups, business teams, and events.<br /> 
<h3>Popular routes &amp; times</h3>
Airport → New Belgrade / City Center hotels: 15–35 min</li>
</ul>

<div id="booking-start"></div>
<div class="atb-prog" data-vehicle="Mercedes V-Class" data-price-eur="70" data-mg="included" data-center="Belgrade City Center" data-phone="381611077730" data-email="airporttransferbasta@gmail.com" data-calc="https://www.bastarides.com/en/belgrade-airport-transfer.html">
  <style>
    .box{--b:#e5e7eb;--muted:#6b7280;--accent:#16a34a;--ink:#0f172a;--ink2:#065f46;background:#fff;border:1px solid var(--b);border-radius:16px;box-shadow:0 10px 28px rgba(2,6,23,.06);max-width:740px;padding:16px;margin-top:14px}
    .head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:10px}
    .veh{font:800 16px system-ui;color:var(--ink)}
    .price{font:800 14px system-ui;color:var(--ink2);background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;padding:6px 10px}
    .bad{font:800 11px system-ui;color:#065f46;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:8px;padding:4px 8px}
    .toggle{display:flex;gap:6px}
    .tbtn{font:800 12px system-ui;border:1px solid var(--b);background:#fff;border-radius:999px;padding:6px 10px;cursor:pointer}
    .tbtn.active{border-color:#bbf7d0;background:#ecfdf5;color:var(--ink2)}
    .sub{font:500 12px system-ui;color:var(--muted);margin-top:4px}
    .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .l{font:700 13px system-ui;color:#1f2937;margin-bottom:6px}
    .i,.s,.t{width:100%;border:1px solid var(--b);border-radius:12px;padding:12px 14px;font:600 14px system-ui;background:#fff}
    .i:focus,.s:focus,.t:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(22,163,74,.12)}
    .t{min-height:80px;resize:vertical}
    .help{font:500 12px system-ui;color:#6b7280;margin-top:4px}
    .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
    .btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:12px 14px;font:800 13px system-ui;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}
    .ghost{background:#fff;color:#065f46;border-color:#bbf7d0}
    @media(max-width:740px){.row{grid-template-columns:1fr}}
  </style>

  <div class="box">
    <div class="head">
      <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap">
        <div class="veh">Mercedes V‑Class</div>
        <div class="bad">✈️ Flight tracking + short wait</div>
      </div>
      <div style="display:flex;gap:10px;align-items:center;flex-wrap:wrap">
        <div class="price"><span class="sym">€</span><span class="val">0</span></div>
        <div class="toggle">
          <button type="button" class="tbtn active" data-cur="EUR">EUR</button>
          <button type="button" class="tbtn" data-cur="RSD">RSD</button>
        </div>
      </div>
    </div>
    <div class="sub">Applies to Airport ↔ <span class="center">Belgrade City Center</span>. Meet &amp; Greet included. Longer routes? Use the calculator.</div>

    <form id="f" action="https://formsubmit.co/airporttransferbasta@gmail.com" method="post" target="_blank" style="margin-top:10px">
      <input type="hidden" name="_subject" value="New Booking — Airport Transfer basta (Progressive)">
      <input type="hidden" name="_template" value="table">
      <input type="hidden" name="_captcha" value="false">
      <input type="hidden" name="_next" value="https://airporttransferbasta.com/thank-you-page">

      <div class="row">
        <div>
          <label class="l" for="pickup">Pickup</label>
          <input class="i" id="pickup" name="Pickup" placeholder="Belgrade Airport (BEG) or address" required>
          <div class="help">Tip: start typing to see address suggestions.</div>
        </div>
        <div>
          <label class="l" for="dropoff">Drop-off</label>
          <input class="i" id="dropoff" name="Drop-off" placeholder="Hotel / address" required>
        </div>
      </div>
      <div class="row" style="margin-top:10px">
        <div><label class="l" for="date">Date</label><input class="i" id="date" name="Date" type="date" required></div>
        <div><label class="l" for="time">Time</label><input class="i" id="time" name="Time" type="time" required></div>
      </div>
      <div class="row" style="margin-top:10px">
        <div><label class="l" for="pax">Passengers</label><input class="i" id="pax" name="Passengers" type="number" min="1" max="20" value="4" required></div>
        <div><label class="l" for="contact">Contact (WA/Email)</label><input class="i" id="contact" name="Contact" placeholder="+381 6X XXX XXXX or email" required></div>
      </div>

      <div id="step2" style="display:none; margin-top:12px">
        <div style="margin-top:8px">
          <label class="l" for="notes">Notes</label>
          <textarea class="t" id="notes" name="Notes" placeholder="Child seats, extra luggage, flight changes… (optional)"></textarea>
        </div>

        <input type="hidden" name="Vehicle" value="Mercedes V-Class">
        <input type="hidden" name="Fixed price to center" value="">
        <input type="hidden" name="Currency" value="">
        <input type="hidden" name="Center zone" value="Belgrade City Center">
        <input type="hidden" name="Pickup style" value="Meet & Greet (Included)">

        <div class="actions">
          <button type="submit" class="btn">Send by Email</button>
          <button type="button" id="wa" class="btn ghost">Send on WhatsApp</button>
          <a class="btn ghost" id="calc" href="https://www.bastarides.com/en/belgrade-airport-transfer.html" target="_blank" rel="noopener">Calculate →</a>
        </div>
      </div>

      <div class="actions" id="continueBar" style="margin-top:12px">
        <button type="button" id="cont" class="btn ghost">Continue</button>
      </div>
    </form>
  </div>
</div>

<script>
(function(){
  const wrap = document.currentScript.previousElementSibling;
  const veh = wrap.dataset.vehicle || 'Mercedes V-Class';
  const priceEUR = Number(wrap.dataset.priceEur || 70);
  const phone = wrap.dataset.phone || '381611077730';
  const email = wrap.dataset.email || 'airporttransferbasta@gmail.com';
  const center = wrap.dataset.center || 'Belgrade City Center';
  const calcHref = wrap.dataset.calc || 'https://www.bastarides.com/en/belgrade-airport-transfer.html';
  const EUR_TO_RSD = 119.0;

  // Fill heads
  wrap.querySelector('.veh').textContent = veh;
  wrap.querySelector('.center').textContent = center;
  wrap.querySelector('#calc').href = calcHref;

  // Step 2 reveal
  const step2 = wrap.querySelector('#step2');
  const contBtn = wrap.querySelector('#cont');
  const continueBar = wrap.querySelector('#continueBar');
  function ready(){ return wrap.querySelector('#pickup').value.trim() && wrap.querySelector('#dropoff').value.trim(); }
  function show2(){ if(step2.style.display!=='block'){ step2.style.display='block'; continueBar.style.display='none'; } }
  ['pickup','dropoff'].forEach(id=> wrap.querySelector('#'+id).addEventListener('input', ()=>{ if(ready()) show2(); }));
  contBtn.addEventListener('click', show2);

  // Currency/price
  let currency = 'EUR';
  const sym = c => c==='EUR' ? '€' : 'RSD';
  const fmt = (v,c) => c==='EUR' ? Math.round(v) : Math.round(v*EUR_TO_RSD);
  function render(){ wrap.querySelector('.sym').textContent = sym(currency); wrap.querySelector('.val').textContent = fmt(priceEUR, currency); }
  render();
  wrap.querySelectorAll('.tbtn[data-cur]').forEach(btn=>{
    btn.addEventListener('click', ()=>{
      wrap.querySelectorAll('.tbtn[data-cur]').forEach(b=>b.classList.remove('active'));
      btn.classList.add('active'); currency = btn.dataset.cur; render();
      const f = wrap.querySelector('#f');
      f.querySelector('input[name="Currency"]').value = sym(currency);
      f.querySelector('input[name="Fixed price to center"]').value = fmt(priceEUR, currency);
    });
  });

  // Email config
  const form = wrap.querySelector('#f');
  form.action = 'https://formsubmit.co/' + email;
  form.querySelector('input[name="Currency"]').value = sym(currency);
  form.querySelector('input[name="Fixed price to center"]').value = fmt(priceEUR, currency);

  function val(id){ return (wrap.querySelector('#'+id)?.value || '').trim(); }
  function validate(){
    const ids = ['pickup','dropoff','date','time','pax','contact'];
    for(const id of ids){ const el = wrap.querySelector('#'+id); if(!el || !val(id)){ el.style.boxShadow='0 0 0 3px rgba(239,68,68,.18)'; el?.focus(); return false; } else { el.style.boxShadow='none'; } }
    return true;
  }

  wrap.querySelector('#wa').addEventListener('click', ()=>{
    if(!validate()) return;
    const msg =
`Booking — ${veh}
Route: Airport/Address → Center (${center})
Pickup: ${val('pickup')}
Drop-off: ${val('dropoff')}
Date/Time: ${val('date')} ${val('time')}
Passengers: ${val('pax')}
Contact: ${val('contact')}
Pickup style: Meet & Greet (Included)
Fixed price to center: ${sym(currency)}${fmt(priceEUR, currency)}
Notes: ${val('notes') || '(none)'}`;
    window.open('https://wa.me/'+phone+'?text='+encodeURIComponent(msg), '_blank');
  });

  // Google Places
  window.initATBProgPlaces = function(){
    if(!window.google || !google.maps || !google.maps.places) return;
    const opts = { fields:["formatted_address","geometry","name","place_id"], types:["geocode","establishment"], componentRestrictions:{country:["rs"]} };
    new google.maps.places.Autocomplete(wrap.querySelector('#pickup'), opts);
    new google.maps.places.Autocomplete(wrap.querySelector('#dropoff'), opts);
  };
})();
</script>


<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAxvu0ffILHEAkWCtDWeIII2Ez7cc2awvo&libraries=places&callback=initATBProgPlaces"></script>

Image carousel

Mercedes V class 

interior mercedes v class belgrade airport transfer

Airport Transfers Basta

Mercedes V‑Class — Premium Airport Transfer Belgrade 70 EUR

What’s included

Ideal for

Popular routes & times