فيديو توضيحي: قالب صفحة هبوط بـ Next.js (إصدار 2026)

Publino - قالب صفحة هبوط Next.js

قالب صفحة هبوط حديث وجاهز للإنتاج، مبني باستخدام Next.js 16 و React 19 و Tailwind CSS 4. متجاوب بالكامل، محسّن لمحركات البحث، وعالي الأداء مع مكونات متميزة ودعم الوضع الداكن.

الميزات الرئيسية

• قسم رئيسي جذاب مع أشكال متحركة في الخلفية وأزرار دعوة للعمل • نموذج لوحة تحكم تفاعلية مع جداول النشر وبطاقات مؤشرات الأداء والرسوم البيانية • شبكة تسعير قابلة للتصفية مع مقارنات الخطط وأزرار واضحة للعمل • قسم أسئلة شائعة ذكي مع إجابات قابلة للتوسيع وتنظيم حسب الفئات • صفحة اتصال مع التحقق من النموذج باستخدام React Hook Form و Zod • دعم التعددية اللغوية (i18n) للإنجليزية والعربية (RTL) • الوضع الداكن/الفاتح مع اكتشاف تفضيلات النظام • محسّن لمحركات البحث مع علامات meta و Open Graph والبيانات المهيكلة • مُركّز على الأداء مع خادم تطوير Turbopack وبناء محسّن

التقنيات المستخدمة

• Next.js 16 App Router مع React 19 و TypeScript • Tailwind CSS 4 مع نظام تصميم مخصص • Framer Motion للرسوم المتحركة السلسة • Recharts لتصور البيانات • Radix UI لأساسيات المكونات القابلة للوصول • next-intl للتعددية اللغوية • React Hook Form + Zod لإدارة النماذج

ما يتضمنه القالب

• قسم رئيسي مع خلفيات متحركة • نموذج لوحة تحكم مع رسوم بيانية ومؤشرات أداء • عرض الميزات مع مقاييس الأداء • خطط التسعير مع شبكة مقارنة • قسم الأسئلة الشائعة مع فئات • نموذج اتصال مع التحقق • مكونات واجهة مستخدم قابلة لإعادة الاستخدام (Button، Input، Tabs، Badge، Toggle، Tooltip، والمزيد) • Hooks مخصصة (useDebounce، useLocalStorage، useMediaQuery، useScrollPosition) • مكونات تفاعلية (Globe، WorldMap، AnimatedTooltip، Gauge، والمزيد) • إعداد i18n كامل للإنجليزية والعربية • دعم السمة الداكنة/الفاتحة • تكوين SEO جاهز للاستخدام

المتطلبات

• Node.js 20.9 أو أحدث • Yarn 4.x أو npm

النشر

يعمل بسلاسة مع Vercel و Netlify و AWS Amplify و Render و Railway و DigitalOcean.