BrainWave React
تفاصيل العمل
## ?️ التقنيات المستخدمة
### **Frontend Framework & Build Tools**
- **React.js 18.2.0** - مكتبة JavaScript لبناء واجهات المستخدم التفاعلية
- **Vite 5.1.0** - أداة بناء حديثة وسريعة لتطوير تطبيقات الويب
- **React Router DOM 6.22.1** - إدارة التنقل بين الصفحات
### **Styling & Design**
- **Tailwind CSS 3.4.1** - إطار عمل CSS utility-first لتصميم سريع ومرن
- **PostCSS 8.4.35** - معالج CSS متقدم
- **Autoprefixer 10.4.17** - إضافة البادئات التلقائية لـ CSS
### **Animation & Effects**
- **react-just-parallax 3.1.16** - تأثيرات Parallax متقدمة للحركات التفاعلية
- **scroll-lock 2.1.5** - إدارة قفل التمرير
### **Development Tools**
- **ESLint** - أداة فحص جودة الكود
- **TypeScript Types** - دعم الأنواع للـ React
### **Fonts**
- **Sora** - خط Sans-serif عصري
- **Source Code Pro** - خط Monospace للكود
- **Space Grotesk** - خط Sans-serif أنيق
---
## ✨ المميزات الرئيسية
### ? **تصميم عصري وجذاب**
- واجهة مستخدم احترافية بتصميم عصري
- ألوان متدرجة (Gradients) احترافية
- أشكال هندسية معقدة باستخدام Tailwind CSS
- تصميم Bento Grid متطور
### ? **تأثيرات حركية متقدمة**
- تأثيرات Parallax تفاعلية عند التمرير
- حركات سلسة عند تحريك الماوس
- انتقالات ناعمة بين الأقسام
- تأثيرات بصرية جذابة
### ? **تصميم متجاوب بالكامل**
- يعمل بشكل مثالي على جميع الأجهزة (Desktop, Tablet, Mobile)
- تصميم متجاوب باستخدام Tailwind CSS
- تجربة مستخدم موحدة على جميع الشاشات
### ? **مكونات قابلة لإعادة الاستخدام**
- بنية كود نظيمة ومنظمة
- مكونات معيارية قابلة لإعادة الاستخدام
- سهولة الصيانة والتطوير
### ? **أقسام متكاملة**
- **Hero Section** - قسم البطل مع تأثيرات بصرية جذابة
- **Services** - عرض الخدمات المقدمة
- **Benefits** - عرض الفوائد والمميزات
- **Collaboration** - قسم التعاون والتكامل
- **Pricing** - خطط الأسعار
- **Roadmap** - خارطة الطريق للمشروع
- **Footer** - تذييل الصفحة مع روابط التواصل