تطوير واجهات موقع تفسير الأحلام باستخدام Next.js وTailwind

تصميم موقع إلكتروني تصميم مواقع التصميم الإبداعي تصميم واجهة المستخدم تصميم تجربة المستخدم Next.js تصميم موقع إلكتروني تصميم مواقع التصميم الإبداعي تصميم واجهة المستخدم تصميم تجربة المستخدم Next.js

مرحبًا، أرغب في تنفيذ مشروع واجهات Frontend لموقع تفسير الأحلام باستخدام **Next.js + Tailwind CSS** مع الالتزام بتنظيم المجلدات باستخدام App Router وهيكلية مرتبة. المطلوب تنفيذ الصفحات التالية: 1. **الصفحة الرئيسية** (Hero + نموذج التفسير + خطوات الاستخدام + المميزات + آراء المستخدمين + الأسئلة الشائعة + مقالات + دعوة للتفاعل + تذييل) 2. **صفحة تفسير حلم جديد** (نموذج إدخال الحلم وتحليله باستخدام AI) 3. **صفحة عرض النتيجة بعد التفسير** (عرض المعنى الكامل والتفاصيل بناءً على إدخال المستخدم) 4. **صفحة جميع المقالات** (شبكة مقالات مع روابط وتواريخ) 5. **صفحة عرض مقال واحد** (تفاصيل المقال مع تنسيق جميل وقراءة مريحة) ### متطلبات إضافية: * الالتزام بـ App Router في Next.js (الصفحات داخل `app/`) * استخدام Tailwind CSS بالكامل دون مكتبات تصميم جاهزة * تنظيم المجلدات: components/, content/, lib/, types/ * النصوص الثابتة في ملفات JSON * مقالات المدونة بصيغة Markdown داخل content/blog-posts/ ### ملاحظات: * التصميم متوفر كنموذج (أو يمكن التفاهم عليه) * الكود يجب أن يكون نظيفًا وقابلًا للتوسعة * لا حاجة للربط بقاعدة بيانات أو Backend حاليًا (نماذج فقط)