صفحة هبوط لمؤسسة نيزك للمقاولات

صفحة هبوط لمؤسسة مقاولات باستخدام HTML, CSS, JavaScript, و Bootstrap.

الموقع متجاوب بالكامل، يدعم اللغة العربية، مزود بتكامل مع WhatsApp لطلب العروض وحجز المواعيد، مع معاينة الصور مباشرة قبل الإرسال.

كما قمت بتهيئة كاملة لمحركات البحث (SEO) عبر Meta Tags, Open Graph, Twitter Cards, Structured Data, Sitemap, Robots.txt.

الموقع سريع، آمن، وسهل الاستخدام.

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

Frontend:

- HTML5, CSS3, JavaScript

- Bootstrap 5 (مع دعم RTL)

- مكتبة Bootstrap Icons

- خطوط عربية (Cairo & Tajawal من Google Fonts)

Dynamic Content:

- JavaScript مخصص لعرض المحتوى الديناميكي (Dynamic Rendering).

- هناك ملفات texts , images يمكنك من خلالها تغير النصوص والصور في الموقع بسهوله.

- تهيئة النماذج (Forms) مع WhatsApp API Integration لإرسال الطلبات مباشرةً.

- معاينة الصور المرفوعة قبل الإرسال.

- Smooth Scrolling + تحسين تجربة المستخدم (UI Enhancements).

SEO & Optimization:

- إعداد كامل لـ Meta Tags (العنوان – الوصف – الكلمات المفتاحية).

- إعداد Open Graph و Twitter Cards لمشاركة أفضل على شبكات التواصل.

- إضافة Structured Data (Schema.org) لتعريف الشركة لمحركات البحث.

- إنشاء sitemap.xml و robots.txt.

- إعداد Canonical URL لمنع تكرار الصفحات.

- تحسين الأداء عبر preload للموارد الهامة (CSS, JS).

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

- تصميم متجاوب بالكامل (Responsive) يعمل على جميع الأجهزة (موبايل – تابلت – كمبيوتر).

- واجهة عربية احترافية مع تجربة مستخدم سلسة.

- قسم الخدمات، الأعمال، آراء العملاء.

- زر مميز لطلب عرض سعر (CTA) مرتبط مباشرةً بالواتساب.

- نموذج طلب عرض سعر مع إمكانية رفع صور ومعاينتها.

- نموذج حجز موعد اتصال مع إرسال مباشر إلى WhatsApp.

- عرض إحصائيات (KPIs) مع إمكانية إضافة أيقونات.

- تحسين تجربة النماذج عبر التحقق من البيانات (Validation).

- Footer فيه بيانات الاتصال + روابط شبكات التواصل الاجتماعي.