الأكثر مبيعاً

مروحة AWDA

الذكية للتبريد والترطيب

استمتع بهواء بارد ومنعش مع نظام ترطيب بخمس فتحات يمنحك راحة فورية في أيام الصيف.

مروحة ذكية

واش كتعاني من السخونية الخانقة فالدار أو المكتب؟

المراوح العادية غير كتحرك الهواء الساخن، والجو كيبقى ناشف وغير مريح.

رجل يعاني من الحر

الحل النهائي لانتعاش الصيف!

تبريد قوي مع ترطيب ذكي يمنحك هواء منعشاً أينما كنت.

الفرق واضح من أول تشغيل

مروحة عادية
حرارة مرتفعة
هواء جاف
راحة قليلة
مروحة AWDA الذكية
تبريد فوري
ترطيب مستمر
راحة طوال اليوم

تقنيات ذكية داخل جهاز واحد

تبريد قوي، ترطيب، إضاءة LED، تشغيل USB، وثلاث سرعات لتوفير أفضل تجربة.

1 خمس فتحات رذاذ
2 مروحة قوية
3 خزان للماء
4 شحن USB
5 إضاءة LED

علاش مروحة AWDA هي الأفضل؟

مروحة AWDA الذكية
مروحة عادية
ترطيب بخمس فتحات
بدون ترطيب
هواء بارد ومنعش
تبريد ضعيف
ثلاث سرعات
استهلاك أكبر
إضاءة LED
جودة منخفضة
تشغيل USB
عمر افتراضي أقل

مناسب لكل مكان

استعملها فالدار، المكتب، السيارة، السفر أو أثناء النوم واستمتع بانتعاش مستمر.

المكتب النوم السيارة السفر
سهلة الحمل
استهلاك منخفض
إضاءة LED
تشغيل USB
ثلاث سرعات
خمس فتحات رذاذ
ترطيب ذكي
تبريد قوي

آراء عملائنا

"بصراحة هاد المروحة فاقت توقعاتي. الترطيب ديالها رائع والهواء بارد بزاف خصوصا فالليل."

صورة عميل

"خدمتها فالمكتب وكنسي سواتي عليها، صغيرة ولكن التبريد ديالها قوي."

صورة عميل

"المنتج وصلني مغلف مزيان وجودته ممتازة. كنستعملها يوميا وفرق كبير مع المراوح العادية."

صورة عميل

"أفضل شراء درتو هاد الصيف. تشغيل USB سهل والترطيب كيخلي الجو مريح بزاف."

صورة عميل
169 درهم
الكمية محدودة، اطلب الآن قبل نفاذ المخزون

<!DOCTYPE html>

<html lang="ar" dir="rtl">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>مروحة AWDA الذكية للتبريد والترطيب</title>

    <!-- مكتبة التصميم Tailwind CSS -->

    <script src="https://cdn.tailwindcss.com"></script>

    <!-- خطوط جوجل (Cairo) -->

    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap" rel="stylesheet">

    <!-- مكتبة الأيقونات Lucide Icons -->

    <script src="https://unpkg.com/lucide@latest"></script>

    <!-- إعدادات الخط العام -->

    <style>

        body {

            font-family: 'Cairo', sans-serif;

            background-color: #f3f4f6;

        }

    </style>

</head>

