Composants
Utilisez ces composants dans n’importe quelle page Markdown ou MDX : page de service, réalisation ou guide solaire. Button et Notice sont importés automatiquement, vous pouvez les écrire directement dans la page.
Boutons
Un bouton prend un label, une url et une variant : fill, outline ou text. Ajoutez class="btn-accent" pour le fond citron, et une icon avec n’importe quel nom d’icône Lucide.
Boutons avec icône et effet au survol (text-flip, creative-fill, magnetic ou magnetic-text-flip) :
Encadrés
Un encadré met en avant un point court. Réglez type sur info, success, warning ou error, et ajoutez un title si besoin.
Bon à savoir
Les panneaux produisent encore par temps nuageux, simplement moins. Les estimations de production annuelle tiennent déjà compte de la météo.
Raccordement accepté
Votre installation peut être mise en service. Nous fixons la visite de mise en service dans la semaine.
Vérifiez d’abord votre toiture
Une toiture à refaire dans les cinq ans doit être réparée avant la pose. Démonter les panneaux plus tard demande environ deux jours de travail.
Défaut de l’onduleur
Si l’onduleur affiche un voyant rouge pendant plus d’une heure, coupez-le au sectionneur et envoyez-nous une photo de l’écran.
Accordéon
Un élément <details> natif s’ouvre et se ferme avec une animation de hauteur fluide. Ajoutez open pour l’afficher ouvert au chargement.
Combien de temps dure une installation ?
La plupart des maisons demandent un ou deux jours sur le toit, puis une courte visite de mise en service.
Faut-il une autorisation d’urbanisme ?
Une déclaration préalable suffit en général. Nous vérifions les règles de votre commune avant le devis.
Chiffres animés
Ajoutez data-count à un élément : son premier nombre défile quand il apparaît à l’écran. Préfixes, suffixes et séparateurs restent tels quels.
1 400+
Maisons équipées
98 %
Chantiers dans les délais
25 ans
Garantie panneaux
Icônes
Icons dessine n’importe quelle icône Lucide par son nom au moment du build, sans JavaScript côté page.
Pile d’avatars
Des photos rondes superposées pour une ligne de confiance à côté d’un bouton ou d’une note.
Étiquettes
Les étiquettes du blog en pastilles. Passez tags pour n’en afficher que certaines.
Simulateur d’économies
Le simulateur lit ses valeurs par défaut dans le contenu de la section simulateur. Passez config pour modifier une valeur sur une seule page.
Estimez vos économies
- Puissance
- 5,7 kWc
- Économies par an
- 1 944 €
- Retour
- 5,5 ans
- CO₂ évité
- 2,6 t / an
Estimation indicative. La visite confirme la surface, l’ombrage et les tarifs locaux.
Panneau de suivi
Une maquette d’application dessinée en HTML et SVG. Ses textes et chiffres sont dans le fichier de contenu du panneau de suivi.
Installation maison · 6,4 kWc
Aujourd’hui, mis à jour il y a 2 min
- Produit aujourd’hui
- 24,6 kWh
- Consommé sur place
- 78 %
- Batterie
- 86 %
Production et consommation
Tous les panneaux produisent16 panneaux sur 16 en ligne
Mise en forme du texte
Le Markdown classique fonctionne sur toutes les pages. Utilisez des titres pour découper un long guide, des listes pour les étapes et des tableaux pour les chiffres.
Étapes
- Envoyez-nous douze mois de factures d’électricité.
- Nous passons mesurer la toiture et vérifier le tableau électrique.
- Vous recevez un plan, un prix ferme et une estimation du retour sur investissement.
Chiffres
| Puissance | Panneaux | Production annuelle |
|---|---|---|
| 4 kWc | 10 | 3 800 kWh |
| 6 kWc | 15 | 5 700 kWh |
| 8 kWc | 20 | 7 600 kWh |
Citation
Les panneaux ont couvert nos factures d’avril à septembre, et la batterie a pris le relais le soir.
Le texte peut être en gras, en italique ou contenir un lien vers la FAQ.
Découvrez ce que votre toit peut vous faire économiser
Réservez une visite de toiture gratuite. Vous recevez un plan d’implantation, un prix ferme et vos économies annuelles sous deux jours ouvrés.