تصميم وتطوير Landing Page

**عنوان المشروع:**

تصميم وتطوير Landing Page احترافية لشركة تقنية باستخدام React.js و Tailwind CSS

**وصف المشروع:**

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

تم تنفيذ المشروع باستخدام أحدث تقنيات تطوير الواجهات الأمامية:

* React.js

* Vite

* Tailwind CSS

* Framer Motion للأنيميشن

* Lucide React للأيقونات

### مميزات المشروع:

#### ✅ تصميم احترافي ومتجاوب بالكامل

* متوافق مع جميع الشاشات (Desktop – Tablet – Mobile).

* تصميم عصري بألوان داكنة وخطوط واضحة.

#### ✅ الأقسام الرئيسية في الصفحة:

* Navbar ثابت للتنقل السريع بين الأقسام.

* Hero Section يحتوي على عنوان جذاب وزر Call To Action.

* Trusted By Logos لعرض شعارات الشركات المتعاونة.

* Services Section لعرض الخدمات المقدمة.

* Features Section لشرح المميزات التنافسية.

* Statistics Section لعرض الأرقام والإحصائيات.

* Portfolio Section لعرض نماذج الأعمال السابقة.

* Testimonials Section لعرض آراء العملاء.

* Pricing Plans Section لعرض الباقات والأسعار.

* FAQ Section للأسئلة الشائعة.

* CTA Section لتحفيز العميل على التواصل.

* Footer احترافي يحتوي على روابط ومعلومات التواصل.

#### ✅ تأثيرات وحركات احترافية

* استخدام Framer Motion لإضافة أنيميشن سلس أثناء ظهور العناصر والتنقل بينها.

#### ✅ كود منظم وقابل للتطوير

* تقسيم المكونات وتنظيم الكود بطريقة تسهّل التعديل وإضافة خصائص جديدة مستقبلًا.

#### ✅ جاهز للنشر

* المشروع قابل للنشر مباشرة على GitHub وVercel أو أي خدمة استضافة أخرى.

### الاستخدامات المناسبة للمشروع:

* صفحة تعريفية لشركة تقنية أو وكالة تسويق.

* عرض خدمات تطوير المواقع والتطبيقات.

* صفحة هبوط لمنتج رقمي أو خدمة SaaS.

* مشروع قوي لإضافته إلى معرض الأعمال (Portfolio).

### الملفات المرفقة:

* صور توضيحية من التصميم.

* فيديو يوضح طريقة عمل المشروع والتنقل بين أقسامه.

هذا المشروع يعكس قدرتي على تصميم وتطوير واجهات احترافية باستخدام React.js مع الاهتمام بالتفاصيل وتجربة المستخدم والأداء.