Part 4

Section Fonctionnalités (Features)

Sections de présentation des fonctionnalités pour chaque thème.

La section Fonctionnalités (Features) met en évidence les avantages du produit ou du service. Chaque thème offre une disposition unique — des grilles de cartes aux listes animées.

Variantes de Thème

ThèmeComposantDisposition
LiquidFeaturesLiquid.astroCartes de fonctionnalités animées avec des effets de survol liquides
GlassFeaturesGlass.astroCartes de fonctionnalités en verre dépoli
NeoFeaturesNeo.astroDisposition en grille audacieuse avec des bords nets
LuxuryFeaturesLuxury.astroGrille élégante avec des reflets dorés
MinimalFeaturesMinimal.astroFormat de liste épuré et simple
AuroraFeaturesAurora.astroFond en maillage dégradé avec grille de cartes

Toutes les variantes se trouvent dans src/components/sections/features/.

Source du Contenu

Les données des fonctionnalités sont chargées depuis src/locales/{lang}/features.json via useTranslations(). La structure JSON contient généralement :

features.json (extrait)
{
"title": "Pourquoi Nous Choisir",
"subtitle": "Conçu pour la performance et la facilité d'utilisation",
"items": [
{
"title": "Vitesse Éclair",
"description": "Génération statique pour des temps de chargement inférieurs à la seconde."
}
]
}
ℹ️
Pas de Propriétés (Props)

Les composants Features ne prennent aucune propriété externe. Pour modifier les éléments, les titres ou les descriptions des fonctionnalités, mettez à jour src/locales/{lang}/features.json.

Personnalisation

Pour personnaliser :

  1. Modifiez la variante du thème dans src/components/sections/features/Features{Theme}.astro.
  2. Ajustez les styles dans src/styles/components/features/.
  3. Changez le contenu dans src/locales/{lang}/features.json.