برمجة صفحات بالذكاء الاصناعي

السلام عليكم ورحمة الله وبركاته،

نرغب في إضافة وتطوير صفحة خاصة داخل الموقع بعنوان: موسم «وعيٌ يمرّ من كربلاء» داخل الموقع

وهي صفحة تعرض موسمًا معرفيًا مكوّنًا من 13 ليلة، بحيث يتم عرض المحتوى بشكل جميل ومنظم ومتوافق مع الهوية البصرية الداكنة والذهبية للموقع.

المحتوى موجود في ملف Word مرفق، والمطلوب تحويل هذا المحتوى إلى صفحات ويب منظمة، مع إمكانية إدارته من لوحة التحكم.

أولًا: فكرة الصفحة

الصفحة ليست مجرد صفحة نصية، بل صفحة موسم متكاملة تحتوي على:

* مقدمة تعريفية عن الموسم.

* عرض الليالي الـ 13.

* صفحة تفاصيل مستقلة لكل ليلة.

* بطاقات معرفية قابلة للعرض والتحميل.

* تسجيلات صوتية تضاف لاحقًا.

* مصادر معرفية.

* أسئلة للتأمل.

* خطوات عملية بعد كل ليلة.

---

ثانيًا: الصفحة الرئيسية للموسم

يتم إنشاء صفحة رئيسية للموسم بالرابط مثل:

`/karbala`

أو:

`/awareness-karbala`

وتحتوي على التالي:

### 1. القسم الرئيسي أعلى الصفحة

يحتوي على:

* عنوان كبير: **

* وصف مختصر:

**محاضرات | 13 ليلة**

* جملة تعريفية:

**أفكار تبني الوعي، ومواقف تصنع الإنسان**

* صورة خلفية داكنة مناسبة.

* أزرار:

* عرض محاضرات الليالي

* بطاقات الموسم

* التسجيلات الصوتية

---

### 2. مقدمة الموسم

يتم عرض مقدمة الموسم الموجودة في الملف، وهي تبدأ بمعنى:

ليست كربلاء حدثًا يُروى فقط،

ولا موسمًا للحزن العابر،

بل مدرسة تُقرأ، وتجربة يُعاد اكتشاف الإنسان من خلالها.

ويجب أن يكون عرض النص بتنسيق جميل، وليس كنص طويل عادي.

يمكن تقسيم المقدمة إلى فقرات قصيرة، مع تمييز الأسئلة المهمة مثل:

* كيف يتحول الحزن إلى وعي؟

* كيف تتحول المشاعر إلى موقف؟

* كيف يبقى الحسين حاضرًا في القرار لا في الذكرى فقط؟

---

### 3. ماذا تضم الصفحة؟

يتم إنشاء قسم بعنوان:

**تضم هذه الصفحة**

ويعرض أربع بطاقات صغيرة:

1. ملخصات الليالي ومحاورها الرئيسة.

2. المصادر العلمية والدينية المعتمدة.

3. التسجيلات الصوتية، وتضاف تباعًا.

4. أسئلة للتأمل وخطوات عملية بعد كل ليلة.

---

### 4. محاضرات الليالي

يتم عرض الليالي الـ 13 على شكل بطاقات.

كل بطاقة تحتوي على:

* رقم الليلة.

* عنوان الليلة.

* وصف تشويقي مختصر.

* زر: اقرأ التفاصيل.

* حالة التسجيل الصوتي:

* متاح

* يضاف لاحقًا

---

## ثالثًا: عناوين الليالي المطلوبة

يجب إدخال الليالي التالية:

1. الليلة الأولى: هل نمارس عاشوراء أم نعيشها؟

2. الليلة الثانية: التطرف العاطفي والوعي الرسالي

3. الليلة الثالثة: اختزال المعرفة

4. الليلة الرابعة: الأمان العاطفي

5. الليلة الخامسة: الفهم السياقي

6. الليلة السادسة: الإنسانية عقيدة

7. الليلة السابعة: أنماط التعلق

8. الليلة الثامنة: أبناءنا بين الحرية والضياع

