Barre d'annonce facultative : videz ce champ dans les paramètres du site pour la masquer.

Catalogue des sections

Chaque section du starter, une fois, avec ses options. Cette page sert de référence pendant la conception du site. Supprimez-la avant la mise en ligne.

Texte pleine largeur

Un bloc de texte libre sur toute la largeur du conteneur. Le texte accepte le gras, l'italique, les liens, les listes et les citations :

  • le titre peut être centré, avec un sous-titre facultatif ;
  • le texte peut être centré ;
  • le fond se choisit parmi clair, doux, sombre et couleur ;
  • un bouton est facultatif.

Une citation pour mettre une phrase en valeur.

L'entête ci-dessus (visuel plein écran, titre, texte et deux boutons) ouvre généralement la page d'accueil.

Image d'exemple

Image & Texte

Une image accompagnée d'un encart de texte. Par défaut, l'image est à gauche.

Le texte accepte le même formatage que le texte pleine largeur, et un bouton est facultatif.

Image d'exemple

Image à droite

L'option « Image à droite » inverse la mise en page. Une image en portrait fonctionne aussi.

Atouts

Des points forts numérotés, de deux à quatre par ligne selon leur nombre.

  1. Premier atout

    Un texte court, avec du gras ou un lien si besoin.

  2. Deuxième atout

    Un texte court qui explique ce point fort.

  3. Troisième atout

    Un texte court qui explique ce point fort.

  4. Quatrième atout

    Un texte court qui explique ce point fort.

Étapes

Un déroulé en étapes reliées par un trait, horizontal sur ordinateur et vertical sur mobile. Un bouton est facultatif.

  1. Premier échange

    On fait connaissance et on cerne le besoin.

  2. Proposition

    Un devis détaillé, sans engagement.

  3. Réalisation

    Un point régulier jusqu'à la livraison.

  4. Suivi

    On reste disponible après la mise en ligne.

Cartes

Des cartes avec image, titre et texte. Avec un lien, toute la carte devient cliquable.

  • Image d'exemple

    Première carte

    Un texte court qui présente un service, une offre ou une page.

    En savoir plus
  • Image d'exemple

    Deuxième carte

    Un texte court qui présente un service, une offre ou une page.

    En savoir plus
  • Image d'exemple

    Troisième carte

    Un texte court qui présente un service, une offre ou une page.

    En savoir plus

Équipe

Les membres de l'équipe, avec une photo en portrait, une fonction et une courte présentation facultative.

  • Prénom Nom

    Fonction

    Une phrase de présentation.

  • Prénom Nom

    Fonction

  • Prénom Nom

    Fonction

  • Prénom Nom

    Fonction

Chiffres clés

années d'expérience
12
clients accompagnés de A à Z
100 %
année de création
2019
note moyenne des avis
4,8/5

Logos

Partenaires, clients ou labels. En gris par défaut, la couleur revient au survol ; chaque logo peut mener au site du partenaire.

Hero

Une image d'accroche avec un titre, un texte et un bouton centrés. Elle ouvre une page intérieure ou coupe une longue page.

Vidéo

Une vidéo YouTube ou Vimeo. Rien n'est chargé depuis la plateforme avant le clic sur Lire, ce qui allège la page et respecte la vie privée.

Vidéo hébergée par YouTube

Carte

Pensée pour un restaurant, elle sert aussi de grille de tarifs.

Formules

  • Formule essentielle490 €

    Une description courte de la prestation.

  • Formule complète890 €

    Une description courte de la prestation.

    Coup de cœur

Options

  • Option A120 €

    Une description courte de l'option.

  • Option B80 €

    Sans gluten

Un texte facultatif sous la carte, pour les mentions ou les conditions.

Avis

  • Un témoignage client de deux ou trois phrases, qui parle d'une expérience concrète.

    Prénom N.

  • Un témoignage client de deux ou trois phrases, qui parle d'une expérience concrète.

    Prénom N.

  • Un témoignage client de deux ou trois phrases, qui parle d'une expérience concrète.

    Prénom N.

FAQ

Des questions fréquentes, présentées en accordéon.

Comment modifier cette page ?

Depuis le CMS, dans la collection Pages. Chaque section se modifie, se déplace ou se supprime.

Comment ajouter une nouvelle section ?

La marche à suivre est décrite dans le CLAUDE.md du dépôt (configuration du CMS, schéma Zod, composant Astro).

Faut-il garder cette page ?

Non. Elle sert de catalogue pendant la conception. Supprimez-la avant la mise en ligne, ainsi que son lien dans les menus.

Derniers articles

Les articles les plus récents du blog, de un à six.

Tous les articles
Image d'exemple

Actualités

Un article d'exemple

Un premier article pour voir la mise en page du blog : intertitres, listes, citation et image. À remplacer par un vrai contenu.

Infos pratiques

Les coordonnées viennent des paramètres du site. Les horaires et la photo sont facultatifs.

Nous trouver

1 rue de l'Exemple
75001 Paris
01 23 45 67 89contact@example.com

Horaires

Du lundi au vendredi
9 h – 18 h
Samedi et dimanche
Fermé
Image d'exemple

Plan d'accès

1 rue de l'Exemple
75001 Paris

Une carte OpenStreetMap, chargée seulement au clic, avec l'adresse des paramètres du site et un lien d'itinéraire.

Carte OpenStreetMap

Bandeau d'appel

Un message court et un bouton d'action, sur fond coloré. Une image est facultative.