واجهة حديثة وسريعة لصفحة هبوط لوكالة أعمال رقمية، مبنية بأسلوب تصميم عصري يعتمد على Tailwind CSS (نهج utility-first)، متجاوبة 100% مع جميع الشاشات، وخفيفة بدون أُطر جافاسكربت ثقيلة. مثالية لعرض الخدمات، الخطط، الفريق، ونماذج الاشتراك.
التقنيات المستخدمة
HTML5
Tailwind CSS
Iconify للأيقونات
CSS مخصص بسيط لطبقة التعتيم overlay
قسم Hero بصورة خلفية مع طبقة تعتيم وأزرار دعوة لاتخاذ إجراء
قسم About مع صورة وقوائم ميزات بعلامات تحقق
شريط دعائي Overlay مع زر انتقال
قسم الخدمات: 6 بطاقات بأيقونات وعناوين ووصف
قسم الحلول (صورة + محتوى نصي وزر)
قسم الإحصائيات فوق خلفية بصورة وOverlay
قسم التسعير: 3 خطط مع بطاقة مميزة
قسم الاشتراك بالنشرة البريدية
قسم الفريق: 3 بطاقات أعضاء وروابط اجتماعية
تذييل متعدد الأعمدة وروابط اجتماعية ونموذج اشتراك مصغر
المميزات
متجاوب بالكامل Mobile-first باستخدام Grid/Flex من Tailwind
تأثيرات تفاعل أنيقة: hover, transitions
سهولة التخصيص: الألوان، الهوامش، الظلال، والزوّر بتعديل الكلاسات فقط
قابلية الوصول: alt, aria-label, sr-only
أداء ممتاز: تحميل عبر CDN وحجم خفيف، بدون أكواد زائدة
قابل للتوسّع: ربط نموذج الاشتراك بخدمات بريد (Mailchimp/Elastic Email) لاحقًا
ما الذي أقدمه/قابل للتخصيص
تخصيص الهوية البصرية: ألوان، شعار، صور، نصوص
إضافة/حذف أقسام وبطاقات حسب الحاجة
ربط نموذج الاشتراك بخدمة بريد وإعداد رسائل تأكيد
تحسينات SEO أساسية: عنوان، وصف، وسوم Open Graph
نشر سريع على GitHub Pages أو Netlify كصفحة ثابتة