شركة ارتقاء

Erteqa هو موقع ويب تفاعلي يُظهر هوية شركة تقنية عربية متكاملة، صُمِّم من الصفر باستخدام أحدث تقنيات تطوير الواجهات لتوفير تجربة مستخدم سلسة، جذابة ومحسّنة للأداء على جميع الأجهزة.

النقاط الرئيسية التي يقدّمها المشروع

العنصر ما تم إنجازه الفائدة

الـ Stack التقني Next.js 14 مع TypeScript، Tailwind CSS (v4)، Framer Motion، next‑themes بنية حديثة تدعم الـ Server‑Side Rendering و الـ Incremental Static Regeneration، كتابة كود آمنة ومُحسّنة، وتخصيص سهل للأنماط.

التصميم نظام ألوان موحد (Accent / Background / Foreground) يُدار عبر globals.css، إضاءة ديناميكية (glows) وتأثيرات حركة سلسة بـ Framer Motion، أزرار ذات حجم وتباعد احترافي، تخطيطات استجابة (Responsive) تدعم شاشات من الهواتف إلى شاشات 4K. يخلق هوية بصرية فاخرة تعكس احترافية الشركة وتزيد معدلات التحويل.

المحتوى صفحات رئيسية (Home، About، Services، Pricing، Contact) مُعربة بالكامل، مع أقسام “Hero”، “Features”، “Bento‑Grid”، “CTA”، و“FAQ” تُظهر خدمات الشركة بوضوح وتُبرز القيمة المضافة. يضمن توصيل الرسالة للمستخدمين العرب بوضوح ويساهم في تحسين تجربة الزائر.

الوضع الليلي/النهاري دمج next-themes لتغيير السمة تلقائياً أو يدوياً، مع مراعاة تباين الألوان لتوفير قراءة مريحة في جميع الإضاءات. يعزز قابلية الاستخدام ويُظهر اهتماماً بالتفاصيل.

الأمان والأداء الاستفادة من نظام Static‑Generation للصفحات غير الديناميكية، ضغط الصور عبر next/image، إعدادات CSP وـ Helmet (عبر next/head) لتحسين الأمان، وتحميل الموارد بطريقة lazy. تحسين زمن التحميل (≤ 1 ثانية على 3G) وتحسين ترتيب SEO.

التحليل والـ SEO إضافة ميتا‑تاجات ديناميكية (title, description, og:*) لكل صفحة، روابط صديقة لمحركات البحث، هيكلية HTML5 معنوية (section, article, header, footer). زيادة الظهور في محركات البحث وزيادة عدد الزيارات العضوية.

التفاعل أزرار CTA مع تأثيرات ظل وتدرج لوني، نماذج اتصالات بواجهة جذابة، رسائل نجاح (SuccessModal) تظهر بعد إرسال النماذج، وأيقونات من lucide-react لإضفاء طابع حديث. تحسين معدل التحويل من الزائر إلى عميل محتمل.

الاعتمادية اختبار TypeScript دون أخطاء، إعداد ESLint وPrettier لضمان جودة الكود، وإعداد CI بسيط عبر GitHub Actions لتشغيل npm run lint && npm run build عند كل دفع. يقلل من الأخطاء في الإنتاج ويضمن استقرار المشروع.