autoempire_ai_dealer_tycoon

Fiche Descriptive Complète : AutoEmpire AI

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template autoempire_ai_dealer_tycoon.html

Version 1.0.0

Date de création 19/03/2026

Auteur / Designer Refoia Jeremy Tech (Inspiré par le design fourni)

Type de page Landing Page de Jeu Vidéo / Tycoon

Objectif principal Présenter le concept du jeu et inciter au clic sur le bouton « JOUER »

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template est une Landing Page immersive pour un jeu de simulation de concessionnaire automobile propulsé par l’IA. Il utilise un design « Dark Mode » futuriste avec des accents bleu néon. La pièce maîtresse est un mockup de smartphone interactif simulant l’interface de jeu, incluant un système de négociation par IA (AutoBot).

📌 Public cible (Persona)

👤 Gamers & Tycoon Lovers : Passionnés par les jeux de gestion.

👤 Tech Enthusiasts : Utilisateurs intéressés par l’intégration des LLM (Modèles de langage) dans le gameplay.

👤 Automotive Fans : Amateurs de voitures de luxe (ex: Porsche 911 GT3).

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Framework CSS : Tailwind CSS (via CDN).

Typographie : Inter (Google Fonts) avec graisses allant de 300 à 900.

Standard : HTML5 / CSS3 (Animations @keyframes personnalisées).

Responsive : Oui — Adapté via les classes utilitaires de Tailwind (md:flex, md:text-7xl).

📦 Dépendances / Assets

HTML

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 user_capital float ✅ Capital actuel du joueur (ex: 1 450 000 €)

2 car_model_name str ✅ Nom du véhicule en vente

3 ai_suggestion str ✅ Message généré par l’IA pour la négociation

4 app_score float ❌ Note de l’application affichée en footer

📤 INTERACTIONS & SORTIES

🖱️ Événements Utilisateur

Hover sur Smartphone : Augmentation de l’opacité du halo lumineux (glow) en arrière-plan.

Animation AI Pulsante : Le bouton « NÉGOCIER » possède une animation pulse-ai pour attirer l’attention.

CTA Principal : Le bouton « JOUER » en header avec effet d’ombre portée bleue.

🧱 STRUCTURE DU FICHIER — DOM

index.html