عن المنتج
أثر قالب موقع HTML كامل بالعربية والإنجليزية، فيه نموذجان مستقلان في ملف واحد، النموذج الأول لوكالات التصميم والتسويق والاستوديوهات. والنموذج الثاني لمنصات SaaS والتطبيقات والشركات الناشئة.
كل نموذج موقع كامل من 13 صفحة بنسخة عربية RTL ونسخة إنجليزية LTR ووضع ليلي، بصور حقيقية في كل الصفحات، ومكتوب بـ HTML و CSS و JavaScript خالصة بدون مكتبات، فيفتح مباشرة من المتصفح ويُرفع على أي استضافة.
لمن هذا المنتج؟
للوكالات الإبداعية والمسوقين والمصممين المستقلين الذين يريدون موقعاً يعرض خدماتهم وأعمالهم ويستقبل طلبات عروض الأسعار، ولأصحاب منصات SaaS والتطبيقات الذين يحتاجون موقعاً تعريفياً بصفحة أسعار ودخول وتسجيل. ومناسب للمطورين الذين يبنون مواقع لعملائهم بالترخيص التجاري.
المميزات
نموذجان في منتج واحد
نموذج وكالة ونموذج SaaS بتصميمين مختلفين، كل واحد موقع كامل مستقل في مجلده مع دليله الخاص، وتختار بينهما من صفحة «ابدأ هنا».
13 صفحة لكل نموذج بلغتين
الوكالة: الرئيسية، الخدمات، الأعمال، دراسة الحالة، من نحن، الوظائف، المدونة، المقال، التواصل، الخصوصية، الشروط، 404، الشكر. SaaS: الرئيسية، المزايا، الأسعار، من نحن، المدونة، المقال، التواصل، الدخول، التسجيل، والصفحات القانونية. أي 52 ملف HTML.
صور حقيقية في كل الصفحات
بطل الصفحة الرئيسية، بطاقات الأعمال، دراسة الحالة، المقالات، الفريق وآراء العملاء كلها بصور، وكل صورة ملف مستقل تغيره باستبدال الملف بنفس الاسم.
معرض أعمال ودراسة حالة
المشاريع تتفلتر حسب النوع بضغطة بدون إعادة تحميل، وصفحة دراسة حالة بالتحدي والحل وأرقام النتائج ومعرض صور المشروع.
أسعار شهرية وسنوية
في نموذج SaaS مفتاح يبدل الأسعار فوراً مع شارة الخصم، وجدول مقارنة تفصيلي للباقات، وفي نموذج الوكالة جدول مقارنة لثلاث باقات.
عربي وإنجليزي ووضع ليلي
كل صفحة لها نسختها الأخرى وزر EN ينقل لنفس الصفحة، والوضع الليلي يتبع إعداد الجهاز ويحفظ اختيار الزائر.
نماذج تعمل فعلاً
طلب عرض سعر، تواصل، دخول وتسجيل، كلها بتحقق من كل حقل ورسائل عربية واضحة، وتربطها بـ Formspree أو أي خادم برابط واحد، مع زر واتساب.
متجاوب وسريع
من شاشة 320px حتى الشاشات الكبيرة، بدون مكتبات، والخط Cairo محلي، والقائمة تتحول لزر على الجوال.
جاهز لمحركات البحث
عنوان ووصف لكل صفحة، canonical و hreflang و Open Graph مع صورة مشاركة و JSON-LD، و sitemap.xml و robots.txt لكل نموذج.
هوية من ملف واحد
الألوان والخط والزوايا متغيرات في theme.css، غيّر اللون الأساسي فيتغير الموقع كله في الوضعين.
دليل مصور لكل نموذج
دليل عربي من 14 قسماً بالصور ونسخة PDF: التشغيل، الرفع على cPanel و Netlify و GitHub Pages، تعديل النصوص والألوان والشعار والصور، النماذج، إضافة صفحة، وحل المشكلات.
المتطلبات
أي متصفح حديث لعرض القالب وأي استضافة ثابتة للنشر (cPanel، Netlify، Vercel، GitHub Pages)، محرر أكواد للتعديل مثل VS Code (اختياري)
ما ستحصل عليه بالملف
صفحة «ابدأ هنا» لاختيار النموذج، مجلد النموذج الأول (الوكالة): 26 ملف HTML مع assets ودليل HTML ودليل PDF، ومجلد النموذج الثاني (SaaS): 26 ملف HTML مع assets ودليل HTML ودليل PDF
صور بديلة بنفس مقاسات صور العرض، وملف CREDITS.txt بروابط الصور الأصلية، README.md و LICENSE.txt و CHANGELOG.md و sitemap.xml و robots.txt
ما لا يفعله المنتج
قالب واجهات HTML ثابت وليس نظاماً لإدارة المحتوى ولا قالب ووردبريس: تعديل المشاريع والمقالات يتم في ملفات HTML، وصفحتا الدخول والتسجيل واجهة جاهزة للربط بنظامك بدون قاعدة بيانات، والنماذج ترسل عبر خدمة مثل Formspree. الصور الحقيقية في العرض المباشر للمعاينة فقط وغير مرفقة، ومكانها صور بديلة بنفس المقاس.
المصادر والحقوق
صور المعاينة في العرض المباشر وصور المنتج من Unsplash بترخيص Unsplash License، وغير مرفقة في الملف، وروابطها في CREDITS.txt لتحميلها مجاناً. الخط Cairo برخصة SIL Open Font License 1.1 مرفقة. كل الأيقونات والرسومات SVG مرسومة خصيصاً للقالب. الأسماء والأرقام والآراء محتوى تجريبي للعرض.
العرض المباشر
النموذج الأول
https://ahmedhossamelhamamy.github.io/nawafeth-landing-demo/athar/
النموذج الثاني
https://ahmedhossamelhamamy.github.io/nawafeth-landing-demo/athar/saas/