موقع شركة "NexGen" (React.js & Bootstrap)

وصف المشروع:

هو مشروع واجهة أمامية (Front-End) متكامل لموقع شركة (Agency) يُدعى "NexGen". تم تصميم الموقع ليعكس هوية احترافية وجادة للشركة، مع التركيز على تقديم تجربة مستخدم (UX) ممتازة من خلال تصميم "الوضع المظلم" (Dark Mode) الأنيق.

المشروع يمثل واجهة رقمية للشركة لعرض خدماتها، وتعريف الزوار بها، وجذب المواهب للانضمام إلى فريقها.

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

تصميم احترافي (Corporate Design): استخدام "الوضع المظلم" (Dark Mode) بلمسة عصرية، مما يمنح الموقع طابعاً من الفخامة والاحترافية.

صفحة الوظائف (Careers Page):

قسم "JOIN OUR TEAM" مصمم كلوحة عرض للوظائف الشاغرة.

يتضمن بطاقات (Job Cards) واضحة لكل وظيفة (مثل Web Designer, Mobile App Developer).

تعرض كل بطاقة تفاصيل هامة: الراتب (Salary)، سنوات الخبرة المطلوبة (Experience)، الموعد النهائي للتقديم (Deadline)، والمهارات (Skills).

أزرار تفاعلية (View Details) و (Apply Now) لتوجيه المستخدم.

شريط تنقل (Navbar) متكامل:

شريط تنقل واضح وسهل الاستخدام يحتوي على جميع الأقسام الرئيسية للشركة (Home, Services, Projects, About, Careers, Blogs).

زر "Contact Us" بارز (Call to Action) للتواصل المباشر.

الواجهة الرئيسية (Hero Section):

رسالة ترحيبية قوية ("UNLOCK YOUR POTENTIAL...") لجذب انتباه الزائر.

زر دعوة للعمل (Call to Action) واضح لبدء مشروع ("START A PROJECT").

تصميم متجاوب (Responsive): تم استخدام Bootstrap لضمان تجاوب الموقع وعرضه بشكل مثالي على جميع أحجام الشاشات (أجهزة الكمبيوتر، الأجهزة اللوحية، والهواتف).

التقنيات المستخدمة:

React.js: هو المكتبة الأساسية لبناء واجهة المستخدم (UI) بالكامل. تم استخدامه لإنشاء مكونات (Components) قابلة لإعادة الاستخدام (مثل الـ Navbar، وبطاقات الوظائف)، مما يجعل الموقع سريعاً وفعالاً.

Bootstrap 5: تم الاعتماد عليه كإطار عمل CSS أساسي لتسريع عملية التصميم، وضمان التجاوب (Responsiveness)، واستخدام مكونات جاهزة (مثل الأزرار والشبكات).

JavaScript (ES6+): لإدارة الحالة (State) والتفاعلات (Interactivity) داخل مكونات React.

HTML5 & CSS3: لبناء هيكل الصفحات وإضافة التخصيصات الجمالية (Custom Styles) فوق Bootstrap.