414 أسطر
31 KiB
HTML
414 أسطر
31 KiB
HTML
<!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>
|
||
<meta name="description" content="انضم إلى طلباتك بلس كسائق توصيل واستمتع بمرونة في ساعات العمل ودخل يومي مرتفع. سجل الآن وابدأ رحلتك معنا في أسرع منصة توصيل بالمنطقة.">
|
||
<meta name="keywords" content="توصيل طلبات, وظيفة سائق, كسب المال, عمل مرن, طلباتك بلس, سوريا">
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;600;700&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="index.css">
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>طلباتك بلس - فرصة عمل كسائق توصيل بدخل مميز</title>
|
||
<meta name="description" content="انضم إلى طلباتك بلس كسائق توصيل واستمتع بمرونة في ساعات العمل ودخل يومي مرتفع. سجل الآن وابدأ رحلتك معنا في أسرع منصة توصيل بالمنطقة.">
|
||
<meta name="keywords" content="توصيل طلبات, وظيفة سائق, كسب المال, عمل مرن, طلباتك بلس, سوريا">
|
||
|
||
<!-- Open Graph / Facebook -->
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:url" content="https://drivers.talabatukplus.com/">
|
||
<meta property="og:title" content="طلباتك بلس - فرصة عمل كسائق توصيل بدخل مميز">
|
||
<meta property="og:description" content="انضم إلى طلباتك بلس كسائق توصيل واستمتع بمرونة في ساعات العمل ودخل يومي مرتفع. سجل الآن وابدأ رحلتك معنا.">
|
||
<meta property="og:image" content="https://drivers.talabatukplus.com/logos_webp/logo_main.webp">
|
||
|
||
<!-- Twitter -->
|
||
<meta property="twitter:card" content="summary_large_image">
|
||
<meta property="twitter:url" content="https://drivers.talabatukplus.com/">
|
||
<meta property="twitter:title" content="طلباتك بلس - فرصة عمل كسائق توصيل بدخل مميز">
|
||
<meta property="twitter:description" content="انضم إلى طلباتك بلس كسائق توصيل واستمتع بمرونة في ساعات العمل ودخل يومي مرتفع. سجل الآن وابدأ رحلتك معنا.">
|
||
<meta property="twitter:image" content="https://drivers.talabatukplus.com/logos_webp/logo_main.webp">
|
||
|
||
<link rel="canonical" href="https://drivers.talabatukplus.com/">
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;600;700&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="index.css">
|
||
</head>
|
||
<body class="tail-container bg-zinc-50 text-zinc-900">
|
||
|
||
<!-- Navbar -->
|
||
<nav class="bg-white shadow-md sticky top-0 z-50">
|
||
<div class="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between">
|
||
<!-- Logo -->
|
||
<div class="flex items-center gap-4 flex-row-reverse">
|
||
<div class="flex items-center">
|
||
<img src="logos_webp/logo_main.webp" alt="Brand Name" class="h-20 w-auto object-contain">
|
||
</div>
|
||
<div class="w-12 h-12 bg-[#ff661c] rounded-2xl flex-shrink-0 flex items-center justify-center overflow-hidden shadow-inner">
|
||
<img src="talabatk.webp" alt="Icon" class="w-full h-full object-cover">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hidden md:flex items-center gap-8 text-lg font-medium">
|
||
<a href="#features" class="hover:text-[#ff661c] transition-colors">المميزات</a>
|
||
<a href="#stats" class="hover:text-[#ff661c] transition-colors">إحصائياتنا</a>
|
||
<a href="#join" class="hover:text-[#ff661c] transition-colors">انضم الآن</a>
|
||
</div>
|
||
|
||
<a href="info"
|
||
class="btn-register-style bg-[#ff661c] text-white px-9 py-3 rounded-3xl font-bold text-lg shadow-lg inline-block">
|
||
سجل الآن
|
||
</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- Hero Section -->
|
||
<section class="hero-bg text-white relative overflow-hidden">
|
||
<div class="max-w-7xl mx-auto px-6 pt-20 pb-16 grid md:grid-cols-2 gap-12 items-center">
|
||
<div class="space-y-8">
|
||
<div class="inline-flex items-center gap-2 bg-white/20 backdrop-blur-md px-6 py-2 rounded-3xl text-sm font-medium">
|
||
<span class="w-3 h-3 bg-green-400 rounded-full animate-pulse"></span>
|
||
فرصة عمل مرنة متاحة الآن
|
||
</div>
|
||
|
||
<h1 class="text-6xl md:text-7xl font-bold leading-tight tracking-tighter">
|
||
انضم إلى <span class="text-[#ff661c]">طلباتك بلس</span><br>
|
||
<span class="text-5xl md:text-5xl block mt-4">وابدأ كسبك اليوم!</span>
|
||
</h1>
|
||
|
||
<p class="text-2xl text-white/90 max-w-lg">
|
||
كن سائق توصيل مع أسرع تطبيق طلبات في المنطقة. دخل يومي مرتفع + جدول زمني مرن + دعم 24/7
|
||
</p>
|
||
<div class="flex flex-wrap gap-5">
|
||
<a href="info" class="btn-register-style bg-white text-[#ff661c] px-10 py-5 rounded-3xl font-bold text-xl shadow-2xl flex items-center gap-3">
|
||
<span>سجل الآن </span>
|
||
<span class="text-3xl">→</span>
|
||
</a>
|
||
<a id="heroWhatsapp" href="https://wa.me/963985377283" target="_blank" rel="noopener noreferrer"
|
||
class="border-2 border-white hover:bg-white/10 px-8 py-5 rounded-3xl font-medium text-xl transition-all inline-flex items-center gap-2">
|
||
<span>تواصل معنا</span>
|
||
<svg class="w-9 h-9" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.96.57 3.88 1.64 5.55L2 22l4.7-1.45c1.64.97 3.5 1.5 5.34 1.5 5.46 0 9.91-4.45 9.91-9.91S17.5 2 12.04 2zm.05 18.23c-1.46 0-2.89-.4-4.13-1.15l-.3-.18-3.1.96.96-3.02-.2-.33a8.28 8.28 0 01-1.33-4.5c0-4.59 3.74-8.33 8.33-8.33s8.33 3.74 8.33 8.33-3.74 8.33-8.33 8.33zm4.48-6.24c-.24-.12-1.42-.7-1.64-.78-.22-.08-.38-.12-.54.12-.16.24-.63.78-.77.94-.14.16-.29.18-.53.06-.24-.12-1.01-.37-1.92-1.18-.71-.63-1.19-1.4-1.33-1.64-.14-.24-.02-.37.1-.49.1-.1.24-.27.36-.4.12-.13.16-.22.24-.37.08-.15.04-.28-.02-.4-.06-.12-.54-1.3-.74-1.78-.19-.48-.39-.41-.54-.42h-.46c-.16 0-.41.06-.63.3-.22.24-.84.82-.84 2 .01 1.18.86 2.32.98 2.48.12.16 1.66 2.54 4.02 3.56.56.24 1 .38 1.34.49.56.18 1.07.15 1.48.09.45-.06 1.42-.58 1.62-1.14.2-.56.2-1.04.14-1.14-.06-.1-.22-.16-.46-.28z"/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="flex items-center gap-8 text-sm">
|
||
<div class="flex -space-x-4">
|
||
<div class="w-8 h-8 bg-white rounded-2xl border-2 border-white overflow-hidden">
|
||
<img src="https://picsum.photos/id/64/64/64" alt="" class="w-full h-full object-cover">
|
||
</div>
|
||
<div class="w-8 h-8 bg-white rounded-2xl border-2 border-white overflow-hidden">
|
||
<img src="https://picsum.photos/id/65/64/64" alt="" class="w-full h-full object-cover">
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="font-semibold">+1200 سائق</div>
|
||
<div class="text-white/70 text-xs">انضموا هذا الشهر</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Hero Image -->
|
||
<div class="relative">
|
||
<div class="absolute -inset-10 bg-gradient-to-br from-[#ff661c]/30 to-transparent rounded-[4rem] -rotate-6"></div>
|
||
<img src="driver.webp"
|
||
alt="سائق توصيل على دراجة نارية"
|
||
class="rounded-3xl shadow-2xl w-full relative z-10 border-8 border-white/30">
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Trust bar -->
|
||
<div class="bg-white/10 backdrop-blur-md py-5 text-center text-sm font-medium flex justify-center items-center gap-12 text-white/90">
|
||
<div>دراجات نارية • سيارات • دراجات هوائية</div>
|
||
<div class="h-5 w-px bg-white/30"></div>
|
||
<div>مدعوم من أكثر من 35 مطعم</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Ticker Banner 1 (Right to Left) -->
|
||
<div class="ticker">
|
||
<div class="ticker bg-white py-6 border-b border-t shadow-inner">
|
||
<div class="ticker-track flex gap-8" style="animation-duration: 35s;">
|
||
<img loading="lazy" src="foodimg_webp/٢٠٢٥١٢٢٢_١٩٤٧٠٠.jpg.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="برجر">
|
||
<img loading="lazy" src="foodimg_webp/IMG_4044.jpg.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="بيتزا">
|
||
<img src="https://images.unsplash.com/photo-1568901346375-23c9450c58cd?q=80&w=400&auto=format&fit=crop" class="h-32 object-cover rounded-3xl shadow-md" alt="شاورما">
|
||
<img loading="lazy" src="foodimg_webp/2.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="دجاج مقلي">
|
||
<img loading="lazy" src="foodimg_webp/3.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="كيك">
|
||
<img loading="lazy" src="foodimg_webp/4.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="فلافل">
|
||
<img loading="lazy" src="foodimg_webp/5.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="مناقيش">
|
||
<img loading="lazy" src="foodimg_webp/6.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="أرز">
|
||
<img loading="lazy" src="foodimg_webp/7.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="شاورما">
|
||
<img loading="lazy" src="foodimg_webp/9.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="دجاج مقلي">
|
||
<img loading="lazy" src="foodimg_webp/8.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="كيك">
|
||
<img loading="lazy" src="foodimg_webp/10.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="فلافل">
|
||
<img loading="lazy" src="foodimg_webp/٢٠٢٥١٢٢٢_١٩٤٧٠٠.jpg.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="برجر">
|
||
<img loading="lazy" src="foodimg_webp/IMG_4044.jpg.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="بيتزا">
|
||
<img loading="lazy" src="foodimg_webp/1.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="شاورما">
|
||
<img loading="lazy" src="foodimg_webp/2.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="دجاج مقلي">
|
||
<img loading="lazy" src="foodimg_webp/3.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="كيك">
|
||
<img loading="lazy" src="foodimg_webp/4.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="فلافل">
|
||
<img loading="lazy" src="foodimg_webp/5.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="مناقيش">
|
||
<img loading="lazy" src="foodimg_webp/6.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="أرز">
|
||
<img loading="lazy" src="foodimg_webp/7.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="شاورما">
|
||
<img loading="lazy" src="foodimg_webp/9.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="دجاج مقلي">
|
||
<img loading="lazy" src="foodimg_webp/8.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="كيك">
|
||
<img loading="lazy" src="foodimg_webp/10.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="فلافل">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- App Download -->
|
||
<section class="max-w-7xl mx-auto px-6 py-20 bg-zinc-100 rounded-3xl mx-6 my-12">
|
||
<div class="md:col-span-5 space-y-8">
|
||
<div class="inline-block bg-orange-100 text-[#ff661c] px-5 py-2 rounded-3xl font-semibold text-sm">من نحن؟</div>
|
||
<h2 class="text-5xl font-bold leading-tight">طلباتك بلس هي أسرع منصة توصيل طعام في المنطقة</h2>
|
||
<p class="text-xl text-zinc-600">
|
||
نحن نربط بين المطاعم والعملاء بأسرع وقت، ونمنح السائقين فرصة حقيقية لكسب دخل ممتاز مع مرونة كاملة في الأوقات.
|
||
</p>
|
||
<div class="flex items-center gap-6 text-sm font-medium">
|
||
<div class="flex items-center gap-2">
|
||
<span class="text-4xl">⭐</span>
|
||
<div>تقييم 4.9</div>
|
||
</div>
|
||
<div class="h-8 w-px bg-zinc-300"></div>
|
||
<div>أكثر من 35 مطعم شريك</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex flex-wrap gap-4 justify-center">
|
||
<a id="appStoreLink" href="https://apps.apple.com/us/app/talabatuk-plus/id6759189465" class="group flex items-center bg-black rounded-2xl px-5 py-3 transition-all duration-300 shadow-xl border border-zinc-800 w-fit hover:border-blue-600 hover:scale-105">
|
||
<div class="ml-4 flex-shrink-0 text-white transition-colors duration-300 group-hover:text-[#ff661c]">
|
||
<svg viewBox="0 0 384 512" class="w-8 h-8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"/>
|
||
</svg>
|
||
</div>
|
||
<div class="flex flex-col items-start text-white transition-colors duration-300 group-hover:text-[#ff661c]">
|
||
<span class="text-[10px] leading-none opacity-80 font-light">Download on the</span>
|
||
<span class="text-xl font-bold leading-tight -mt-0.5">App Store</span>
|
||
</div>
|
||
</a>
|
||
<a id="googlePlayLink" href="https://play.google.com/store/apps/details?id=com.talabatukplus.user" class="group flex items-center bg-black rounded-2xl px-5 py-3 transition-all duration-300 shadow-xl border border-zinc-800 w-fit hover:border-blue-600 hover:scale-105">
|
||
<div class="ml-4 flex-shrink-0 text-white transition-colors duration-300 group-hover:text-[#ff661c]">
|
||
<svg viewBox="0 0 512 512" class="w-8 h-8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-10.3 18-28.5-1.2-36.3zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z"/>
|
||
</svg>
|
||
</div>
|
||
<div class="flex flex-col items-start text-white transition-colors duration-300 group-hover:text-[#ff661c]">
|
||
<span class="text-[10px] leading-none opacity-80 font-light uppercase tracking-wider">GET IT ON</span>
|
||
<span class="text-xl font-bold leading-tight -mt-0.5">Google Play</span>
|
||
</div>
|
||
</a>
|
||
<a id="apkLink" href="https://talabatukplus.com/downloads/talapatuk-plus-user.apk" download="Talabatuk-Plus.apk"
|
||
class="group flex items-center bg-black rounded-2xl px-5 py-3 transition-all duration-300 shadow-xl border border-zinc-800 w-fit hover:border-[#ff661c] hover:scale-105">
|
||
<div class="ml-4 flex-shrink-0 text-white transition-colors duration-300 group-hover:text-[#ff661c]">
|
||
<svg viewBox="0 0 24 24" class="w-8 h-8" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
|
||
<polyline points="7 10 12 15 17 10"></polyline>
|
||
<line x1="12" y1="15" x2="12" y2="3"></line>
|
||
</svg>
|
||
</div>
|
||
<div class="flex flex-col items-start text-white transition-colors duration-300 group-hover:text-[#ff661c] text-right">
|
||
<span class="text-[10px] leading-none opacity-80 font-light uppercase tracking-wider">Direct Download</span>
|
||
<span class="text-xl font-bold leading-tight -mt-0.5">تحميل مباشر APK</span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Statistics Section -->
|
||
<section id="stats" class="bg-[#4458a8] text-white py-20">
|
||
<div class="max-w-7xl mx-auto px-6">
|
||
<div class="grid grid-cols-2 md:grid-cols-4 gap-10 text-center">
|
||
<div class="stat-item">
|
||
<div id="stat1" class="text-6xl font-bold mb-2">35</div>
|
||
<div class="text-orange-300 font-medium text-xl">مطعم شريك</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div id="stat2" class="text-6xl font-bold mb-2">2800</div>
|
||
<div class="text-orange-300 font-medium text-xl">طلب يومي</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div id="stat3" class="text-6xl font-bold mb-2">136</div>
|
||
<div class="text-orange-300 font-medium text-xl">سائق نشط</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div id="stat4" class="text-6xl font-bold mb-2">93%</div>
|
||
<div class="text-orange-300 font-medium text-xl">رضا السائقين</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Ticker Banner 2 (Left to Right) -->
|
||
<div class="ticker">
|
||
<div class="ticker bg-white py-6 border-b border-t shadow-inner bg-gradient-to-r from-orange-50 to-white">
|
||
<div class="ticker-track ticker-track-reverse flex gap-8" style="animation-duration: 28s;">
|
||
<img loading="lazy" src="foodimg_webp/6.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="أرز">
|
||
<img src="logos/logos_webp/هاوس شيكن.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="شاورما">
|
||
<img src="logos/logos_webp/ذكور.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="دجاج مقلي">
|
||
<img src="logos/logos_webp/ابو كوكو.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="كيك">
|
||
<img src="logos/logos_webp/barakat.jpg.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="فلافل">
|
||
<img src="logos/logos_webp/هاوس شيكن.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="برجر">
|
||
<img src="logos/logos_webp/ذكور.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="بيتزا">
|
||
<img src="logos/logos_webp/ابو كوكو.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="شاورما">
|
||
<img src="logos/logos_webp/barakat.jpg.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="دجاج مقلي">
|
||
<img src="logos/logos_webp/هاوس شيكن.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="كيك">
|
||
<img src="logos/logos_webp/ذكور.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="فلافل">
|
||
<img src="logos/logos_webp/ابو كوكو.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="مناقيش">
|
||
<img src="logos/logos_webp/barakat.jpg.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="برجر">
|
||
<img src="logos/logos_webp/هاوس شيكن.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="شاورما">
|
||
<img src="logos/logos_webp/ذكور.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="دجاج مقلي">
|
||
<img src="logos/logos_webp/ابو كوكو.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="كيك">
|
||
<img src="logos/logos_webp/barakat.jpg.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="فلافل">
|
||
<img src="logos/logos_webp/هاوس شيكن.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="برجر">
|
||
<img src="logos/logos_webp/ذكور.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="بيتزا">
|
||
<img src="logos/logos_webp/ابو كوكو.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="شاورما">
|
||
<img src="logos/logos_webp/barakat.jpg.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="دجاج مقلي">
|
||
<img src="logos/logos_webp/هاوس شيكن.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="كيك">
|
||
<img src="logos/logos_webp/ذكور.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="فلافل">
|
||
<img src="logos/logos_webp/ابو كوكو.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="مناقيش">
|
||
<img src="logos/logos_webp/barakat.jpg.webp" class="h-32 object-cover rounded-3xl shadow-md" alt="برجر">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Steps Section -->
|
||
<section class="max-w-7xl mx-auto px-6 py-24 bg-zinc-50">
|
||
<div class="text-center mb-20">
|
||
<h2 class="text-5xl font-bold text-zinc-900 mb-4">أربع خطوات بسيطة للبدء</h2>
|
||
<p class="text-xl text-zinc-500">انضم إلى فريقنا في دقائق معدودة</p>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-4 gap-10">
|
||
<div class="flex flex-col items-center">
|
||
<div class="step-number">1</div>
|
||
<div class="step-card shadow-sm">
|
||
<h3 class="text-2xl font-bold mb-3 mt-4 text-zinc-800">اقرأ الشروط</h3>
|
||
<p class="text-zinc-500 text-center leading-relaxed">تعرف على شروط العمل والتفاصيل الكاملة</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex flex-col items-center">
|
||
<div class="step-number">2</div>
|
||
<div class="step-card shadow-sm">
|
||
<h3 class="text-2xl font-bold mb-3 mt-4 text-zinc-800">سجل بياناتك</h3>
|
||
<p class="text-zinc-500 text-center leading-relaxed">أدخل معلوماتك الشخصية والبنكية</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex flex-col items-center">
|
||
<div class="step-number">3</div>
|
||
<div class="step-card shadow-sm">
|
||
<h3 class="text-2xl font-bold mb-3 mt-4 text-zinc-800">أرسل الأوراق</h3>
|
||
<p class="text-zinc-500 text-center leading-relaxed">أرفع الأوراق الثبوتية المطلوبة</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex flex-col items-center">
|
||
<div class="step-number">4</div>
|
||
<div class="step-card shadow-sm">
|
||
<h3 class="text-2xl font-bold mb-3 mt-4 text-zinc-800">ابدأ العمل</h3>
|
||
<p class="text-zinc-500 text-center leading-relaxed">استلم العدة وابدأ التوصيل فوراً</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- About + Features -->
|
||
<section class="max-w-7xl mx-auto px-6 py-20">
|
||
<div class="max-w-md text-right">
|
||
<div class="text-[#ff661c] font-bold text-2xl mb-3"> انضم لعائلتنا الآن</div>
|
||
<h2 class="text-5xl font-bold leading-none mb-6">ابدأ العمل في دقائق</h2>
|
||
<p class="text-xl text-zinc-600">التطبيق متوفر على أندرويد وآيفون. سجل، أكمل الوثائق، وابدأ التوصيل فوراً.</p>
|
||
</div>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||
<div class="feature-card">
|
||
<svg class="feature-icon-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v6l5.25 3.15.75-1.23-4.5-2.67V7z"/>
|
||
</svg>
|
||
<h4>مرونة كاملة</h4>
|
||
<p>اختر أوقات عملك بحرية تامة بما يناسبك.</p>
|
||
</div>
|
||
|
||
<div class="feature-card">
|
||
<svg class="feature-icon-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/>
|
||
</svg>
|
||
<h4>دعم متواصل</h4>
|
||
<p>فريقنا معك في كل خطوة وعلى مدار الساعة.</p>
|
||
</div>
|
||
|
||
<div class="feature-card">
|
||
<svg class="feature-icon-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6h-6z"/>
|
||
</svg>
|
||
<h4>دخل متصاعد</h4>
|
||
<p>حقق أرباحاً ممتازة مع نظام المكافآت الجديد.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="bg-zinc-900 text-white py-12">
|
||
<div class="max-w-7xl mx-auto px-6">
|
||
<div class="flex flex-col md:flex-row justify-between items-center gap-8 mb-8">
|
||
<div class="flex items-center">
|
||
<img src="logos_webp/logo_main.webp" alt="Brand Name" class="h-15 w-auto object-contain">
|
||
</div>
|
||
<div class="text-center md:text-left">
|
||
<div class="inline-block bg-orange-100 text-[#ff661c] px-5 py-2 rounded-3xl font-semibold text-sm mb-4">تواصل معنا</div>
|
||
<h3 class="text-2xl font-bold text-white mb-4">تابعونا على مواقع التواصل الاجتماعي</h3>
|
||
<div class="flex justify-center gap-6">
|
||
<!-- فيسبوك -->
|
||
<a id="footerFacebook" href="https://www.facebook.com/profile.php?id=61585790864059&locale=ar_AR" target="_blank" rel="noopener noreferrer" class="text-white hover:text-[#ff661c] transition-colors">
|
||
<svg class="w-16 h-16" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
||
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path>
|
||
</svg>
|
||
</a>
|
||
<!-- انستغرام -->
|
||
<a id="footerInstagram" href="https://www.instagram.com/talabatuk.plus?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==" target="_blank" rel="noopener noreferrer" class="text-white hover:text-[#ff661c] transition-colors">
|
||
<svg class="w-16 h-16" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
||
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 016.38 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.467.398.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.467-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"></path>
|
||
</svg>
|
||
</a>
|
||
<!-- واتساب -->
|
||
<a id="footerWhatsapp" href="https://wa.me/963985377283" target="_blank" rel="noopener noreferrer" class="text-white hover:text-[#ff661c] transition-colors">
|
||
<svg class="w-16 h-16" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.96.57 3.88 1.64 5.55L2 22l4.7-1.45c1.64.97 3.5 1.5 5.34 1.5 5.46 0 9.91-4.45 9.91-9.91S17.5 2 12.04 2zm.05 18.23c-1.46 0-2.89-.4-4.13-1.15l-.3-.18-3.1.96.96-3.02-.2-.33a8.28 8.28 0 01-1.33-4.5c0-4.59 3.74-8.33 8.33-8.33s8.33 3.74 8.33 8.33-3.74 8.33-8.33 8.33zm4.48-6.24c-.24-.12-1.42-.7-1.64-.78-.22-.08-.38-.12-.54.12-.16.24-.63.78-.77.94-.14.16-.29.18-.53.06-.24-.12-1.01-.37-1.92-1.18-.71-.63-1.19-1.4-1.33-1.64-.14-.24-.02-.37.1-.49.1-.1.24-.27.36-.4.12-.13.16-.22.24-.37.08-.15.04-.28-.02-.4-.06-.12-.54-1.3-.74-1.78-.19-.48-.39-.41-.54-.42h-.46c-.16 0-.41.06-.63.3-.22.24-.84.82-.84 2 .01 1.18.86 2.32.98 2.48.12.16 1.66 2.54 4.02 3.56.56.24 1 .38 1.34.49.56.18 1.07.15 1.48.09.45-.06 1.42-.58 1.62-1.14.2-.56.2-1.04.14-1.14-.06-.1-.22-.16-.46-.28z"/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="text-center text-zinc-400 border-t border-zinc-800 pt-6">
|
||
© 2026 طلباتك بلس. جميع الحقوق محفوظة.
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- JavaScript خارجي -->
|
||
<script src="index.js"></script>
|
||
<script>
|
||
(async () => {
|
||
try {
|
||
const res = await fetch('/api/settings');
|
||
const s = await res.json();
|
||
if (s.facebookUrl) document.getElementById('footerFacebook').href = s.facebookUrl;
|
||
if (s.instagramUrl) document.getElementById('footerInstagram').href = s.instagramUrl;
|
||
if (s.whatsappNumber) {
|
||
const wa = 'https://wa.me/' + s.whatsappNumber;
|
||
document.getElementById('footerWhatsapp').href = wa;
|
||
document.getElementById('heroWhatsapp').href = wa;
|
||
}
|
||
if (s.appStoreUrl) document.getElementById('appStoreLink').href = s.appStoreUrl;
|
||
if (s.googlePlayUrl) document.getElementById('googlePlayLink').href = s.googlePlayUrl;
|
||
if (s.apkUrl) document.getElementById('apkLink').href = s.apkUrl;
|
||
} catch(e) {}
|
||
})();
|
||
</script>
|
||
</body>
|
||
</html>
|