neon_stone_marbrerie_augmentee_par_ia

Fiche Descriptive Complète : NEON_STONE

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template neon_stone_marbrerie_augmentee_par_ia.html

Version 1.0.0

Date de création 16/03/2026

Auteur / Designer Refoia Jeremy Tech

Type de page Landing Page Conceptuelle (Cyberpunk / Tech)

Objectif principal Présenter un service de marbrerie high-tech et inciter à la génération de motifs par IA.

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template propose une expérience immersive « Cyberpunk » pour une marbrerie du futur. Il utilise des effets visuels avancés (glitch, scanlines, clip-paths) pour marier l’artisanat minéral et l’intelligence artificielle. Il comprend une section Hero percutante, une présentation des services sous forme de cartes stylisées et une section d’analyse de marché sous forme de tableau de données.

📌 Public cible (Persona)

👤 Architectes d’intérieur & Designers cherchant des matériaux innovants.

👤 Investisseurs Web3 intéressés par la traçabilité blockchain/NFT.

👤 Clients Luxe souhaitant une personnalisation extrême via IA.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 Sémantique

Framework CSS : Tailwind CSS (via CDN)

Styles Custom : CSS natif pour les animations complexes (Glitch, Scanlines).

Responsive : ✅ Oui (Adaptation via classes md: de Tailwind).

Browsers ciblés : Chrome, Firefox, Safari, Edge (Optimisé pour les moteurs de rendu modernes supportant clip-path).

📦 Dépendances / Assets

HTML

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 protocol_id str ✅ Oui Identifiant de version (ex: BP-FR-2026)

2 main_title str ✅ Oui Titre principal avec effet glitch

3 services_list array ✅ Oui Liste des services (Marbre vivant, IA, Blockchain)

4 market_data array ✅ Oui Données pour le tableau d’analyse sectorielle

📤 INTERACTIONS & SORTIES

🖱️ Événements Utilisateur

Hover sur Titre [MARBRE_AUGMENTÉ] : Déclenche l’animation de décalage chromatique (Glitch).

Hover sur [Boutons Cyber] : Mise à l’échelle (scale 1.05) et lueur externe (box-shadow jaune).

Scroll : Navigation fluide et balayage constant de la « Scanline » sur l’écran.

🧱 STRUCTURE DU FICHIER — DOM

neon_stone_marbrerie_augmentee_par_ia.html

📌 : Configuration SEO, polices futuristes et variables de couleurs CSS (–cyber-yellow).

📌 :

div.scanline : Overlay animé pour l’effet moniteur rétro-futuriste.

🏗️