<div class="bg-white rounded-lg shadow-lg border border-gray-200 overflow-hidden">
  <div class="bg-gradient-to-r from-green-500 to-blue-600 text-white px-4 py-3">
    <h3 class="font-bold text-lg">حملات الأداء الأفضل 🤖</h3>
  </div>
  <div class="p-4 space-y-3">
    <div class="bg-green-50 rounded-lg p-3">
      <h4 class="font-semibold text-green-800 mb-2">الهدف الرئيسي</h4>
      <p class="text-sm text-gray-700">الانتشار الذكي. جوجل يستخدم الـ AI لمطاردة العميل في كل مكان (يوتيوب، بحث، خرائط).</p>
    </div>
    <div class="bg-blue-50 rounded-lg p-3">
      <h4 class="font-semibold text-blue-800 mb-2">جودة العميل</h4>
      <p class="text-sm text-gray-700">متوسطة إلى عالية. يعتمد على دقة الـ AI في فهم جمهورك.</p>
    </div>
    <div class="bg-purple-50 rounded-lg p-3">
      <h4 class="font-semibold text-purple-800 mb-2">الخلاصة للمبتدئ</h4>
      <p class="text-sm text-gray-700">⚠️ انتظر قليلاً. استخدمها لاحقاً عندما يكون لديك بيانات عملاء وميزانية للتعلم.</p>
    </div>
  </div>
</div>

<div class="bg-white rounded-lg shadow-lg border border-gray-200 overflow-hidden">
  <div class="bg-gradient-to-r from-green-500 to-blue-600 text-white px-4 py-3">
    <h3 class="font-bold text-lg">الشبكة الإعلانية 👁️</h3>
  </div>
  <div class="p-4 space-y-3">
    <div class="bg-green-50 rounded-lg p-3">
      <h4 class="font-semibold text-green-800 mb-2">الهدف الرئيسي</h4>
      <p class="text-sm text-gray-700">الوعي (Branding). تذكير الناس بوجودك (صور وفيديو).</p>
    </div>
    <div class="bg-blue-50 rounded-lg p-3">
      <h4 class="font-semibold text-blue-800 mb-2">جودة العميل</h4>
      <p class="text-sm text-gray-700">منخفضة (Low Intent). العميل يتصفح موقعاً آخر ويراك صدفة.</p>
    </div>
    <div class="bg-purple-50 rounded-lg p-3">
      <h4 class="font-semibold text-purple-800 mb-2">الخلاصة للمبتدئ</h4>
      <p class="text-sm text-gray-700">❌ تجنبها حالياً. إلا إذا كنت تريد فقط "شهرة" ولا تهتم بالمبيعات الفورية.</p>
    </div>
  </div>
</div>