Skill2Jobs

# تطوير موقع احترافي حديث لمنصة تدريب اللغة الإنجليزية "Skill 2 Jobs"

أبحث عن مطور أو فريق Full-Stack لبناء موقع احترافي حديث وعصري لمنصة تدريب لغة إنجليزية مصرية باسم:

“Skill 2 Jobs”

المنصة تساعد المصريين على تعلم الإنجليزية بشكل عملي واحترافي لاستخدامها في الحياة اليومية وسوق العمل، مع التركيز على الطلاقة والثقة والتواصل الحقيقي.

━━━━━━━━━━━━━━━━━━━━━━

هدف المنصة

━━━━━━━━━━━━━━━━━━━━━━

نساعد المتعلمين على:

• تحسين الـ Speaking Fluency

• تطوير النطق والـ Pronunciation

• بناء Grammar قوية

• تحسين الكتابة والـ Writing

• تطوير الـ Listening & Vocabulary

• اكتساب الثقة في التواصل اليومي والمهني

كما نقدم:

Career Track مخصص للتجهيز للعمل في شركات الـ Customer Service والـ Call Center مثل:

• Concentrix

• Teleperformance

• Sutherland

وغيرها.

━━━━━━━━━━━━━━━━━━━━━━

الهوية والتصميم المطلوب

━━━━━━━━━━━━━━━━━━━━━━

الموقع يجب أن يكون:

• Modern

• Futuristic

• Professional

• Welcoming

• Premium Feeling

مع طابع:

تقني + مريح + محفّز.

الألوان الأساسية:

• Navy Blue

• Dark Purple

• White / Neutral Accents

ويجب استخدام:

• Soft Gradients

• Glow Effects

• Glassmorphism Cards

• Smooth Animations

• Modern Typography

• Clean UI

الـ UI يجب أن يكون مشابه لأسلوب:

• Linear

• Stripe

• Notion

• Modern AI Startups

لكن بشكل دافئ ومناسب للهوية المصرية.

━━━━━━━━━━━━━━━━━━━━━━

اللوجو

━━━━━━━━━━━━━━━━━━━━━━

استخدم الصورة المرفقة كلوجو رسمي للمنصة:

Skill 2 Jobs

━━━━━━━━━━━━━━━━━━━━━━

التقنيات المطلوبة

━━━━━━━━━━━━━━━━━━━━━━

Frontend:

• React

• TypeScript

• Vite

Backend:

• Supabase أو Node.js Backend

Libraries & Tools:

• Tailwind CSS

• Framer Motion

• React Hook Form

• Zod Validation

• i18next

• react-i18next

━━━━━━━━━━━━━━━━━━━━━━

هيكل الموقع

━━━━━━━━━━━━━━━━━━━━━━

الموقع عبارة عن Single Page Website مع Smooth Scroll ويحتوي على:

• Hero Section

• About / Mission

• What We Teach

• How It Works

• Programs

• Career Track

• Results / Statistics

• Testimonials

• FAQ

• Contact / Lead Form

Navigation:

• About

• Programs

• How It Works

• Results

• Career Track

• Testimonials

• FAQ

• Contact

CTA رئيسية:

“Get Your Personalized Plan”

━━━━━━━━━━━━━━━━━━━━━━

دعم اللغتين

━━━━━━━━━━━━━━━━━━━━━━

الموقع يجب أن يدعم:

• English

• العربية

المتطلبات:

• زر تغيير اللغة في الـ Navbar

• عند التحويل للعربية يتحول الموقع بالكامل إلى RTL

• الاحتفاظ بنفس التصميم والجودة

• حفظ اللغة المختارة داخل Local Storage

• استخدام i18next للترجمة

━━━━━━━━━━━━━━━━━━━━━━

Lead Form (مهم جدًا)

━━━━━━━━━━━━━━━━━━━━━━

إضافة فورم احترافي لجمع الـ Leads يحتوي على:

• First Name

• Last Name

• Email

• Phone Number

• Goal:

* Fluency

* Career Track

* Both

زر الإرسال:

“Get My Plan”

رسالة النجاح:

“Thanks! We’ll contact you within 24 hours.”

━━━━━━━━━━━━━━━━━━━━━━

قاعدة البيانات

━━━━━━━━━━━━━━━━━━━━━━

حفظ جميع الـ Leads داخل جدول باسم:

leads

الحقول:

• id

• firstName

• lastName

• email

• phone

• goal

• language

• source

• createdAt

مع:

• Validation

• Sanitization

• Spam Protection

• Honeypot

• Rate Limiting

━━━━━━━━━━━━━━━━━━━━━━

لوحة الإدارة

━━━━━━━━━━━━━━━━━━━━━━

إنشاء صفحة Admin بسيطة ومخفية:

مثال:

/admin

تحتوي على:

• Leads Table

• Search

• Filters

• Export CSV

━━━━━━━━━━━━━━━━━━━━━━

SEO + Accessibility

━━━━━━━━━━━━━━━━━━━━━━

• Meta Tags

• Open Graph

• Structured Headings

• Accessibility كاملة

• Keyboard Navigation

• Proper Labels

━━━━━━━━━━━━━━━━━━━━━━

الهدف النهائي

━━━━━━━━━━━━━━━━━━━━━━

بناء موقع Premium وحديث يشعر المستخدم بالاحتراف والثقة والإلهام، ويحول الزوار إلى Leads بشكل قوي، مع تجربة مستخدم سلسة وعصرية تدعم العربية والإنجليزية بالكامل.

يفضل وجود خبرة سابقة في:

• مواقع تعليمية

• SaaS Platforms

• React + TypeScript

• UI/UX الحديثة

• Landing Pages عالية التحويل

• Animation & Motion Design