viniq_biolink_l_ia_au_service_du_terroir

Fiche Descriptive Complète : VinIQ BioLink

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template viniq_biolink_l_ia_au_service_du_terroir.html

Version 1.0.0

Date de création 16/03/2026

Auteur / Designer Refoia Jeremy Tech

Type de page BioLink / Micro-Landing Page Mobile-First

Objectif principal Centraliser les points de contact et services IA du Château

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template est une page de type « Linktree » luxueuse et technologique. Il permet aux clients du Château VinIQ d’accéder rapidement à un sommelier virtuel (IA), à la boutique en ligne, aux réservations et aux rapports techniques pour les professionnels. Le design allie tradition viticole (typographie serif, couleurs bordeaux) et innovation (effets de lueur « AI glow »).

📌 Public cible (Persona)

👤 Amateurs de vin souhaitant un conseil d’accord mets-vins instantané.

👤 Clients fidèles cherchant à acheter ou réserver une visite.

👤 Partenaires B2B accédant aux données techniques du terroir.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 sémantique.

Framework CSS : Tailwind CSS (via CDN).

Typographie : Georgia (Serif tradition) & System UI.

Responsive : ✅ Oui — Optimisé pour l’affichage vertical (Mobile-First).

📦 Dépendances / Assets

HTML

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 brand_name str ✅ Oui « Château VinIQ »

2 profile_img_url str ✅ Oui Image de profil (vignoble/logo)

3 ai_assistant_url str ✅ Oui Lien vers l’interface de l’IA Sommelier

4 shop_url str ✅ Oui Lien vers la boutique e-commerce

📤 INTERACTIONS & SORTIES

🖱️ Événements Utilisateur

Hover/Active sur Boutons : Effet de réduction de taille (scale-95) via la classe .btn-vin.

AI Glow : Mise en avant visuelle du service IA avec une ombre portée dorée (.ai-glow).

Navigation Sociale : Liens externes vers Instagram, LinkedIn et Facebook.

🧱 STRUCTURE DU FICHIER — DOM

viniq_biolink_l_ia_au_service_du_terroir.html

📌 : Meta-données, styles custom (Glass-morphism), CDN.

📌 (Flexbox centré)

🏗️

: Logo circulaire avec badge « IA Live » + Titre H1 + Slogan.

🏗️

: Conteneur max-w-md (format téléphone).

Link 1 (Special) : CTA IA Sommelier (fond sombre, icône robot, glow doré).

Link 2 & 3 : Boutons « Acheter » et « Réserver » (style épuré, bordures bordeaux).

Link 4 : Accès Pro (fond doré, typographie réduite).

🏗️