ما هو القالب
صفحة هبوط من صفحة واحدة لمنتج ذكاء اصطناعي، مبنية بـ Next.js وTypeScript وTailwind CSS. اسم العلامة التجريبية نوفا. تمتد عشرة أقسام من القسم الرئيسي حتى دعوة الختام، بين ترويسة وتذييل.
| القسم | ما تعرضه | المجلد |
|---|---|---|
| القسم الرئيسي | العنوان الرئيسي، وزران، وسطر ثقة مع تقييم، وصورة المنتج | src/features/home/Hero |
| الإثبات الاجتماعي | شعارات ست شركات وأربعة أرقام رئيسية | src/features/home/SocialProof |
| كيف يعمل | أربع خطوات مرقّمة مع صور، تُعرض كشريط تمرير على الهواتف | src/features/home/HowItWorks |
| المزايا | أربعة تبويبات، لكل منها صورة وأبرز فوائده | src/features/home/Features |
| التكاملات | شعارات اثنتي عشرة أداة مع فئة كل منها | src/features/home/Integrations |
| آراء العملاء | ثلاث شهادات عملاء في شريط يتنقّل تلقائيًا | src/features/home/Testimonials |
| معاينة المدونة | ثلاث بطاقات مقالات مع الفئة والتاريخ ومدة القراءة | src/features/home/BlogPreview |
| الأسعار | ثلاث خطط مع مفتاح للتبديل بين الدفع الشهري والسنوي | src/features/home/Pricing |
| الأسئلة الشائعة | ستة أسئلة تُفتح وتُغلق | src/features/home/Faq |
| دعوة الختام | رسالة ختامية مع زرين، وإليها تقود روابط التواصل | src/features/home/Cta |
تحتوي الترويسة على قائمتين منسدلتين، ومبدّل اللغة، وقائمة للهواتف. ويحتوي التذييل على ثلاث مجموعات من الروابط، وأيقونات الشبكات الاجتماعية، والروابط القانونية.
إنها صفحة واحدة: بطاقات المدونة وروابط القوائم والأزرار عناصر مؤقتة لصفحاتك وإجراءاتك الخاصة.
التقنيات المستخدمة
| التقنية | الاستخدام |
|---|---|
| Next.js 15 (App Router) وReact 19 | الموقع، مبنيًا كصفحات ثابتة |
| TypeScript | الشيفرة |
| Tailwind CSS 3 | التنسيق |
| next-intl | العربية والإنجليزية، مع بدء العنوان برمز اللغة |
| Framer Motion | حركات الظهور |
| Radix UI | قائمة الأسئلة الشائعة القابلة للطي وتبويبات المزايا |
| Embla Carousel | أشرطة التمرير على الهواتف |
| Lucide React | الأيقونات |
كل اعتمادية مثبتة على إصدار محدد في package.json، والملف yarn.lock مرفق، فيطابق تثبيتك التثبيت الذي اختُبر عليه القالب.
محتوى الملف المحمّل
يُستخرج ملف ZIP إلى مجلد واحد هو landing-page-template-3:
| المسار | ما هو |
|---|---|
src/ | شيفرة الموقع، مع مجلد لكل قسم |
messages/ | كل نصوص الصفحة، في en.json وar.json |
public/ | الصور والشعارات والأيقونات وصورة المشاركة على الشبكات الاجتماعية |
Dockerfile | يبني الموقع ويقدّمه في صورة واحدة |
package.json, yarn.lock, .yarnrc.yml | الاعتماديات المثبتة وYarn 4 |
.env.example | الإعداد الاختياري الوحيد، وهو عنوان الموقع |
README.md | دليل الإعداد |
LICENSE | رخصة MIT |
لا توجد واجهة خلفية ولا قاعدة بيانات ولا حساب يلزم إعداده. القالب مجاني ومفتوح المصدر بموجب رخصة MIT.
يعمل الموقع بالإنجليزية على /en وبالعربية على /ar، مع عرض الصفحة العربية من اليمين إلى اليسار.
على Windows، استخدم PowerShell أو Git Bash لتنفيذ الأوامر الواردة في هذه الأدلة.