BookHaven — صفحة هبوط لمتجر كتب إلكتروني

BookHaven — صفحة هبوط لمتجر كتب إلكتروني

نظرة سريعة:

صفحة هبوط حديثة ومتجاوبة لعرض الكتب الرقمية والورقية — تصميم نظيف، أداء سريع، ومحسَّنة لتحويل الزوار إلى مشتركين ومشترين.

الميزات الأساسية

تصميم عصري بمظهر مكتبي/كتبي.

شاشة رئيسية جذابة مع كومة كتب متحركة.

معرض "الكتب المميزة" مع تقييمات وأسعار.

قسم الفئات مع تأثير تمرير.

نموذج اشتراك بالنشرة البريدية مع تحقق إدخال (Client-side).

عداد إحصائيات متحرك.

قائمة هامبرغر متجاوبة للهواتف.

وظيفة "إضافة إلى السلة" محاكاة (front-end only).

تحميل صور ذكي (lazy-loading) ونظام احتياطي للصورة.

جاهزة للعرض على الهواتف (mobile-first).

التقنيات

HTML5، CSS3 (Flexbox + Grid)، JavaScript (ES6+).

Google Fonts (Playfair Display، Inter).

Font Awesome للأيقونات (أو أي بديل).

إعداد لتحسين الصور والتحميل الكسول.

طريقة التشغيل محليًا

فك الضغط أو استنساخ المستودع.

افتح index.html في المتصفح (مشروع ثابت — لا يحتاج خادم).

لنسخة قريبة من البيئة الحقيقية استخدم خادم بسيط:

عبر Node (مثال): npx http-server . أو npx serve .

أو استخدم Live Server في VS Code.

ملاحظات للنشر

المشروع صفحة ثابتة — مناسب للرفع على استضافات ثابتة مثل Netlify, Vercel, GitHub Pages، أو رفع مباشر إلى مستقر.

تأكد من رفع مجلد assets/ و screenshots/ وملفات index.html, css/styles.css, js/main.js.

ما الذي أُقدمه مع العرض؟

كامل ملفات المشروع (HTML/CSS/JS + assets).

صور توضيحية (PNG/JPG) لعرض الموبايل والكمبيوتر.

فيديو توضيحي قصير (اختياري).

تعليمات التخصيص السريعة (تعديل الخطوط، الألوان، النصوص، إضافة كتب).

دعم بسيط لتثبيت/تشغيل أو استفسارات أولية لمدة 3 أيام بعد التسليم (قابل للتفاوض).