<body>

    <div class="min-h-screen bg-gray-50 max-w-[480px] sm:max-w-xl md:max-w-2xl lg:max-w-4xl mx-auto shadow-2xl relative pb-24">

      

      <!-- Hero Section -->

      <section class="relative bg-gradient-to-b from-blue-900 to-blue-700 text-white overflow-hidden">

        <div class="absolute inset-0 opacity-20 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-white via-transparent to-transparent"></div>

        <div class="relative z-10 px-6 pt-8 pb-12 flex flex-col items-center text-center">

          <div class="bg-yellow-400 text-black px-6 py-1.5 rounded-full font-black text-sm mb-6 inline-block transform -rotate-2">

            الأكثر مبيعاً

          </div>

          <h1 class="text-4xl md:text-5xl font-black mb-2 leading-tight">

            مروحة AWDA

          </h1>

          <h2 class="text-2xl md:text-3xl font-bold mb-6 text-blue-100">

            الذكية للتبريد والترطيب

          </h2>

          <p class="text-lg md:text-xl text-blue-50 mb-8 max-w-md leading-relaxed font-medium">

            استمتع بهواء بارد ومنعش مع نظام ترطيب بخمس فتحات يمنحك راحة فورية في أيام الصيف.

          </p>

          

          <div class="relative w-full max-w-sm mx-auto">

            <div class="absolute inset-0 bg-blue-400 blur-3xl opacity-30 rounded-full"></div>

            <img 

              src="https://images.unsplash.com/photo-1617363020293-61a720dc46ba?auto=format&fit=crop&q=80&w=800" 

              alt="مروحة ذكية" 

              class="relative z-10 w-full h-auto rounded-3xl shadow-2xl border-4 border-blue-400/30 object-cover aspect-square"

            />

          </div>

        </div>

      </section>


      <!-- Problem Section -->

      <section class="py-12 px-6 bg-gradient-to-b from-orange-50 to-red-50 text-center">

        <h2 class="text-3xl md:text-4xl font-black text-red-600 mb-4">

          واش كتعاني من السخونية الخانقة فالدار أو المكتب؟

        </h2>

        <p class="text-lg md:text-xl text-gray-800 font-bold mb-8 max-w-lg mx-auto">

          المراوح العادية غير كتحرك الهواء الساخن، والجو كيبقى ناشف وغير مريح.

        </p>

        <div class="rounded-3xl overflow-hidden shadow-xl max-w-lg mx-auto">

          <img 

            src="https://images.unsplash.com/photo-1581578731548-c64695cc6952?auto=format&fit=crop&q=80&w=800" 

            alt="رجل يعاني من الحر" 

            class="w-full h-64 object-cover"

          />

        </div>

      </section>


      <!-- Solution Section -->

      <section class="py-12 px-6 bg-blue-50 text-center">

        <h2 class="text-3xl md:text-4xl font-black text-blue-900 mb-4">

          الحل النهائي لانتعاش الصيف!

        </h2>

        <p class="text-xl text-blue-700 font-bold mb-8">

          تبريد قوي مع ترطيب ذكي يمنحك هواء منعشاً أينما كنت.

        </p>

      </section>


      <!-- Comparison Visual Section -->

      <section class="py-10 px-4">

        <h2 class="text-3xl font-black text-center text-blue-900 mb-8 bg-blue-100 py-3 rounded-2xl mx-2">

          الفرق واضح من أول تشغيل

        </h2>

        

        <div class="flex flex-col md:flex-row gap-6 justify-center">

          <!-- Normal Fan -->

          <div class="flex-1 bg-gradient-to-b from-red-900 to-red-950 text-white rounded-3xl p-6 relative overflow-hidden shadow-lg border-2 border-red-800">

            <div class="absolute top-0 right-0 bg-red-600 text-white px-6 py-2 rounded-bl-2xl font-bold">

              مروحة عادية

            </div>

            <div class="mt-12 space-y-4">

              <div class="flex items-center gap-3">

                <i data-lucide="x-circle" class="text-red-400 w-6 h-6 flex-shrink-0"></i>

                <span class="font-bold text-lg">حرارة مرتفعة</span>

              </div>

              <div class="flex items-center gap-3">

                <i data-lucide="x-circle" class="text-red-400 w-6 h-6 flex-shrink-0"></i>

                <span class="font-bold text-lg">هواء جاف</span>

              </div>

              <div class="flex items-center gap-3">

                <i data-lucide="x-circle" class="text-red-400 w-6 h-6 flex-shrink-0"></i>

                <span class="font-bold text-lg">راحة قليلة</span>

              </div>

            </div>

          </div>


          <!-- AWDA Fan -->

          <div class="flex-1 bg-gradient-to-b from-blue-800 to-blue-900 text-white rounded-3xl p-6 relative overflow-hidden shadow-2xl border-2 border-blue-400 scale-105 z-10">

            <div class="absolute top-0 right-0 bg-blue-500 text-white px-6 py-2 rounded-bl-2xl font-bold">

              مروحة AWDA الذكية

            </div>

            <div class="mt-12 space-y-4">

              <div class="flex items-center gap-3">

                <i data-lucide="check-circle-2" class="text-green-400 w-7 h-7 flex-shrink-0"></i>

                <span class="font-bold text-xl">تبريد فوري</span>

              </div>

              <div class="flex items-center gap-3">

                <i data-lucide="check-circle-2" class="text-green-400 w-7 h-7 flex-shrink-0"></i>

                <span class="font-bold text-xl">ترطيب مستمر</span>

              </div>

              <div class="flex items-center gap-3">

                <i data-lucide="check-circle-2" class="text-green-400 w-7 h-7 flex-shrink-0"></i>

                <span class="font-bold text-xl">راحة طوال اليوم</span>

              </div>

            </div>

          </div>

        </div>

      </section>


      <!-- Tech Details Section -->

      <section class="py-12 px-6 bg-white">

        <div class="text-center mb-8">

          <h2 class="text-3xl font-black text-blue-900 mb-4">تقنيات ذكية داخل جهاز واحد</h2>

          <p class="text-lg font-bold text-gray-600">

            تبريد قوي، ترطيب، إضاءة LED، تشغيل USB، وثلاث سرعات لتوفير أفضل تجربة.

          </p>

        </div>

        

        <div class="bg-gray-100 rounded-3xl p-6 mb-8 shadow-inner">

           <div class="space-y-4">

                <div class="flex items-center gap-4 bg-white p-3 rounded-2xl shadow-sm">

                  <span class="bg-blue-600 text-white w-8 h-8 rounded-full flex items-center justify-center font-black">1</span>

                  <span class="font-bold text-blue-900 text-lg">خمس فتحات رذاذ</span>

                </div>

                <div class="flex items-center gap-4 bg-white p-3 rounded-2xl shadow-sm">

                  <span class="bg-blue-600 text-white w-8 h-8 rounded-full flex items-center justify-center font-black">2</span>

                  <span class="font-bold text-blue-900 text-lg">مروحة قوية</span>

                </div>

                <div class="flex items-center gap-4 bg-white p-3 rounded-2xl shadow-sm">

                  <span class="bg-blue-600 text-white w-8 h-8 rounded-full flex items-center justify-center font-black">3</span>

                  <span class="font-bold text-blue-900 text-lg">خزان للماء</span>

                </div>

                <div class="flex items-center gap-4 bg-white p-3 rounded-2xl shadow-sm">

                  <span class="bg-blue-600 text-white w-8 h-8 rounded-full flex items-center justify-center font-black">4</span>

                  <span class="font-bold text-blue-900 text-lg">شحن USB</span>

                </div>

                <div class="flex items-center gap-4 bg-white p-3 rounded-2xl shadow-sm">

                  <span class="bg-blue-600 text-white w-8 h-8 rounded-full flex items-center justify-center font-black">5</span>

                  <span class="font-bold text-blue-900 text-lg">إضاءة LED</span>

                </div>

           </div>

        </div>

      </section>


      <!-- Why AWDA is better Table -->

      <section class="py-12 px-4 bg-blue-50">

        <h2 class="text-3xl font-black text-center text-blue-900 mb-8">

          علاش مروحة AWDA هي الأفضل؟

        </h2>

        

        <div class="bg-white rounded-3xl shadow-xl overflow-hidden border border-gray-200">

          <div class="grid grid-cols-2 text-center text-lg font-bold">

            <div class="bg-blue-600 text-white py-4 px-2">مروحة AWDA الذكية</div>

            <div class="bg-gray-800 text-white py-4 px-2">مروحة عادية</div>

            

            <div class="py-4 px-2 border-b border-r bg-blue-50 text-blue-900 flex items-center justify-center gap-2">

              <i data-lucide="check-circle-2" class="text-green-500 w-5 h-5 hidden sm:block"></i> ترطيب بخمس فتحات

            </div>

            <div class="py-4 px-2 border-b text-gray-500 flex items-center justify-center gap-2">

              <i data-lucide="x-circle" class="text-red-500 w-5 h-5 hidden sm:block"></i> بدون ترطيب

            </div>

            

            <div class="py-4 px-2 border-b border-r bg-blue-50 text-blue-900 flex items-center justify-center gap-2">

              <i data-lucide="check-circle-2" class="text-green-500 w-5 h-5 hidden sm:block"></i> هواء بارد ومنعش

            </div>

            <div class="py-4 px-2 border-b text-gray-500 flex items-center justify-center gap-2">

              <i data-lucide="x-circle" class="text-red-500 w-5 h-5 hidden sm:block"></i> تبريد ضعيف

            </div>

            

            <div class="py-4 px-2 border-b border-r bg-blue-50 text-blue-900 flex items-center justify-center gap-2">

              <i data-lucide="check-circle-2" class="text-green-500 w-5 h-5 hidden sm:block"></i> ثلاث سرعات

            </div>

            <div class="py-4 px-2 border-b text-gray-500 flex items-center justify-center gap-2">

              <i data-lucide="x-circle" class="text-red-500 w-5 h-5 hidden sm:block"></i> استهلاك أكبر

            </div>

            

            <div class="py-4 px-2 border-b border-r bg-blue-50 text-blue-900 flex items-center justify-center gap-2">

              <i data-lucide="check-circle-2" class="text-green-500 w-5 h-5 hidden sm:block"></i> إضاءة LED

            </div>

            <div class="py-4 px-2 border-b text-gray-500 flex items-center justify-center gap-2">

              <i data-lucide="x-circle" class="text-red-500 w-5 h-5 hidden sm:block"></i> جودة منخفضة

            </div>

            

            <div class="py-4 px-2 border-r bg-blue-50 text-blue-900 flex items-center justify-center gap-2">

              <i data-lucide="check-circle-2" class="text-green-500 w-5 h-5 hidden sm:block"></i> تشغيل USB

            </div>

            <div class="py-4 px-2 text-gray-500 flex items-center justify-center gap-2">

              <i data-lucide="x-circle" class="text-red-500 w-5 h-5 hidden sm:block"></i> عمر افتراضي أقل

            </div>

          </div>

        </div>

      </section>


      <!-- Use Cases Section -->

      <section class="py-12 px-6 bg-white text-center">

        <h2 class="text-3xl font-black text-blue-900 mb-4">مناسب لكل مكان</h2>

        <p class="text-lg font-bold text-gray-600 mb-8 max-w-md mx-auto">

          استعملها فالدار، المكتب، السيارة، السفر أو أثناء النوم واستمتع بانتعاش مستمر.

        </p>

        

        <div class="grid grid-cols-2 gap-4">

          <img src="https://images.unsplash.com/photo-1497215728101-856f4ea42174?auto=format&fit=crop&q=80&w=400" alt="المكتب" class="rounded-2xl w-full h-32 object-cover shadow-md" />

          <img src="https://images.unsplash.com/photo-1541781774459-bb2af2f05b55?auto=format&fit=crop&q=80&w=400" alt="النوم" class="rounded-2xl w-full h-32 object-cover shadow-md" />

          <img src="https://images.unsplash.com/photo-1549317661-bd32c8ce0db2?auto=format&fit=crop&q=80&w=400" alt="السيارة" class="rounded-2xl w-full h-32 object-cover shadow-md" />

          <img src="https://images.unsplash.com/photo-1551632811-561732d1e306?auto=format&fit=crop&q=80&w=400" alt="السفر" class="rounded-2xl w-full h-32 object-cover shadow-md" />

        </div>

      </section>


      <!-- Features Icons -->

      <section class="py-10 px-4 bg-gray-50 border-t border-gray-200">

        <div class="grid grid-cols-4 md:grid-cols-4 gap-4 text-center">

            <div class="flex flex-col items-center justify-center p-2">

              <i data-lucide="shield-check" class="w-8 h-8 mx-auto mb-2 text-blue-500"></i>

              <span class="text-xs sm:text-sm font-bold text-gray-700">سهلة الحمل</span>

            </div>

            <div class="flex flex-col items-center justify-center p-2">

              <i data-lucide="zap" class="w-8 h-8 mx-auto mb-2 text-blue-500"></i>

              <span class="text-xs sm:text-sm font-bold text-gray-700">استهلاك منخفض</span>

            </div>

            <div class="flex flex-col items-center justify-center p-2">

              <i data-lucide="lightbulb" class="w-8 h-8 mx-auto mb-2 text-blue-500"></i>

              <span class="text-xs sm:text-sm font-bold text-gray-700">إضاءة LED</span>

            </div>

            <div class="flex flex-col items-center justify-center p-2">

              <i data-lucide="battery-charging" class="w-8 h-8 mx-auto mb-2 text-blue-500"></i>

              <span class="text-xs sm:text-sm font-bold text-gray-700">تشغيل USB</span>

            </div>

            <div class="flex flex-col items-center justify-center p-2">

              <i data-lucide="wind" class="w-8 h-8 mx-auto mb-2 text-blue-500"></i>

              <span class="text-xs sm:text-sm font-bold text-gray-700">ثلاث سرعات</span>

            </div>

            <div class="flex flex-col items-center justify-center p-2">

              <i data-lucide="droplets" class="w-8 h-8 mx-auto mb-2 text-blue-500"></i>

              <span class="text-xs sm:text-sm font-bold text-gray-700">خمس فتحات رذاذ</span>

            </div>

            <div class="flex flex-col items-center justify-center p-2">

              <i data-lucide="thermometer-snowflake" class="w-8 h-8 mx-auto mb-2 text-blue-500"></i>

              <span class="text-xs sm:text-sm font-bold text-gray-700">ترطيب ذكي</span>

            </div>

            <div class="flex flex-col items-center justify-center p-2">

              <i data-lucide="thermometer-snowflake" class="w-8 h-8 mx-auto mb-2 text-blue-500"></i>

              <span class="text-xs sm:text-sm font-bold text-gray-700">تبريد قوي</span>

            </div>

        </div>

      </section>


      <!-- Testimonials Section -->

      <section class="py-12 px-6 bg-blue-50 text-center">

        <div class="flex justify-center gap-1 mb-4 text-yellow-400">

            <i data-lucide="star" class="w-8 h-8 fill-current"></i>

            <i data-lucide="star" class="w-8 h-8 fill-current"></i>

            <i data-lucide="star" class="w-8 h-8 fill-current"></i>

            <i data-lucide="star" class="w-8 h-8 fill-current"></i>

            <i data-lucide="star" class="w-8 h-8 fill-current"></i>

        </div>

        <h2 class="text-3xl font-black text-blue-900 mb-8">آراء عملائنا</h2>

        

        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">

          <!-- Review 1 -->

          <div class="bg-white rounded-2xl p-6 shadow-md text-right border-t-4 border-blue-500">

            <div class="flex gap-1 mb-3 text-yellow-400">

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

            </div>

            <p class="text-gray-700 font-bold mb-4">

              "بصراحة هاد المروحة فاقت توقعاتي. الترطيب ديالها رائع والهواء بارد بزاف خصوصا فالليل."

            </p>

            <div class="flex items-center gap-3">

              <img src="https://i.pravatar.cc/150?img=32" alt="صورة عميل" class="w-12 h-12 rounded-full border-2 border-gray-100" />

            </div>

          </div>

          

          <!-- Review 2 -->

          <div class="bg-white rounded-2xl p-6 shadow-md text-right border-t-4 border-blue-500">

            <div class="flex gap-1 mb-3 text-yellow-400">

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

            </div>

            <p class="text-gray-700 font-bold mb-4">

              "خدمتها فالمكتب وكنسي سواتي عليها، صغيرة ولكن التبريد ديالها قوي."

            </p>

            <div class="flex items-center gap-3">

              <img src="https://i.pravatar.cc/150?img=11" alt="صورة عميل" class="w-12 h-12 rounded-full border-2 border-gray-100" />

            </div>

          </div>

          

          <!-- Review 3 -->

          <div class="bg-white rounded-2xl p-6 shadow-md text-right border-t-4 border-blue-500">

            <div class="flex gap-1 mb-3 text-yellow-400">

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

            </div>

            <p class="text-gray-700 font-bold mb-4">

              "المنتج وصلني مغلف مزيان وجودته ممتازة. كنستعملها يوميا وفرق كبير مع المراوح العادية."

            </p>

            <div class="flex items-center gap-3">

              <img src="https://i.pravatar.cc/150?img=5" alt="صورة عميل" class="w-12 h-12 rounded-full border-2 border-gray-100" />

            </div>

          </div>

          

          <!-- Review 4 -->

          <div class="bg-white rounded-2xl p-6 shadow-md text-right border-t-4 border-blue-500">

            <div class="flex gap-1 mb-3 text-yellow-400">

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

                <i data-lucide="star" class="w-4 h-4 fill-current"></i>

            </div>

            <p class="text-gray-700 font-bold mb-4">

              "أفضل شراء درتو هاد الصيف. تشغيل USB سهل والترطيب كيخلي الجو مريح بزاف."

            </p>

            <div class="flex items-center gap-3">

              <img src="https://i.pravatar.cc/150?img=68" alt="صورة عميل" class="w-12 h-12 rounded-full border-2 border-gray-100" />

            </div>

          </div>

        </div>

      </section>


      <!-- Pricing and Scarcity -->

      <section class="py-10 px-6 text-center bg-white pb-32">

        <div class="text-blue-900 font-black text-6xl md:text-8xl mb-4 flex justify-center items-baseline gap-2">

          169 <span class="text-3xl md:text-4xl text-blue-600">درهم</span>

        </div>

        

        <div class="bg-red-50 text-red-700 border border-red-200 rounded-xl p-4 flex items-center justify-center gap-3 font-bold text-lg max-w-sm mx-auto">

          <i data-lucide="alert-triangle" class="w-6 h-6"></i>

          الكمية محدودة، اطلب الآن قبل نفاذ المخزون

        </div>

      </section>


      <!-- Sticky Bottom CTA -->

      <div class="fixed bottom-0 left-0 right-0 p-4 bg-white/90 backdrop-blur-md border-t border-gray-200 shadow-[0_-10px_20px_-10px_rgba(0,0,0,0.1)] z-50">

        <div class="max-w-4xl mx-auto flex items-center justify-center">

          <!-- تأكد من وضع رابط منتجك في YouCan أسفل هذا الزر عبر الـ a tag أو يمكنك ربطه عبر المنصة -->

          <button class="w-full max-w-md bg-yellow-400 hover:bg-yellow-500 text-black font-black text-xl md:text-2xl py-4 px-6 rounded-2xl shadow-xl transition-transform hover:scale-[1.02] active:scale-95 flex items-center justify-center gap-3 cursor-pointer">

            <i data-lucide="shopping-cart" class="w-6 h-6 md:w-8 md:h-8"></i>

            للطلب الآن - الدفع عند الاستلام

          </button>

        </div>

      </div>


    </div>


    <!-- Initialize Lucide Icons -->

    <script>

      lucide.createIcons();

    </script>

</body>

</html>