Auto_Drive Website

مشروع منصة إلكترونية متكاملة وعصرية (Auto Drive) مخصصة لاستعراض واستكشاف السيارات الفاخرة والحديثة. تم تطوير المشروع كـ Single Page Application (SPA) متطور يركز على تقديم تجربة مستخدم (UX) تفاعلية وسريعة للغاية مع تصميم داكن (Dark Theme) أنيق يعكس طابع الفخامة والديناميكية. أبرز أقسام ومميزات المشروع الفنية (كما يظهر في لقطات الشاشة): الواجهة الرئيسية (Hero Section): تصميم ترحيبي جذاب ومؤثر بصرياً يحتوي على شعار المنصة، وعناوين تحفيزية واضحة مع أزرار استدعاء تفاعلية (CTAs) مثل "Explore Cars" لزيادة معدل التحويل (image_6b54b9.jpg). معرض السيارات (Our Collection): نظام عرض شبكي (Grid System) منظم يعرض بطاقات السيارات (Car Cards) بشكل احترافي، مدعومًا بخواص تفاعلية متقدمة مثل البحث الذكي (Search Bar) والفلترة والتصفية (Sorting/Filtering) لتسهيل الوصول للموديلات (image_6b545b.jpg). صفحة تفاصيل السيارة (Car Details Dynamic Page): واجهة مخصصة تعرض مواصفات السيارة بدقة (الموديل، السنة، السعر، والشركة المصنعة) مدعومة بأزرار تفاعلية لإرسال استفسار أو إضافة السيارة إلى سلة التسوق مباشرة (image_6b5172.jpg). نظام المفضلة (Your Favorites): ميزة تتيح للمستخدمين حفظ سياراتهم المفضلة في قائمة مخصصة للرجوع إليها في أي وقت عبر الضغط على أيقونة القلب التفاعلية (image_6b50bb.jpg). سلة التسوق الذكية (Shopping Cart): نظام متكامل لحساب وإدارة المشتريات، يتيح للمستخدم تعديل الكميات، حذف العناصر، وحساب الإجمالي تلقائياً (Total Price Live Calculation) مع زر إتمام الشراء (Proceed to Checkout) (image_6b5136.png). صفحة التواصل (Get In Touch): نموذج اتصال (Contact Form) محمي ومنسق بشكل نظيف يتيح للعملاء إدخال الاسم، البريد الإلكتروني، ونص الرسالة للتواصل مع إدارة المنصة بسهولة (image_6b5112.png). تذيل الصفحة (Footer): يتضمن روابط سريعة للموقع، معلومات الاتصال (الدعم، الهاتف، والموقع بـ دبي)، وأيقونات شبكات التواصل الاجتماعي لتعزيز هوية المنصة (image_6b547a.jpg). التقنيات المستخدمة: React, TypeScript, Tailwind CSS, Vite.