Travel Destinations Explorer

مرحبا اريد مشروع React يعرض أماكن سياحية مع تفاصيل وفلاتر. 🔹 Task 1 — صفحة عرض الوجهات (Destinations List) المطلوب: إنشاء Array فيها وجهات سياحية: { name: "Paris", country: "France", type: "City", image: "img1.jpg" }, { name: "Bali", country: "Indonesia", type: "Island", image: "img2.jpg" }, { name: "Cairo", country: "Egypt", type: "Historic", image: "img3.jpg" } عرض كل وجهة في Card فيها: الصورة الاسم الدولة 🔹 Task 2 — فلترة الوجهات المطلوب: Dropdown أو Buttons للفلترة حسب النوع: City Island Historic عند اختيار نوع → يعرض الوجهات من نفس النوع فقط. زر "Show All" لعرض الكل. 🔹 Task 3 — صفحة تفاصيل الوجهة المطلوب: عند الضغط على أي Destination → يفتح صفحة تفاصيل. صفحة التفاصيل تحتوي على: الصورة الكبيرة الاسم الدولة اسم النوع وصف بسيط ثابت زر “Back”.