Embed

<link href="https://fonts.googleapis.com/css2?family=Rethink+Sans&family=Secular+One&display=swap" rel="stylesheet">


<div style="
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 6vh 6vw;
  background-image: url('https://uploads-ssl.webflow.com/65392769bdf3a949f9bda0a9/661ce481e8b24b72bdbcc441_Frame%201000005415.png');
  background-size: cover;
  background-position: center;
">

  
  <div class="hero-text" style="
    flex: 1 1 480px;
    max-width: 520px;
    min-width: 280px;
    margin-left: 8vw;
    margin-right: 4vw;
    color: #000;
  ">
    <h1 style="
      font-family: 'Secular One', sans-serif;
      font-size: clamp(2rem, 4vw, 3rem);
      line-height: 1.2;
      margin-bottom: 1.5rem;
    ">
      Returns and collections,<br>anytime, anywhere
    </h1>

    <p style="
      font-family: 'Rethink Sans', sans-serif;
      font-size: clamp(1rem, 1.4vw, 1.2rem);
      line-height: 1.5;
      margin-bottom: 2rem;
      max-width: 460px;
    ">
      <strong>Beehalf</strong> is the AI-powered platform that handles your returns -and soon your collections- seamlessly, on your behalf.
    </p>

    
    <div class="button-container" style="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;">
      <a href="https://apps.apple.com/gb/app/beehalf/id6504278662" target="_blank" rel="noopener">
        <img src="https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/en-us?size=250x83"
             alt="Download on the App Store"
             style="height: 55px;">
      </a>

      
    <button onclick="scrollToWaitingList()" style="
  width: 165px;
  height: 55px;
  font-size: 0.9rem;
  font-family: 'Rethink Sans', sans-serif;
  background-color: #F2CA2C;
  color: #000;
  border: 1.5px solid #000;
  border-radius: 8px;
  font-weight: bold;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
">
  Get Early Access
</button>
    </div>
  </div>

  
  <div class="gif-container" style="
    flex: 1 1 320px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 2vh;
    padding-right: 4vw;
  ">
    <img src="https://res.cloudinary.com/daf7ng3ds/image/upload/v1745488849/Screen_1_ddc5k0.png"
         alt="Beehalf App Demo"
         style="width: 100%; max-width: 250px; height: auto;">
  </div>
</div>


<style>
  @media (max-width: 768px) {
    .hero-text {
      margin-left: auto !important;
      margin-right: auto !important;
      text-align: center !important;
    }

    .hero-text h1 {
      text-align: center !important;
    }

    .button-container {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 12px;
      margin-bottom: 3vh;
    }

    .gif-container {
      justify-content: center !important;
      padding-right: 0 !important;
      margin-top: 4vh !important;
    }
  }

  /* Tablet düzenlemesi */
  @media (min-width: 769px) and (max-width: 1024px) {
    .hero-text {
      margin-left: auto !important;
      margin-right: auto !important;
      text-align: center !important;
    }

    .hero-text h1 {
      text-align: center !important;
    }

    .hero-text p {
      text-align: center !important;
      margin-left: auto;
      margin-right: auto;
    }

    .button-container {
      display: flex;
      justify-content: center !important;
      flex-wrap: wrap;
      gap: 12px;
      margin-bottom: 3vh;
    }

    .gif-container {
      justify-content: center !important;
      padding-right: 0 !important;
      margin-top: 4vh !important;
    }
  }
</style>


<script>
  function scrollToWaitingList() {
    const target = document.getElementById("beehalf-tabs");
    if (target) {
      target.scrollIntoView({ behavior: "smooth" });
    }
  }
</script>

Video

Here’s how Beehalf makes returns effortless! 

List

Let Beehalf handle your return!

<p>No labels, no post office visits, no stress. Just tap, schedule, done.</p>

🙌 Hassle-free returns

<p>Our AI assistant finds your return, sets it up, and guides you through it—all in a chat.</p>

