Next.js Landing Page Template (2026 Edition) demo video

Publino - Next.js Landing Page Template

Modern, production-ready landing page template built with Next.js 16, React 19, and Tailwind CSS 4. Fully responsive, SEO-optimized, and high-performance with premium components and dark mode support.

KEY FEATURES

• Engaging hero section with animated background shapes and call-to-action buttons • Interactive dashboard mockup with deployment tables, KPI cards, and charts • Filterable pricing grid with plan comparisons and clear CTAs • Smart FAQ section with expandable answers and category organization • Contact page with form validation using React Hook Form and Zod • Internationalization (i18n) with English and Arabic (RTL) support • Dark/Light mode with system preference detection • SEO optimized with meta tags, Open Graph, and structured data • Performance focused with Turbopack dev server and optimized builds

TECH STACK

• Next.js 16 App Router with React 19 and TypeScript • Tailwind CSS 4 with custom design system • Framer Motion for smooth animations • Recharts for data visualization • Radix UI for accessible component foundations • next-intl for internationalization • React Hook Form + Zod for form handling

WHAT'S INCLUDED

• Hero section with animated backgrounds • Dashboard mockup with charts and KPIs • Features showcase with performance metrics • Pricing plans with comparison grid • FAQ section with categories • Contact form with validation • Reusable UI components (Button, Input, Tabs, Badge, Toggle, Tooltip, and more) • Custom hooks (useDebounce, useLocalStorage, useMediaQuery, useScrollPosition) • Interactive components (Globe, WorldMap, AnimatedTooltip, Gauge, and more) • Complete i18n setup for English and Arabic • Dark/Light theme support • SEO configuration ready

REQUIREMENTS

• Node.js 20.9 or newer • Yarn 4.x or npm

DEPLOYMENT

Works seamlessly with Vercel, Netlify, AWS Amplify, Render, Railway, and DigitalOcean.