ما هو القالب
MONO موقع من صفحة واحدة لوكالة تصميم أو تطوير ويب، بأسلوب بروتالي بالأبيض والأسود. وهو تطبيق Next.js واحد: لا قاعدة بيانات، ولا لوحة إدارة، ولا خادم خاص بك عليك تشغيله.
تتكوّن الصفحة من هذه الأقسام، من الأعلى إلى الأسفل:
| القسم | ما تعرضه | المجلد |
|---|---|---|
| شريط التنقل | الشعار، وروابط إلى أربعة أقسام، ومبدّل اللغة، وزر تواصل معنا | src/layouts/Navbar/ |
| القسم الافتتاحي | عنوان من ثلاثة أسطر، ومقدمة قصيرة، وزران، وشكل متحرك | src/features/home/Hero/ |
| المميزات | أربع بطاقات عن نهج الوكالة | src/features/home/Features/ |
| الأعمال | أربعة مشاريع، لكل منها صورة وعنوان وسنة | src/features/home/Work/ |
| المنهجية | خمس خطوات مرقّمة | src/features/home/Process/ |
| آراء العملاء | ثلاثة اقتباسات من العملاء مع زرَّي السابق والتالي | src/features/home/Testimonials/ |
| الأسعار | ثلاث خطط مع مبدّل بين الشهري والسنوي | src/features/home/Pricing/ |
| تواصل معنا | نموذج تواصل يتحقق من المدخلات، والبريد الإلكتروني، والهاتف، والعنوان، وروابط التواصل الاجتماعي | src/features/home/Contact/ |
| التذييل | روابط الأقسام، والروابط القانونية، وأيقونات التواصل الاجتماعي، وسطر حقوق النشر | src/layouts/Footer/ |
التقنيات المستخدمة
| التقنية | تُستخدم في |
|---|---|
| Next.js 15 وReact 19 | التطبيق، مع App Router |
| TypeScript | أمان الأنواع |
| Tailwind CSS 3 | التنسيق |
| next-intl 4 | العناوين والنصوص بالإنجليزية والعربية |
| Motion | الحركات |
| React Hook Form وZod | نموذج التواصل والتحقق منه |
| TanStack Query | إرسال نموذج التواصل |
| Lucide React | الأيقونات |
كل اعتمادية مثبّتة على إصدار محدد، والملف yarn.lock مرفق، فيحصل تثبيتك على الإصدارات نفسها التي اختُبر بها القالب.
محتوى الملف المحمّل
يحتوي ملف ZIP على مجلد واحد، landing-page-template-1:
| المسار | ما هو |
|---|---|
README.md | الإعداد، والسكربتات، والإعدادات، وأماكن التعديل |
LICENSE | رخصة MIT |
Dockerfile, .dockerignore | صورة Docker |
.env.example | الإعدادان الاختياريان |
messages/ | كل نص ظاهر، في en.json وar.json |
public/ | صور المشاريع، والأيقونات، وصورة المعاينة على الشبكات الاجتماعية |
src/ | الشيفرة البرمجية |
package.json, yarn.lock, .yarnrc.yml | الاعتماديات وإعدادات Yarn |
يأتي الموقع بالإنجليزية والعربية: الإنجليزية على /en، والعربية على /ar باتجاه من اليمين إلى اليسار وبخط خاص بها.
الرخصة
MONO مجاني بموجب رخصة MIT. يمكنك استخدامه لمواقعك ومواقع عملائك، وتعديله، ونشره. احتفظ بإشعار حقوق النشر في LICENSE.
على Windows، استخدم PowerShell أو Git Bash لتنفيذ الأوامر الواردة في هذه الأدلة.