نظرة عامة على المشروع: قمت بتصميم وتطوير صفحة هبوط (Landing Page) متكاملة واحترافية لعيادة "مسعود للأسنان". الهدف من المشروع كان إنشاء واجهة مستخدم تعكس الفخامة والنظافة الطبية، وتوفر تجربة مستخدم (UX) ممتازة للزوار لتسهيل عملية حجز المواعيد والتعرف على الخدمات الطبية.
المميزات الرئيسية التي تم تنفيذها:
تصميم عصري وجذاب: استخدام لوحة ألوان طبية وراقية (أبيض، أوف وايت، ذهبي) مع خط "Cairo" العربي لإبراز هوية العيادة.
دعم كامل للغة العربية (RTL): الواجهة مصممة بالكامل لتتوافق مع اتجاه القراءة من اليمين لليسار.
تجاوب كامل (Responsive Design): الموقع يعمل بشكل مثالي وسلس على كافة الأجهزة (هواتف ذكية، أجهزة لوحية، وشاشات سطح المكتب).
أقسام متكاملة:
الواجهة الرئيسية (Hero): قسم جذاب يضم دعوة واضحة لاتخاذ إجراء (Call to Action) لحجز موعد.
قسم الخدمات الطبية: عرض تفصيلي لخدمات العيادة مع تصميم أيقونات SVG مخصصة وحصرية تمثل شكل الأسنان لتعكس احترافية التخصص.
الإحصائيات الموثوقة: عدادات حركية تبرز خبرة العيادة وعدد العملاء.
نموذج الحجز: فورم حجز سريع وسهل الاستخدام مع التحقق من صحة البيانات وتأثيرات بصرية عند الإرسال.
تذييل مخصص (Footer): يضم بيانات التواصل وعنوان العيادة المتوافق مع السوق السعودي (مدينة الرياض).
أداء عالي وتأثيرات حركية (Animations): تم توظيف Intersection Observer لعمل تأثيرات ظهور سلسة للعناصر عند التمرير، مما يضفي حيوية على الصفحة دون التأثير على سرعة التحميل.
التقنيات المستخدمة:
React.js: لبناء مكونات تفاعلية وقابلة لإعادة الاستخدام.
Vite: كأداة بناء لتوفير بيئة تطوير سريعة وأداء عالي في نسخة الإنتاج.
Tailwind CSS: لتنسيق وتصميم الواجهة باحترافية وسرعة مع التحكم الكامل في أدق التفاصيل.
Lucide React & Custom SVGs: للأيقونات والرسومات التوضيحية.
هذا المشروع يمثل قدرتي على تحويل المتطلبات الخاصة بالعميل إلى واجهة رقمية احترافية، سريعة، ومناسبة لمتطلبات السوق (خاصة السوق السعودي).
