تحويل تصميم Figma إلى صفحة هبوط متجاوبة بالكامل | Botol Landing Page

مشروع تطوير واجهة مستخدم (Frontend) لصفحة هبوط احترافية وعصرية مخصصة لمنتج. تم تحويل الصفحة بدقة متناهية (Pixel-Perfect) من تصميم Figma إلى كود ويب حي، مع التركيز الكامل على تجربة المستخدم (UX) وأداء الموقع السريع والمستقر. المميزات والتقنيات المستخدمة: هيكلة دلالية قياسية (Semantic HTML5): بناء الصفحة بأسلوب برمي صحيح لضمان توافقها مع محركات البحث (SEO). تنسيق مرن (CSS Grid & Flexbox): توزيع العناصر والشبكات داخل الموقع بشكل ديناميكي واحترافي دون الاعتماد على أطر عمل جاهزة. تصميم متجاوب (Mobile-First): ضبط الموقع ليعمل بكفاءة وانسيابية تامة على جميع الشاشات (الهواتف الذكية، الأجهزة اللوحية، والشاشات المكتبية). قائمة هاتف ذكية (Pure CSS Hamburger Menu): بناء قائمة تنقل متجاوبة ومخصصة للهواتف باستخدام CSS فقط وبدون أي مكتبات خارجية زائدة لضمان سرعة الأداء. بيئة العمل (Tech Stack): HTML5, CSS3 (Grid / Flexbox).