Areej Store – Responsive Landing Page لمتجر عطور

صفحة هبوط جذابة لمتجر عطور Areej Store تم تصميمها لتقديم تجربة مستخدم سلسة وجذابة، تشمل:

Hero Section مع صورة جذابة وCTA (Shop Now).

قسم المنتجات لعرض تشكيلات العطور مع صور، أسماء، وأسعار، وأزرار Add to Cart.

قسم Contact Us مع نموذج تواصل بسيط ومرتب لجمع استفسارات العملاء.

قسم Why Choose Us لتسليط الضوء على المزايا (جودة عالية، توصيل سريع، دعم 24/7).

Footer مرتب وبسيط يحتوي على حقوق الموقع.

تصميم Responsive ليعمل بشكل مثالي على جميع الأجهزة (Desktop, Tablet, Mobile).

استخدام Bootstrap 5 لتسهيل تصميم الشبكة والأزرار والبطاقات.

التقنيات والخطوات المستخدمة:

HTML5 لبناء هيكل الصفحة.

CSS3 وBootstrap 5 لتصميم الواجهة والتخطيط الشبكي.

Flexbox وGrid من Bootstrap لترتيب البطاقات والأقسام.

Media Queries لضمان توافق الصفحة مع جميع الأجهزة.

Hover Effects لجعل الأزرار والبطاقات تفاعلية.

Google Fonts لاستخدام خطوط جذابة وسهلة القراءة.

تجربة المستخدم: اختبار الصفحة على شاشات مختلفة للتأكد من وضوح الصور والنصوص وسهولة التصفح.