يقدم AI Tools كتالوج برمجيات بهوية داكنة ولمسات زرقاء وصفحات مستقلة للأدوات. مناسب لعرض أدوات الكتابة والاجتماعات والإنتاجية وشرح فائدتها قبل ربط الخدمات الفعلية.
لمن يناسب هذا القالب؟
وضح المدخلات والمخرجات وحدود الاشتراك لكل أداة؛ القالب واجهة عرض ولا يتضمن نموذج ذكاء اصطناعي أو رصيد API أو خدمة توليد فعلية.
محتويات الحزمة
- 39 صفحة لكل لغة: العربية RTL والإنجليزية LTR.
- Bootstrap 5.3.6 مع ملفات محلية ومصدر قابل للتعديل.
- 10 صور فعلية للرئيسية والتفاصيل ومسار الطلب والجوال.
- حزمة مستقلة تشمل HTML والمصدر والتوثيق والترخيص.
- ديمو مباشر باللغتين قبل التحميل.
تبدأ الزيارة من الرئيسية، ثم تنتقل إلى الكتالوج وتفاصيل العرض. الصفحات التالية مأخوذة من ملفات القالب نفسه، ويمكن فتحها في الديمو ومقارنتها بالصور.
- فكّر أسرع، وأنجز بذكاء. — index.html
- تصفح حسب المجموعة — collections/index.html
- درافت لاب للكتابة — products/draftlab.html
- السلة — cart.html
- الدفع — checkout.html
- دليل توصيل API — studio/architecture.html
تجربة مسار المستخدم
افتح المنتج من الكتالوج، واختر الخيار أو المقاس المطلوب عندما يظهر، ثم أضفه إلى السلة. افتح السلة من رابطها داخل الديمو لتبقى البيانات التجريبية أثناء التنقل، وجرّب تعديل الكمية أو إزالة العنصر قبل متابعة إتمام الطلب. الصور تعرض منتجًا أُضيف فعليًا في التجربة، ولا تمثل طلبًا تجاريًا.
التخصيص والتشغيل
- فك ضغط الحزمة كاملة وافتح 01-HTML/index.html لاختيار العربية أو الإنجليزية.
- ابدأ بتعديل الاسم والنصوص والصور والأسعار من المصدر داخل 02-Source، واحرص على تحديث اللغتين.
- للمعاينة عبر HTTP شغل python -m http.server 8080 --directory 01-HTML من مجلد الحزمة.
- أعد التوليد بالأمر python 02-Source/build.py. جُرب البناء باستخدام Python 3.12.4.
- راجع PAGE-INVENTORY.csv لفهرس الصفحات وREADME-AR.md للشرح، ثم ارفع محتويات 01-HTML مع الحفاظ على المجلدات.
العربية والجوال
تأتي العربية بملفات مستقلة واتجاه RTL، والإنجليزية باتجاه LTR. راجع النصوص الطويلة والصور بعد تخصيصها، وجرّب التنقل على الهاتف. لقطة الجوال هنا من النسخة العربية الفعلية وليست نموذجًا تسويقيًا مركبًا.
حدود الواجهة والتجهيز للإطلاق
هذه واجهة ثابتة مبنية باستخدام Bootstrap وHTML وCSS وJavaScript. الأسعار والمنتجات وبيانات النشاط أمثلة توضيحية. الدفع والحسابات والمخزون والمواعيد والاشتراكات والبريد وتسليم المنتجات المحمي تحتاج ربطًا بخادم. الديمو لا ينشئ طلبات أو حجوزات فعلية.
قبل إطلاق مشروعك، استبدل بيانات الأمثلة بسياسات ومعلومات نشاطك، واربط النماذج والتسعير والتحقق من البيانات بالخادم، ثم اختبر رحلة العميل الفعلية. تتضمن الحزمة توثيق الفحص وحدوده؛ لا تعني مراجعة الواجهة اختبار كل تكامل ستضيفه لاحقًا.
الترخيص والتنزيل
مجاني للمشاريع النهائية الشخصية والتجارية مع السماح بالتعديل. يمنع إعادة بيع ملفات القالب الأصلية أو إعادة توزيعها أو نشرها كمنتج خاص بك. تحتفظ مكونات ووسائط الأطراف الأخرى بإشعاراتها الخاصة. راجع ترخيص Haneen Web المجاني المرفق.