تصميم وتطوير صفحة هبوط "Promptverse AI"

تم تطوير الواجهة الأمامية (Front-End) لصفحة هبوط (Landing Page) عصرية ومستقبلية لخدمة "Promptverse AI". يركز المشروع على تقديم تجربة مستخدم آسرة وجذابة، مع تسليط الضوء على مزايا الخدمة المتعلقة بالذكاء الاصطناعي وإنشاء المحتوى والأتمتة. يمثل هذا المشروع نموذجًا لمهاراتي في بناء واجهات سريعة، متجاوبة (Responsive)، وذات جودة تصميم عالية (Pixel-Perfect). (Technical Stack) HTML5 & CSS3: الهيكل الأساسي والتصميم المخصص. Bootstrap 5: استُخدم كإطار عمل رئيسي لتطبيق مبدأ "التصميم أولاً للجوال" (Mobile-First) وضمان التوافق التام مع جميع أحجام الشاشات. JavaScript: (مستخدم لبعض التفاعلات الأساسية في Bootstrap). التصميم: تم الاعتماد على نظام الألوان الداكن (Dark Theme) وخطوط عصرية (Poppins و Manrope) لإضفاء طابع تقني ومستقبلي. الميزات الرئيسية المستخلصة من الكود تصميم متجاوب واحترافي (Fully Responsive): تطبيق تصميم يتكيف بسلاسة مع أجهزة سطح المكتب والأجهزة اللوحية والهواتف المحمولة، مع تفاصيل مخصصة لكل حجم شاشة (كما يظهر في الأكواد الخاصة بـ @media query). واجهة مستخدم عصرية وجذابة: تم استخدام نظام ألوان داكن، وخلفيات صور مع تأثيرات تراكب (Overlay)، مما يعطي الموقع مظهرًا مستقبليًا وفخمًا. عناصر تفاعلية: تصميم أزرار دعوة لاتخاذ إجراء (CTAs) بتأثيرات تمرير (Hover Effects) جذابة (Start Generating و Download). عرض الميزات (Features Section): تنظيم المعلومات الرئيسية للخدمة (كتابة الأكواد والرسائل، قراءة الملفات، البحث، الأتمتة) ضمن أقسام واضحة ومتباعدة. معرض صور منظم (Gallery Section): عرض متناسق للصور أو مخرجات الذكاء الاصطناعي باستخدام نظام شبكي (Grid Layout) يعكس جودة التصميم. المهارات المكتسبة والمُبرهَن عليها يوضح هذا المشروع خبرتي وكفاءتي في: بناء وتصميم واجهات أمامية متكاملة باستخدام Bootstrap 5 بكفاءة عالية. التحكم الكامل في تخصيص التصميم عبر CSS3 وتنظيم أكواد الميديا كويري لضمان التجاوب. تحويل تصميم بصري (Mockup) إلى كود حي (Live Code) بدقة عالية (Pixel-Perfect). تنظيم وترتيب الكود (HTML و CSS) بطريقة نظيفة وسهلة القراءة والصيانة