🅿️ Parkinzi Website

موقع ويب احترافي لتطبيق Parkinzi - حل ذكي لمواقف السيارات

🎨 المميزات

• ✨ تصميم Neumorphic حديث
• 🌓 دعم Dark Mode كامل
• 🌍 متعدد اللغات (العربية / English / Français / اردو)
• 📱 Responsive تماماً
• ⚡ أداء محسّن
• 🎭 تأثيرات تفاعلية جميلة

🚀 التقنيات

• HTML5
• CSS3 (Neumorphic Design)
• Vanilla JavaScript
• IBM Plex Sans Arabic Font

📂 الملفات

Web/
├── index.html              # الصفحة الرئيسية
├── privacy.html            # سياسة الخصوصية (4 لغات)
├── refund.html             # سياسة الاسترجاع + دليل المخالفات
├── header.css              # هيدر موحد (لغة + مظهر)
├── footer.css              # فوتر موحد
├── DESIGN_STANDARDS.md     # معايير التصميم
└── IMPROVEMENTS.md         # التحسينات الأخيرة

🎯 المعايير المستخدمة

جميع المعايير مطابقة لتطبيق Parkinzi iOS:

• نفس الألوان من NeumorphicTheme.Colors
• نفس المسافات من NeumorphicTheme.Spacing
• نفس الزوايا من NeumorphicTheme.CornerRadius
• نفس التأثيرات الزجاجية

🎨 الألوان

Light Mode

• Primary: #008CF2
• Background: #FAFCFF → #EDF3F9
• Text: #1A1A26

Dark Mode

• Primary: #00CCFF
• Background: #1F2E38 → #14232D
• Text: #FFFFFF

📱 التجاوبية

• Desktop: تأثيرات كاملة + 3D
• Tablet: تأثيرات متوسطة
• Mobile: مبسّطة للأداء
• Touch Devices: تحسينات خاصة

🌐 اللغات المدعومة

• 🇸🇦 العربية (افتراضي) - RTL
• 🇬🇧 English - LTR
• 🇫🇷 Français - LTR
• 🇵🇰 اردو - RTL

🎭 التأثيرات

• Glassmorphism (backdrop-filter)
• Neumorphic shadows
• Gradient animations
• Hover effects
• Float animations
• Pulse effects

⚡ الأداء

• GPU acceleration
• Optimized animations
• Reduced motion support
• Mobile-first approach
• Lazy effects on mobile

📝 الاستخدام

1. افتح index.html في المتصفح
2. اختر اللغة من القائمة العلوية
3. اختر المظهر (فاتح/داكن)
4. استمتع بالتصفح! ✨

🔧 التخصيص

جميع الألوان في :root:

--primary: rgb(0, 140, 242);
--text-primary: rgb(26, 26, 38);
--bg-top: rgb(250, 252, 255);

📄 الترخيص

© 2026 PARKINZI. جميع الحقوق محفوظة.

---

النسخة: 2.1 آخر تحديث: 2026-02-17 الحالة: ✅ Production Ready