Versace Bohème

Fiche Descriptive Complète : Versace Bohème

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template c2xbddmvz6.html (Versace Bohème)

Version 1.0.0

Date de création 14 Mars 2026

Auteur / Designer Gemini (Inspiré par le style Versace)

Type de page Landing Page de Mode (Luxe/E-commerce)

Objectif principal Présentation d’une collection capsule et conversion e-commerce

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template est une vitrine immersive pour une collection de mode haut de gamme baptisée « Versace Bohème ». Il utilise un design sophistiqué mêlant l’esthétique baroque italienne et la fluidité bohème. La page guide l’utilisateur à travers l’univers de la marque via des visuels grand format, des sections d’argumentation (Storytelling) et des grilles de produits élégantes.

📌 Public cible (Persona)

👤 Clientèle de luxe recherchant des pièces exclusives et artisanales.

👤 Presse et influenceurs mode à la recherche de nouvelles tendances « Italo-Nomade ».

👤 Acheteurs en ligne privilégiant une expérience visuelle fluide et haut de gamme.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5

Framework CSS : Tailwind CSS (via CDN)

Typographies : * Bodoni Moda (Serif) pour l’élégance et les titres.

Montserrat (Sans-serif) pour la lisibilité du corps de texte.

Responsive : ✅ Oui (Adaptation via classes md:, lg: et gestion du menu mobile).

📦 Dépendances / Assets

Google Fonts : Importation de Bodoni Moda et Montserrat.

Tailwind CSS : Chargé dynamiquement pour le stylisage utilitaire.

Images : Flux dynamique via Unsplash (Thématiques : Mode, Luxe, Texture).

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 hero_title str ✅ Oui Titre principal (ex: « La Renaissance Sauvage »)

2 product_list array ✅ Oui Liste des produits (Nom, prix, image, catégorie)

3 exclusive_stats object ❌ Non Statistiques de satisfaction ou nombre d’ateliers

4 testimonials array ❌ Non Citations clients avec noms et fonctions

📤 INTERACTIONS & SORTIES

🖱️ Événements Utilisateur

Effet Hover (Zoom) : Les images des produits s’agrandissent légèrement au survol (group-hover:scale-105).

Sticky Navigation : La barre de navigation reste fixée en haut avec un effet de flou (backdrop-blur-md).

Parallax & Transitions : Utilisation de classes de révélation (reveal) pour animer l’apparition des sections au scroll.

Panier Interactif : Indicateur visuel du nombre d’articles (badge « 2 » sur l’icône sac).

🧱 STRUCTURE DU FICHIER — DOM

index.html

📌 : Configuration SEO, viewport, et styles spécifiques pour les bordures personnalisées (« versace-border »).

📌 :

🏗️