Digital Logistics and Supply Chain Network Icons Over Warehouse Background

💬 AI-powered ease

<p>We batch deliveries and use smart routing to reduce carbon emissions.</p>

🌱 Sustainable approach

<link href="https://fonts.googleapis.com/css2?family=Rethink+Sans&family=Secular+One&display=swap" rel="stylesheet">

<style>
  .rider-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 8vh 6vw;
    background: transparent;
    width: 100%;
    box-sizing: border-box;
    gap: 5vw;
  }

  .rider-left {
    flex: 1 1 540px;
    max-width: 600px;
    font-family: 'Rethink Sans', sans-serif;
    color: #111;
    padding-left: 4vw;
  }

  .rider-left h2 {
    font-family: 'Secular One', sans-serif;
    font-size: clamp(2rem, 4vw, 2.8rem);
    line-height: 1.3;
    margin-bottom: 1rem;
  }

  .rider-left h3 {
    font-family: 'Secular One', sans-serif;
    font-size: clamp(1.3rem, 2.6vw, 1.9rem);
    font-weight: normal;
    margin-bottom: 2.2rem;
    white-space: nowrap;
  }

  .rider-left h3 strong {
    font-weight: bold;
  }

  .rider-feature {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 1.2rem;
    font-family: 'Rethink Sans', sans-serif;
  }

  .rider-button {
    margin-top: 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .rider-button a img {
    height: 55px;
  }

  .rider-right {
    flex: 1 1 300px;
    display: flex;
    justify-content: center;
    padding-right: 1vw;
  }

  .rider-right img {
    width: 100%;
    max-width: 260px;
    height: auto;
  }

  /* Mobil düzenlemeler */
  @media (max-width: 768px) {
    .rider-section {
      flex-direction: column;
      padding: 6vh 4vw;
      gap: 2vh;
    }

    .rider-left,
    .rider-right {
      max-width: 100%;
      text-align: center;
      padding: 0;
    }

    .rider-button {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin-top: 2rem;
      margin-bottom: 0;
    }

    .rider-right {
      margin-top: 0;
    }
  }

  /* Tablet düzenlemeleri */
  @media (min-width: 769px) and (max-width: 1024px) {
    .rider-section {
      flex-direction: column;
      padding: 6vh 4vw;
      gap: 0;
    }

    .rider-left, .rider-right {
      max-width: 100%;
      text-align: center;
      padding: 0;
    }

    .rider-left h2 {
      text-align: center !important;
    }

    .rider-left h3 {
      text-align: center !important;
    }

    .rider-feature {
      text-align: center !important;
    }

    .rider-button {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin-top: 2rem;
      margin-bottom: 0.5rem;
    }

    .rider-right {
      justify-content: center !important;
      margin-top: 0;
      padding-right: 0 !important;
    }
  }

  /* Masaüstü için: butonları yanyana hizala */
  @media (min-width: 1025px) {
    .rider-button {
      flex-direction: row;
      align-items: center;
      gap: 16px;
    }
  }
</style>


<div class="rider-section">
  
  <div class="rider-left">
    <h2>Beehalf connects both sides of delivery</h2>
    <h3><strong>Beehalf Rider App</strong> helps riders to:</h3>

    <div class="rider-feature">🛵 Earn flexibly</div>
    <div class="rider-feature">📦 Deliver with ease</div>
    <div class="rider-feature">📍 Stay local</div>

    <div class="rider-button">
      <a href="https://apps.apple.com/gb/app/beehalf-rider/id6504278721" target="_blank" rel="noopener">
        <img src="https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/en-us?size=250x83"
             alt="Download on the App Store">
      </a>

      
      <button onclick="scrollToWaitingList()" style="
        width: 165px;
        height: 55px;
        background-color: #F2CA2C;
        color: #000;
        border: 1.5px solid #000;
        border-radius: 8px;
        font-family: 'Rethink Sans', sans-serif;
        font-weight: bold;
        font-size: 0.9rem;
        cursor: pointer;
        white-space: nowrap;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
      ">
        Get Early Access
      </button>
    </div>
  </div>

  
  <div class="rider-right">
    <img src="https://res.cloudinary.com/daf7ng3ds/image/upload/v1745493523/Rider-1_t633hc.png"
         alt="Beehalf Rider App Demo">
  </div>
</div>


<script>
  function scrollToWaitingList() {
    const target = document.getElementById("beehalf-tabs");
    if (target) {
      target.scrollIntoView({ behavior: "smooth" });
    }
  }
</script>

Unrecognizable delivery person driving scooter while delivering orders in the city

<link href="https://fonts.googleapis.com/css2?family=Secular+One&family=Rethink+Sans&display=swap" rel="stylesheet">

<style>
  input::placeholder {
    color: #999;
    opacity: 1;
    font-family: 'Rethink Sans', sans-serif;
  }
  input:required::placeholder {
    color: #444;
    font-weight: 500;
  }

  .submit-btn {
    padding: 0.75rem 1.5rem;
    background: #F2CA2C;
    color: #000;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    font-family: 'Rethink Sans', sans-serif;
    position: relative;
    font-size: 1rem;
  }

  .submit-btn.loading {
    pointer-events: none;
    opacity: 0.7;
  }

  .submit-btn.loading span {
    visibility: hidden;
  }

  .submit-btn.loading::after {
    content: "⏳ Sending...";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    font-size: 0.95rem;
    color: #000;
    white-space: nowrap;
  }

  @media (max-width: 480px) {
    #customerBtn, #riderBtn {
      font-size: 0.9rem;
      padding: 0.5rem;
    }
    .tab-wrapper {
      flex-direction: column;
      gap: 0.75rem;
    }
    .submit-btn {
      font-size: 1rem;
      padding: 0.9rem 1.5rem;
      min-width: 260px;
    }
  }
