Pack de modèles de landing pages par secteur
Cinq landing pages et un site d’entreprise à publier dès aujourd’hui, même sans photos
Ce pack est le code source des cinq landing pages d’une page et du site d’entreprise de quatre pages publiés en exemple sur ce site. Vous obtenez les mêmes écrans que les exemples.
Exemples (6)
Tous sont des exemples réalisés pour des entreprises fictives, consultables ici même (en japonais).
- Site d’entreprise ── Le site d’une entreprise fictive de métrologie, avec trois pages internes.
- Landing page SaaS B2B ── Un SaaS fictif de gestion des temps. Le sélecteur de tarifs fonctionne.
- Landing page boutique et salon ── Une pâtisserie fictive. La carte et la réservation fonctionnent.
- Landing page BTP ── Une entreprise fictive d’installations techniques, avec bouton d’appel et zones d’intervention.
- Landing page professions libérales ── Un cabinet comptable fictif, avec un choix entre trois formules d’accompagnement.
- Landing page cabinet médical ── Un cabinet dentaire fictif, avec tableau des horaires et réservation en ligne.
Ce que fait chaque modèle
- Landing page BtoB / SaaS : un bouton bascule les prix entre mensuel et annuel. Problèmes, fonctionnalités, mise en route, FAQ et formulaire de contact inclus
- Landing page boutique / salon : affiche « ouvert en ce moment » d’après les horaires. Carte, informations sur les places et formulaire de réservation
- Landing page travaux : le bouton d’appel est un vrai lien tel:. Les tarifs indicatifs changent entre semaine et soirs/jours fériés, et la zone d’intervention s’affiche sur un schéma
- Landing page professions libérales et formation : des boutons basculent les formules d’honoraires, et une estimation annuelle est calculée à partir des montants mensuels et annuels
- Landing page clinique : tableau des horaires de consultation par jour avec « en consultation ». La réservation en ligne permet de choisir un créneau
- Site d’entreprise : quatre pages (accueil, activités, présentation, contact). Fond en vagues, chiffres animés et en-tête indiquant la section en cours
Commun à tous les modèles
- Aucune photo. Uniquement couleurs, espaces, typographie, particules canvas et SVG
- Textes et couleurs se changent uniquement dans des fichiers de réglages, sans toucher aux fichiers .tsx des pages
- La destination du formulaire est réglable : Formspree, une application web Google Apps Script ou votre propre API
- Le HTML statique déjà exporté est inclus (10 pages en tout). Il suffit de le déposer sur un serveur, sans faire tourner Next.js
- Les formulaires contiennent un champ invisible anti-spam. Invisible pour les humains ; si un robot le remplit, rien n’est envoyé et seul un message de succès s’affiche
Utilisation
Pour changer les couleurs, modifiez seulement styles/tokens.css. Pour le formulaire, indiquez une URL dans form.endpoint ; vide, rien n’est envoyé et seul le message d’exemple s’affiche. S’il vous faut encore un récepteur, l’URL de l’application web du Kit GAS de réception de formulaires fonctionne telle quelle.
- Modifiez le fichier content du modèle choisi. Nom, accroche, tarifs, horaires, FAQ et coordonnées du pied de page y sont regroupés
- Lancez npm run build pour exporter le HTML statique dans out/. Inutile si vous déployez en Next.js sur Vercel
- Mettez en ligne. Sur Vercel, connectez simplement le dépôt GitHub ; sur un serveur statique, déposez le contenu de out/ dans le dossier public
Contenu
- Le projet Next.js complet (app, components, content, lib, styles)
- Le HTML statique exporté (out/)
- Le README complet et la liste des réglages de chaque modèle
- Le texte complet de la licence
Prix et achat
6 980 ¥ TTC, achat unique. Les acheteurs reçoivent gratuitement les mises à jour 1.x. Redistribution, revente et vente comme produit similaire interdites ── note / BOOTH
L’achat se fait en japonais sur BOOTH ou note, avec paiement en yens.