Landing page with React

[12 tools called]

هذا المشروع هو صفحة هبوط ترويجية حديثة مبنية بـ React 19 وVite مع Tailwind CSS 4، مصممة لعرض منتج أدوات بناء الواقع الافتراضي “RomarsVirtual”. التركيز على الأداء العالي، الاستجابة الكاملة، وتجربة تطوير سريعة بفضل Vite وHMR.

- شريط تنقّل متجاوب مع وضع موبايل ولوغو مخصص (`Navbar.jsx`).

- قسم بطل يعرض رسالة القيمة مع فيديوهين توضيحيين وتشجيع على البدء/التوثيق (`HeroSection.jsx`).

- شبكة مميزات ببطاقات أيقونات موجهة للمطورين (`FeaturedSection.jsx`).

- قسم سير العمل مع قائمة تحقق وصورة برمجة (`WorkFlow.jsx`).

- خطط أسعار ثلاثية مع تمييز الخطة الأكثر شيوعًا وCTA للاشتراك (`Pricing.jsx`).

- شهادات عملاء بصور وأسماء شركات (`Testimonials.jsx`).

- تذييل بروابط موارد ومنصة ومجتمع (`Footer.jsx`).

التقنيات والإعداد:

- React 19 مع مكونات وظيفية وHooks.

- Tailwind CSS 4 (إعداد Vite جاهز) لأسلوب أنيق وسريع.

- lucide-react للأيقونات.

- سكربتات npm: `dev` للتطوير، `build` للإنتاج، `preview` للمعاينة، و`lint` للجودة.

- مخرجات البناء محفوظة في `dist/` قابلة للنشر مباشرة على استضافة ثابتة.

واجهة جاهزة وسهلة التخصيص لتسويق منتج/خدمة برمجية، مع أقسام أساسية للعرض، الميزات، التسعير، والشهادات، وقابلة للتخصيص عبر constants دون تغيير بنية المكونات.