</style>

<div id="beehalf-tabs" style="max-width:600px;margin:auto;font-family:'Rethink Sans', sans-serif;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 0 10px rgba(0,0,0,0.1);">

  
  <h2 style="font-family:'Secular One', sans-serif;text-align:center;font-size:1.8rem;line-height:1.4;margin-bottom:0.5rem;">
    Join the waitlist for early access and exclusive perks! 🎁
  </h2>

  
  <div class="tab-wrapper" id="tabButtons" style="display:flex;justify-content:center;gap:1rem;margin:1.5rem 0;">
    <button onclick="showTab('customer')" id="customerBtn"
      style="flex:1;padding:0.75rem;border:none;border-bottom:3px solid #000;background:#f4f4f4;font-weight:bold;cursor:pointer;border-radius:6px;">📦 I’m a Customer</button>
    <button onclick="showTab('rider')" id="riderBtn"
      style="flex:1;padding:0.75rem;border:none;border-bottom:3px solid transparent;background:#f4f4f4;font-weight:bold;cursor:pointer;border-radius:6px;">🛵 I’m a Rider</button>
  </div>

  
  <div id="customerFormWrapper">
    <form id="customerForm" onsubmit="submitCustomerForm(event)">
      <input type="email" name="Email" placeholder="Email Address" required
        style="width:100%;padding:0.75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:5px;">
      <input type="text" name="Full Name" placeholder="Full Name (optional)"
        style="width:100%;padding:0.75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:5px;">
      <input type="tel" name="Phone" placeholder="Phone Number (optional)"
        style="width:100%;padding:0.75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:5px;">
      <div style="text-align:center;">
        <button type="submit" class="submit-btn" id="customerSubmitBtn"><span>→ Get Early Access</span></button>
      </div>
    </form>
    <p id="customerThanks" style="display:none;text-align:center;color:#219653;margin-top:1.5rem;font-size:1.1rem;font-weight:600;">
      Thanks! You’re on the list. We’ll buzz you soon. 🐝
    </p>
  </div>

  
  <div id="riderFormWrapper" style="display:none;">
    <form id="riderForm" onsubmit="submitRiderForm(event)">
      <input type="email" name="Email" placeholder="Email Address" required
        style="width:100%;padding:0.75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:5px;">
      <input type="text" name="Full Name" placeholder="Full Name (optional)"
        style="width:100%;padding:0.75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:5px;">
      <input type="tel" name="Phone" placeholder="Phone Number (optional)"
        style="width:100%;padding:0.75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:5px;">
      <div style="text-align:center;">
        <button type="submit" class="submit-btn" id="riderSubmitBtn"><span>→ Be Among the First Riders</span></button>
      </div>
    </form>
    <p id="riderThanks" style="display:none;text-align:center;color:#219653;margin-top:1.5rem;font-size:1.1rem;font-weight:600;">
      Thanks! You’re on the list. We’ll buzz you soon. 🐝
    </p>
  </div>

  
  <p style="font-size:0.8rem;color:#666;margin-top:1rem;text-align:center;">
    By submitting this form, you agree to receive updates from Beehalf about our launch and related services.
  </p>
