Al Landing page | Neon

AI LANDING PAGE

نبذة سريعة:

مشروع Neon عبارة عن صفحة هبوط (Landing Page) خاصة بموقع ذكاء اصطناعي من وحي خيالي. في الفترة الأخيرة انتشرت مواقع الـAI، فقررت أعمل حاجة مشابهة لكن أضفت لمسة Neon لأنها من أكثر الـThemes المنتشرة اللي بتعبر عن المستقبل. بدأت التنفيذ وخلصت المشروع في وقت قياسي، وهو بيعكس قدرتي على إنشاء موقع من الصفر بدون أي UI جاهز، كله من تصميمي وفكرتي الخاصة.

دوري في التطوير:

أنا المطور الأساسي للمشروع، اشتغلت على بناء الواجهة بكود نظيف ومنظم يسهل التعديل عليه. استخدمت تقنيات حديثة زي Vite وReact وTailwind CSS، وركزت على الأداء العالي بسبب وجود الـAnimations. ضفت أيقونات وحركات باستخدام مكتبات JavaScript مختلفة، والمشروع حالياً جاهز للعرض بالكامل.

التقنيات الأساسية:

React.js – Vite – Tailwind CSS – Framer Motion

الميزات الرئيسية في المشروع:

تصميم Responsive متجاوب مع جميع الشاشات الحديثة

حركات تفاعلية باستخدام Framer Motion

واجهة مستخدم حديثة مستوحاة من Theme الـNeon

يحاكي التطور في تصميم الـLanding Pages الحديثة

المشروع معمول بي typescript بسبب سرعه انتشاره وامانه

المشروع متاح بالكامل على GitHub ومنشور على Vercel