9. الليلة التاسعة: نبحث عن الله أم نهرب منه؟

10. الليلة العاشرة: المقتل

11. الليلة الحادية عشرة: الكسل مقبرة الذات

12. الليلة الثانية عشرة: الوقف الخيري

13. الليلة الثالثة عشرة: السؤال كقناع للنفس

---

## رابعًا: صفحة تفاصيل كل ليلة

كل ليلة يجب أن يكون لها صفحة مستقلة، مثال:

`/karbala/night/1`

أو:

`/karbala/hal-numaris-ashura`

صفحة تفاصيل الليلة يجب أن تعرض المحتوى بنفس التقسيم الموجود في ملف Word.

---

## خامسًا: أقسام صفحة تفاصيل الليلة

كل صفحة ليلة تحتوي على الأقسام التالية:

### 1. عنوان الليلة

مثال:

**الليلة الأولى: هل نمارس عاشوراء أم نعيشها؟**

ويظهر معه:

* رقم الليلة.

* وصف قصير.

* صورة خلفية أو تصميم مناسب.

* زر الرجوع إلى جميع الليالي.

---

### 2. التشويق

قسم يحتوي على النص التشويقي الخاص بالليلة.

يجب أن يكون في صندوق أو مساحة مميزة، لأن هذا النص هو المدخل العاطفي والفكري للزائر.

---

### 3. لماذا هذه الليلة مهمة؟

قسم يوضح أهمية موضوع الليلة.

يفضل أن يظهر داخل بطاقة بلون داكن مع إطار ذهبي خفيف.

---

### 4. الفكرة المركزية

قسم مهم جدًا، ويجب إبرازه بصريًا.

يكون بعنوان:

**الفكرة المركزية**

ويعرض خلاصة الليلة.

---

### 5. المحاور الرئيسة

يتم عرض المحاور بطريقة منظمة، وليس كنص طويل.

كل محور يكون له:

* عنوان المحور.

* نقاط فرعية تحته.

مثال:

**1. ما الفرق بين ممارسة عاشوراء وعيش عاشوراء؟**

* الطقس أم التحول؟

* التأثر المؤقت أم التغيير الحقيقي؟

* كيف تتحول الذكرى إلى وعي؟

---

### 6. الاقتباس المحوري

يعرض الاقتباس المحوري بتصميم مميز في منتصف الصفحة.

مثال:

**إنما خرجت لطلب الإصلاح**

الإمام الحسين عليه السلام

يفضل أن يكون داخل بطاقة بتصميم فاخر، مع زخرفة خفيفة.

---

### 7. آيات وروايات الليلة

يتم تقسيم هذا القسم إلى قسمين:

#### آيات للتأمل

تظهر الآيات في قائمة مرتبة.

#### روايات وكلمات

تظهر الروايات والكلمات في قائمة أخرى.

يفضل استخدام تبويبات أو بطاقتين بجانب بعض في الكمبيوتر، وتحت بعض في الجوال.

---

### 8. مصادر معرفية للاستزادة

يتم عرض المصادر الموجودة في الملف.

كل مصدر يكون له:

* عنوان المصدر.

* التصنيف، مثل: علم النفس، الوعي الديني، التربية، العلاقات، الوقف.

* رابط إن وجد.

* ملاحظة: إذا لم يوجد رابط تظهر عبارة: يضاف الرابط لاحقًا.

---

### 9. سؤال للتأمل

يظهر سؤال التأمل في بطاقة خاصة.

مثال:

**سؤال للتأمل**

لو سألني أحد: ما الذي غيرته عاشوراء فيّ فعلًا؟

هل أملك جوابًا واضحًا؟

---

### 10. خطوة عملية بعد الليلة

تظهر الخطوة العملية في بطاقة تنفيذية واضحة.

مثال:

**خطوة عملية بعد الليلة**

اختر قيمة واحدة من كربلاء، واجعلها التزامًا عمليًا لمدة 30 يومًا.

---

### 11. التسجيل الصوتي

في نهاية صفحة الليلة يظهر قسم:

**التسجيل الصوتي**

إذا كان التسجيل مرفوعًا:

