donnees_20260325_145833

📋 Fiche Descriptive : Pétrus — Maison d’Exception

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template Maiso_Exception.html

Version 1.0.0

Date de création 25 Mars 2026

Auteur / Designer Refoia Jeremy Tech (Modèle : Luxury Showcase)

Type de page Landing Page Vitrine / Luxe

Objectif principal Présenter l’exclusivité du domaine et capturer des demandes de visite/allocation.

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template est une vitrine immersive pour un domaine viticole de prestige. Il utilise un design « Dark Mode » sophistiqué pour évoquer le luxe et l’exclusivité. Il intègre une narration visuelle (storytelling) à travers une chronologie historique, une présentation des millésimes sous forme de galerie, et un formulaire de contact haut de gamme.

📌 Public cible (Persona)

👤 Collectionneurs de vins : Recherchant des informations techniques et des scores de dégustation.

👤 Clientèle internationale (HNWI) : Souhaitant réserver des visites privées exclusives.

👤 Investisseurs : Intéressés par la gestion de patrimoine viticole.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 sémantique.

Framework CSS : Tailwind CSS (via CDN) + CSS Custom Properties (Variables).

Framework JS : Vanilla JS (Intersection Observer API).

Responsive : Oui (Mobile First, adaptation des grilles et de la typographie via clamp).

📦 Dépendances / Assets

Google Fonts :

Cormorant Garamond (Sérif élégante pour les titres).

Inter (Sans-sérif pour la lisibilité du corps de texte).

Cinzel (Sérif lapidaire pour les labels et l’identité visuelle).

Images : Unsplash (Placeholders haute résolution).

Icons : SVG Inline (Heroicons style).

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 hero_title str ✅ Oui Titre principal avec balise pour l’accentuation.

2 stats_data array ✅ Oui Liste des chiffres clés (Hectares, %, Année, Caisses).

3 millesimes_list array ✅ Oui Collection d’objets (Année, Note, Source, Image).

4 timeline_events array ✅ Oui Dates et descriptions pour la section Héritage.

📤 INTERACTIONS & SORTIES

🖱️ Événements Utilisateur

Reveal on Scroll : Les sections apparaissent avec un fondu vers le haut lors du défilement.

Timeline Hover : Réduction de l’opacité des éléments non survolés pour focaliser l’attention sur la date sélectionnée.

Millesime Card Zoom : Effet de mise à l’échelle et saturation au survol des bouteilles.

Smooth Scroll : Navigation fluide via les ancres (implémentation CSS scroll-behavior).

📂 Formulaires

Type : Demande d’accès / Contact privilège.

Destination : /api/contact (POST).

Champs : Prénom, Nom, Email, Objet (Select), Message.

🧱 STRUCTURE DU FICHIER — DOM

Maiso_Exception.html

📌: Définition des variables CSS (–burgundy, –gold, –cream) et imports fonts.

📌:

🏗️