Vue d’ensemble · Documentation

TemplatesNA-AI Landing

Lancer une landing page premium AI plus rapidementLien vers la section

NA-AI Landing est un modèle de marketing frontal poli et prêt à la production pour:

startups IA
Fondateurs SaaS
plates-formes analytiques
agences
indie makers

Il vous donne la surface du produit public en premier:

premium hero
Sections d'analyse de l'IA
visualisations métriques
intégrations
tarification
témoignages
FAQ
formulaire de contact
mode sombre et clair
Métadonnées prêtes pour SEO
structure de contenu axée sur les données

Ce n'est pas une application SaaS complète.

Il s'agit d'une base de landing page ciblée conçue pour vous aider à lancer, valider et présenter votre offre plus rapidement.

Lancez la couche marketing plus rapidement.

NA-AI Landing vous offre une surface de produit publique premium sans reconstruire une base marketing moderne à partir de zéro.

View details

Paiement unique — Accès instantané après achat

Idée de base

NA-AI Landing vous aide à lancer la couche marketing. Starter Pro vous aide à câbler la couche métier SaaS.

Ce qui est inclusLien vers la section

Page d'atterrissage premium

Hero, cartes de fonctionnalités, métriques, intégrations, tarification, témoignages, FAQ, CTA et sections de contact.

Stack frontal moderne

Next.js 16+ App Router, TypeScript, Tailwind CSS v4, Framer Motion, Recharts et Lucide icônes.

Propulsé par PyColors

Construit avec PyColors UI et PyColors Tokens pour des surfaces, des espaces, des thèmes et des primitives réutilisables cohérents.

Contenu piloté par les données

La plupart du contenu est contrôlé à partir de src/ — data afin que vous puissiez personnaliser la page sans creuser dans chaque composant.

Construit avecLien vers la section

Couche	Technologie
Cadre	Next.js 16+ Routeur d'application
Langue	TypeScript
Styling	Tailwind CSS v4
Système de conception	PyColors UI
Tokens	Tokens PyColors
primitives UI	Radix UI
Animations	Framer Motion
Graphiques	Recharts
Icônes	Lucide React
Polices	Plus Jakarta Sans, JetBrains Mono
Thème	next-themes

Portée importanteLien vers la section

NA-AI Landing est une landing page statique.

Il ne comprend pas :

backend
Authentification
base de données
paiements
CMS
tableau de bord utilisateur
Livraison par email

Vous pouvez le connecter à :

Node.js
NestJS
Django
Laravel
Supabase
Firebase
Stripe
n'importe quel backend ou pile API

Portée

NA-AI Landing est la surface de marketing. Pour l'authentification, la facturation, les routes protégés et les fondations d'applications SaaS, utilisez Starter Pro.

Structure pilotée par les donnéesLien vers la section

La plupart des sections sont contrôlées à partir de fichiers de contenu dédiés.

Chapitre	Fichier
Hero	`src/@data/hero.ts`
Caractéristiques	`src/@data/features.ts`
Intégrations	`src/@data/integrations.ts`
Tarifs	`src/@data/pricing.ts`
Tableau des prix	`src/@data/pricing-table.ts`
Témoignages	`src/@data/customers.ts`
FAQ	`src/@data/faq.ts`
CTA	`src/@data/cta.ts`
Contact	`src/@data/contact.ts`
Footer	`src/@data/footer.ts`
Navbar	`src/@data/navbar.ts`

Cette structure maintient la personnalisation plus rapide et plus maintenable.

Au lieu de modifier plusieurs sections manuellement, la plupart du contenu marketing peut être mis à jour à partir de fichiers de données centralisés.

Inclus vs non inclusLien vers la section

Inclus

structure complète du projet Next.js
Sections de page d'atterrissage premium
Intégration de PyColors UI
Intégration de PyColors Tokens
support du mode sombre et lumineux
Visualisations Recharts
Configuration des métadonnées SEO
Plan du site et configuration des robots
licence d'utilisation commerciale

Non inclus

API backend
schéma de base de données
Système d'authentification
Paiements Stripe
tableau de bord utilisateur
Intégration CMS
infrastructure de livraison d'emails

Flux de travail recommandéLien vers la section

Un chemin à fort effet de levier ressemble généralement à ceci:

Personnaliser le branding
Mise à jour du positionnement
éditer les fichiers de données
Déployer la landing page
Valider la demande publiquement
connecter Starter Free ou Starter Pro plus tard si nécessaire

Cela vous aide à valider le marché avant de reconstruire l’infrastructure trop tôt.

Les modèles sont concentrés intentionnellement

L’objectif n’est pas de devenir un produit SaaS complet immédiatement. L'objectif est de lancer une surface publique crédible plus rapidement.

Prochaines étapesLien vers la section

ConfigurationInstallez les dépendances, exécutez le modèle localement et validez la construction de production.PersonnalisationPersonnalisez la marque, le contenu, les sections, les prix, les métadonnées SEO et les ressources.Starter FreeValidez l'UX SaaS, les tableaux de bord, les paramètres et les flux de produits simulés.Starter ProDéplacez-vous dans l'authentification, la facturation, les routes protégées et les fondations backend.