Fiche Descriptive Complète : AutoEmpire

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template autoempire_ai_car_dealer_tycoon.html

Version 1.0.0

Date de création 19 Mars 2026

Auteur / Designer Gemini 3 Flash / Refoia Jeremy Tech

Type de page Landing Page de Jeu / Simulation

Objectif principal Promouvoir le téléchargement d’une application de gestion automobile IA

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template est une Landing Page immersive et futuriste conçue pour un jeu de simulation de concessionnaire automobile. Il utilise une esthétique « Dark Mode » avec des accents néon (vert émeraude) pour souligner l’aspect technologique (IA). La page présente :

Un Hero Section avec des appels à l’action (CTA) pour les stores mobiles.

Un Mockup interactif simulant l’interface du jeu (Capital, Scan IA, Conseiller Neural).

Des Cards de fonctionnalités détaillant la psychologie de l’IA et l’économie en temps réel.

📌 Public cible (Persona)

👤 Gamers & Tycoon Enthusiasts : Amateurs de jeux de gestion et de stratégie.

👤 Tech-Savvy Users : Utilisateurs attirés par les concepts d’intelligence artificielle et de marchés prédictifs.

👤 Mobile Users : Joueurs sur iOS et Android cherchant une expérience de simulation premium.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Framework CSS : Tailwind CSS (via CDN).

Icônes : FontAwesome 6.0.0.

Animations : CSS Keyframes personnalisées (float) pour le mockup mobile.

Responsive : Layout adaptatif via Flexbox (flex-col vers lg:flex-row).

📦 Dépendances / Assets

HTML

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 user_capital float ✅ Oui Capital affiché dans le mockup (ex: $1,240,500).

2 ai_advice_text str ✅ Oui Message de conseil généré par le Neural-Dealer Advisor.

3 car_image_url url ❌ Non Image du véhicule scanné (Porsche 911 par défaut).

4 market_trend str ❌ Non Pourcentage de fluctuation du marché (ex: +12%).

📤 INTERACTIONS & SORTIES

🖱️ Événements Utilisateur

Hover sur le Mockup : L’opacité de l’image du véhicule passe à 100% via la classe group-hover:opacity-100.

Animation Flottante : Animation continue float sur 6 secondes pour l’appareil mobile.

Effet de Grille : Arrière-plan généré par radial-gradient pour un look « Tech ».

🧱 STRUCTURE DU FICHIER — DOM

autoempire_ai_car_dealer_tycoon.html

│

└── 📌 (bg-slate-950, bg-grid)

│

├── 🏗️

(Flexbox responsive)

│ │

│ ├── 🧱 Section Texte (Left/Top)

│ │ ├── Badge « Neural-Dealer AI »

│ │ ├──

« Roi de l’Auto » (Gradient text)

│ │ └── Boutons App Store / Play Store

│ │

│ ├── 🧱 Section Visual (Center)

│ │ └── Mockup de téléphone (iPhone-style)

│ │ ├── Header App (Capital/User)

│ │ ├── Card « AI SCAN » (Image + Prix)

│ │ ├── Widget « Neural Advisor » (Pulse animation)

│ │ └── Bottom Nav bar

│ │

│ └── 🧱 Section Features (Right/Bottom)

│ ├── Card « Négociation Dynamique »

│ └── Card « Marché Temps Réel »

│

└── 🏗️