al-tayseer-auto-parts-store

🧾 اسم المشروع: موقع شركة التيسير المتخصص لاستيراد قطع غيار السيارات الصينية 🏢 نبذة عن المشروع: تم تطوير موقع إلكتروني متكامل يعرض نشاط شركة تعمل في استيراد وبيع قطع غيار السيارات الصينية، مع تقديم معلومات واضحة عن المنتجات والخدمات المتاحة، بالإضافة إلى توفير وسائل تواصل سهلة وسريعة مع العملاء. 🎯 أهداف المشروع: توفير واجهة تعريفية احترافية للشركة. عرض المنتجات المتوفرة بطريقة منظمة وجذابة. تسهيل وصول العملاء إلى معلومات التواصل والموقع الجغرافي. تصميم متجاوب يعمل بكفاءة على جميع أنواع الأجهزة. 🛠️ التقنيات المستخدمة: Next.js: لإنشاء صفحات الموقع وتنظيم المجلدات والروابط بسهولة وسرعة. React.js: لبناء واجهات ديناميكية وتفاعلية. Tailwind CSS: لتصميم واجهة مستخدم جذابة ومتجاوبة. ShadCN UI: لاستخدام مكونات جاهزة عالية الجودة مثل البطاقات والأزرار. Next/Image: لتحسين عرض وتحميل الصور بكفاءة. Google Maps Embed API: لعرض موقع المتجر داخل صفحة "من نحن". WhatsApp API: لتوفير رابط تواصل مباشر مع العملاء. 📄 محتوى الموقع وصفحاته: 🏠 الصفحة الرئيسية (Home): خلفية صورة كاملة الشاشة. عنوان تسويقي واضح. زر تنقّل مباشر إلى المنتجات. 📦 صفحة المنتجات (Products): عرض بطاقات لمنتجات الشركة مع صورة واسم ووصف مختصر. ℹ️ صفحة من نحن (About): معلومات حول نشاط الشركة. تفاصيل الاتصال. موقع المتجر عبر خرائط جوجل. 📞 تذييل الموقع (Footer): بيانات التواصل. روابط مهمة. حقوق النشر. 📱 مميزات إضافية: واجهة متجاوبة بالكامل (Responsive Design). قائمة تنقل ذكية تتغير حسب حجم الشاشة (Mobile Menu). استخدام مكونات قابلة لإعادة الاستخدام مثل Header وFooter. تصميم بسيط وأنيق يركز على وضوح المحتوى وسهولة التصفح. 🧠 ما قمت به تحديدًا: إعداد بيئة المشروع من الصفر باستخدام Next.js وTailwind. بناء جميع صفحات الموقع بشكل يدوي دون استخدام قوالب جاهزة. إنشاء مكونات خاصة مثل Header, Footer, Card, وButton. تنسيق الواجهة لعرضها بشكل مناسب على الموبايل والتابلت واللابتوب. ربط الموقع بعناصر تفاعلية مثل WhatsApp وGoogle Maps.