* يظهر مشغل صوت.

* زر تحميل، إذا كان التحميل مسموحًا.

* مدة التسجيل.

إذا لم يكن التسجيل مرفوعًا:

* تظهر عبارة: **يضاف بعد المحاضرة**

---

## سادسًا: صفحة بطاقات الموسم

نحتاج صفحة مستقلة باسم:

**بطاقات الموسم**

الرابط المقترح:

`/karbala/cards`

الصفحة تعرض بطاقات مستخرجة من محتوى الليالي.

---

## سابعًا: أنواع البطاقات

يتم إنشاء البطاقات التالية:

### 1. بطاقة لكل ليلة

تحتوي على:

* رقم الليلة.

* عنوان الليلة.

* جملة تشويقية.

* اسم الموسم.

عددها: 13 بطاقة.

---

### 2. بطاقة سؤال للتأمل

كل ليلة لها سؤال للتأمل، ويتم عرضه كبطاقة.

عددها: 13 بطاقة.

---

### 3. بطاقة خطوة عملية

كل ليلة لها خطوة عملية، ويتم عرضها كبطاقة.

عددها: 13 بطاقة.

---

### 4. بطاقة اقتباس محوري

كل ليلة فيها اقتباس محوري، ويتم عرضه كبطاقة.

عددها حسب المحتوى المتوفر.

---

## ثامنًا: عرض صفحة البطاقات

صفحة البطاقات تحتوي على:

* عنوان: بطاقات وعيٌ يمرّ من كربلاء

* وصف مختصر.

* فلاتر:

* الكل

* بطاقات الليالي

* الاقتباسات

* أسئلة للتأمل

* خطوات عملية

* حسب رقم الليلة

كل بطاقة تظهر مع:

* صورة البطاقة.

* عنوان البطاقة.

* التصنيف.

* الليلة المرتبطة.

* زر مشاهدة.

* زر تحميل.

* زر مشاركة.

---

## تاسعًا: صفحة البطاقة المفردة

كل بطاقة يكون لها رابط مستقل مثل:

`/karbala/cards/1`

وتحتوي على:

* صورة البطاقة بحجم كبير.

* عنوان البطاقة.

* نص البطاقة.

* نوع البطاقة.

* الليلة المرتبطة.

* زر تحميل.

* أزرار مشاركة:

* واتساب

* تويتر / X

* تيليجرام

* نسخ الرابط

---

## عاشرًا: لوحة التحكم المطلوبة

نحتاج إضافة أقسام في لوحة التحكم لإدارة هذا المحتوى.

---

## 1. إدارة الموسم

من خلالها يمكن تعديل:

* عنوان الموسم.

* وصف الموسم.

* صورة الخلفية.

* الشعار.

* المقدمة.

* النص التعريفي.

* عدد الليالي.

* تفعيل أو تعطيل صفحة الموسم.

---

## 2. إدارة الليالي

يجب أن يتمكن المسؤول من إضافة وتعديل وحذف وإخفاء كل ليلة.

حقول الليلة:

* رقم الليلة.

* عنوان الليلة.

* الرابط المختصر Slug.

* وصف مختصر.

* نص التشويق.

* لماذا هذه الليلة مهمة؟

* الفكرة المركزية.

* المحاور الرئيسة.

* الاقتباس المحوري.

* صاحب الاقتباس.

* آيات للتأمل.

* روايات وكلمات.

* مصادر معرفية.

* سؤال للتأمل.

* خطوة عملية بعد الليلة.

* صورة الغلاف.

* التسجيل الصوتي.

* ملف PDF إن وجد.

* حالة النشر:

* منشورة

* مخفية

* قيد التجهيز

* ترتيب الظهور.

* عنوان SEO.

* وصف SEO.

* صورة المشاركة.

---

## 3. إدارة البطاقات

قسم خاص في لوحة التحكم باسم:

**إدارة البطاقات**

الحقول المطلوبة:

* عنوان البطاقة.

* نص البطاقة.

* نوع البطاقة:

* بطاقة ليلة

* اقتباس

* سؤال للتأمل

* خطوة عملية

