landing page for phony store

الدور: تصميم وتطوير صفحة هبوط تسويقية لمتجر تجريبي من الفكرة للتسليم.

التقنيات: Angular, TypeScript, RxJS, Angular Router, Reactive Forms, SCSS (أو Tailwind CSS حسب اختيارك), HTML5، تحسينات SEO الأساسية.

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

Hero section جذّاب مع CTA واضح.

معرض منتجات تفاعلي مع فلترة/تصفية بسيطة.

نموذج تواصل/اشتراك (Reactive Forms) مع تحقق من صحة المدخلات.

عرض ميزات/مزايا المتجر، شهادات/آراء افتراضية، وأسئلة متكررة.

تحسين أداء: lazy loading للـ modules، صورة مُصغّرة (responsive images)، و-minification عند البناء.

تجاوب كامل (mobile-first) وتجربة سلسة على الشاشات الصغيرة.

التحديات اللي تعاملت معها: تحسين وقت التحميل للصور، تنظيم state باستخدام RxJS للتحديث السلس للفلتر/بحث، وضمان وصولية أساسية (a11y).

النتيجة: صفحة هبوط قابلة للنشر، قابلة للتعديل لتوصيل حملات تسويقية، وسهلة التكامل مع API حقيقي أو منصات الدفع لاحقًا.