</div>

<script>
  function showTab(tab) {
    const riderForm = document.getElementById('riderFormWrapper');
    const customerForm = document.getElementById('customerFormWrapper');
    const riderBtn = document.getElementById('riderBtn');
    const customerBtn = document.getElementById('customerBtn');

    if (tab === 'rider') {
      riderForm.style.display = 'block';
      customerForm.style.display = 'none';
      riderBtn.style.borderBottom = '3px solid #000';
      customerBtn.style.borderBottom = '3px solid transparent';
    } else {
      riderForm.style.display = 'none';
      customerForm.style.display = 'block';
      riderBtn.style.borderBottom = '3px solid transparent';
      customerBtn.style.borderBottom = '3px solid #000';
    }
  }

  window.onload = function () {
    showTab('customer');
  }

  function submitCustomerForm(e) {
    e.preventDefault();
    const form = document.getElementById('customerForm');
    const btn = document.getElementById('customerSubmitBtn');
    btn.classList.add("loading");
    const formData = new FormData(form);
    fetch("https://script.google.com/macros/s/AKfycbzZY-aiUzVKpm7_cfY8mJzjr0m0NVm3kMgKClpdGUTn8l4S07sT-BoFCnOXSVUsGRIVCg/exec", {
      method: "POST",
      body: formData
    }).then(() => {
      form.style.display = "none";
      document.getElementById('customerThanks').style.display = "block";
      document.getElementById('tabButtons').style.display = "none";
    });
  }

  function submitRiderForm(e) {
    e.preventDefault();
    const form = document.getElementById('riderForm');
    const btn = document.getElementById('riderSubmitBtn');
    btn.classList.add("loading");
    const formData = new FormData(form);
    fetch("https://script.google.com/macros/s/AKfycby0v4TwWP7_tPNjlCYciKbX5Qhei_Ff5k-kzBsy9C3bx6MMpL_9X0nduFLgrAgqoB3kUg/exec", {
      method: "POST",
      body: formData
    }).then(() => {
      form.style.display = "none";
      document.getElementById('riderThanks').style.display = "block";
      document.getElementById('tabButtons').style.display = "none";
    });
  }
</script>

Returns and collections,
anytime, anywhere

Let Beehalf handle your return!

Beehalf connects both sides of delivery

Beehalf Rider App helps riders to:

Join the waitlist for early access and exclusive perks! 🎁

Returns and collections,anytime, anywhere

Let Beehalf handle your return!

Beehalf connects both sides of delivery

Beehalf Rider App helps riders to:

Join the waitlist for early access and exclusive perks! 🎁

Returns and collections,
anytime, anywhere