* الليلة المرتبطة.

* صورة البطاقة.

* وصف مختصر.

* حالة النشر:

* منشورة

* مخفية

* مسودة

* السماح بالتحميل:

* نعم

* لا

* ترتيب الظهور.

* إظهار في الصفحة الرئيسية:

* نعم

* لا

---

## 4. إدارة التسجيلات الصوتية

الحقول:

* عنوان التسجيل.

* الليلة المرتبطة.

* رفع ملف صوتي.

* رابط خارجي إن وجد.

* مدة التسجيل.

* السماح بالتحميل.

* حالة النشر.

* تاريخ الإضافة.

---

## 5. إدارة المصادر

الحقول:

* اسم المصدر.

* نوع المصدر.

* الرابط.

* الليلة المرتبطة.

* حالة النشر.

* ترتيب الظهور.

---

## 6. إدارة المواد المرفقة

الحقول:

* عنوان المادة.

* نوع المادة:

* PDF

* صورة

* صوت

* فيديو

* رابط خارجي

* الملف أو الرابط.

* الليلة المرتبطة.

* السماح بالتحميل.

* حالة النشر.

---

## حادي عشر: التصميم المطلوب

التصميم يجب أن يكون مطابقًا لهوية الموقع السابقة:

* خلفية داكنة.

* ألوان ذهبية.

* لمسات حمراء بسيطة.

* خط عربي واضح وفخم.

* بطاقات أنيقة.

* تأثيرات خفيفة عند المرور.

* تصميم متجاوب للجوال.

الألوان المقترحة:

* الأسود: `#1A1A1A`

* الذهبي: `#D4B98A`

* الأحمر: `#8B1E1E`

* النص الفاتح: `#E6E0D4`

---

## ثاني عشر: متطلبات مهمة

1. جميع النصوص تكون قابلة للتعديل من لوحة التحكم.

2. لا يتم تثبيت محتوى الليالي داخل الكود.

3. يجب دعم اللغة العربية واتجاه RTL.

4. يجب أن تظهر الصفحة بشكل ممتاز على الجوال.

5. يجب توفير أزرار مشاركة لكل ليلة ولكل بطاقة.

6. يجب دعم رفع الصور والتسجيلات والملفات.

7. يجب أن تظهر صورة مناسبة عند مشاركة الرابط في واتساب.

8. يجب تحسين روابط الصفحات لمحركات البحث.

9. يجب أن تكون لوحة التحكم سهلة وواضحة.

10. يجب أن يكون هناك إمكانية إخفاء أي ليلة أو بطاقة دون حذفها.

11. يجب توفير إمكانية ترتيب الليالي والبطاقات يدويًا.

12. يجب اختبار الصفحة على الجوال والكمبيوتر قبل التسليم.

---

## ثالث عشر: المطلوب تسليمه

المطلوب من المبرمج تسليم التالي:

* صفحة الموسم الرئيسية.

* صفحة جميع الليالي.

* صفحة تفاصيل لكل ليلة.

* صفحة بطاقات الموسم.

* صفحة تفاصيل لكل بطاقة.

* إضافة أقسام إدارة الموسم والليالي والبطاقات في لوحة التحكم.

* إدارة التسجيلات والمصادر والمواد المرفقة.

* ربط المحتوى المرفق في ملف Word داخل قاعدة البيانات.

* تصميم متجاوب مطابق للهوية الداكنة والذهبية.

* شرح مبسط لطريقة إضافة وتعديل المحتوى من لوحة التحكم.

---

## ملخص سريع

المطلوب تحويل ملف Word الخاص بموسم **** إلى صفحة ويب تفاعلية داخل الموقع، بحيث تكون هناك صفحة رئيسية للموسم، وصفحات مستقلة لكل ليلة من الليالي الـ 13، وصفحة للبطاقات، ولوحة تحكم لإدارة كل المحتوى من نصوص وصور وتسجيلات وبطاقات ومصادر.

يجب أن يكون التصميم فخمًا وداكنًا وذهبيًا، ومتوافقًا مع الجوال، وقابلًا للتطوير مستقبلًا.