<!doctype html>
<html lang="ar" dir="rtl" data-site="marketing">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>عالطاير، توصيل طعام في بيت لحم</title>
<meta name="description" content="اطلب طعامك من هاتفك في بيت لحم وتابع السائق على الخريطة حتى يصل إلى بابك.">
<meta name="theme-color" content="#FFFFFF">
<link rel="canonical" href="https://3altayr.com/">
<link rel="alternate" hreflang="ar" href="https://3altayr.com/">
<link rel="alternate" hreflang="en" href="https://3altayr.com/en/">
<link rel="preload" href="/site/fonts/noto-kufi-arabic-700.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/site/fonts/outfit-600.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="/site/site.css">
<script src="/site/site.js" defer></script>
</head>
<body>
<a class="skip" href="#main">انتقل إلى المحتوى</a>

<header class="wrap masthead">
  <a class="wordmark" href="/" lang="ar" translate="no">عالطاير</a>
  <a class="toggle" href="/en/" lang="en" hreflang="en">English</a>
</header>

<main id="main">
  <div class="wrap hero">
    <div class="stage">
      <iframe data-scene="/site/splash/" title="عرض شعار عالطاير المتحرك" tabindex="-1"></iframe>
      <noscript><img src="/site/splash/end-frame.svg" alt="شعار عالطاير" width="390" height="844"></noscript>
    </div>
    <div class="hero-text">
      <h1>توصيل طعام، صُنع في بيت لحم.</h1>
      <button class="hero-control" type="button" data-skip="تخطّي" data-replay="إعادة العرض" hidden></button>
      <span class="sr-only" aria-live="polite"></span>
    </div>
  </div>

  <div class="wrap">
    <section class="band" data-reveal>
      <h2>اطلب من هاتفك</h2>
      <div class="band-body">
        <p>اطلب وجبتك من التطبيق وتابع السائق على الخريطة حتى يصل إلى بابك.</p>
        <p class="actions"><span class="soon" data-action="customerApk">قريباً</span></p>
      </div>
    </section>

    <section class="band" data-reveal>
      <h2>مطعمك على عالطاير</h2>
      <div class="band-body">
        <p>استقبل الطلبات على لوحة واحدة ونحن نوصلها إلى زبائنك. راسلنا لنضيف مطعمك.</p>
        <p class="actions"><span class="soon" data-action="whatsapp">قريباً</span></p>
      </div>
    </section>

    <section class="band" data-reveal>
      <h2>وصّل معنا</h2>
      <div class="band-body">
        <p>وصّل الطلبات في بيت لحم في الأوقات التي تناسبك. حمّل تطبيق السائق وابدأ.</p>
        <p class="actions"><span class="soon" data-action="driverApk">قريباً</span></p>
      </div>
    </section>
  </div>
</main>

<footer class="wrap">
<div class="colophon">
  <p class="lockup" translate="no"><bdi lang="ar">عالطاير</bdi> <bdi class="latin" lang="en">3ALTAYR</bdi></p>
  <nav aria-label="روابط العاملين">
    <a href="/dash/">لوحة المطعم</a>
    <a href="/admin/">الإدارة</a>
  </nav>
  <p class="contact">للتواصل: <span class="soon" data-action="phone">قريباً</span></p>
</div>
</footer>
</body>
</html>
