<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>جارٍ التحويل...</title>
  <script>
    // تحويل تلقائي بعد 5 ثوانٍ
    setTimeout(() => {
      window.location.href = "https://arabayaat.com";
    }, 5000);
  </script>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-100 flex items-center justify-center min-h-screen text-center p-4">
  <div class="bg-white rounded-2xl shadow-xl p-6 max-w-md w-full space-y-6">
    <img src="https://arabayaat.com/public/uploads/all/HIBvfBhtmkSQGBA2dBjDaKEFsfeMUqEPiZeFuybp.png" alt="Arabayaat Logo" class="mx-auto h-24">
    <h1 class="text-2xl font-bold text-gray-800">جارٍ تحويلك إلى موقع عربايات...</h1>
    <p class="text-gray-600">سيتم تحويلك خلال <span class="font-semibold">5</span> ثوانٍ.</p>
    <a href="https://arabayaat.com" class="inline-block px-6 py-2 bg-blue-600 text-white rounded-full shadow hover:bg-blue-700 transition">
      الانتقال الآن
    </a>
  </div>
</body>
</html>