🎯 Quel type de site voulez-vous créer?

Choisissez le type qui correspond le mieux à votre projet. Cela déterminera les sections et fonctionnalités recommandées.

💡
Comment ça marche?

1. Choisissez un type → Les sections adaptées seront pré-sélectionnées
2. Uploadez vos fichiers → L'IA extraira automatiquement les informations
3. Personnalisez → Ajustez les couleurs, textes et images
4. Générez! → Obtenez une maquette HTML prête à l'emploi

Sélectionnez votre type de projet Aucun sélectionné

📁 Fichiers du client

Uploadez TOUS les documents — L'IA extraira les informations automatiquement

Logo
🖼️

Glissez le logo

PNG, SVG, WebP

Images
📷

Glissez les images

JPG, PNG, WebP (multiple)

📄 Documents texte (L'IA va extraire les infos!)

Présentation, services, carte d'affaires, mots-clés...

📄

Glissez les documents

PDF, ODT, DOCX, TXT

🔍 URLs Concurrents

1-3 sites pour analyse SEO

🤖 Analyse IA

L'IA analyse vos fichiers et pré-remplit le projet — Personnalisez les résultats

⚙️ Personnalisation de l'analyse

Répondez à ces questions pour guider l'IA vers des résultats plus pertinents

Analyse IA (Grok)

Extraction automatique des informations

✅ Connecté
📊 Fichiers uploadés

Retournez à l'étape 2 pour uploader

Prêt à analyser ?

L'IA va extraire les infos selon vos préférences ci-dessus.

✏️ Informations client

Vérifiez les infos extraites par l'IA

💡 Pré-rempli par l'IA — Vérifiez et corrigez si nécessaire

Identité
Coordonnées
Réseaux sociaux
Légal (optionnel)
🛠️ Services détectés

Après analyse IA

🧱 Quelles sections voulez-vous?

Choisissez les blocs de contenu qui composeront votre site. Survolez chaque section pour voir un aperçu.

💡
Qu'est-ce qu'une section?

Une section est un bloc de contenu de votre page (ex: Hero = grande bannière d'accueil, Services = liste de vos prestations).
Les sections cochées ✓ seront incluses dans votre maquette. Vous pourrez toujours les réorganiser plus tard.

📦 Sections principales Présentes sur la plupart des sites
⭐ Sections spécifiques Recommandées pour votre type de projet
⚡ Fonctionnalités Options techniques à activer

🎨 Quel style pour votre site?

Choisissez l'apparence générale de votre maquette. Couleurs, typographie et ambiance.

💡
Template vs Style - Quelle différence?

Template = La structure du site (disposition, animations, fonctionnalités)
Style = L'apparence (couleurs, polices, ambiance visuelle)
Vous pouvez combiner n'importe quel template avec n'importe quel style!

📐 1. Choisissez la structure (Template) Comment votre site sera organisé
🎭 2. Choisissez l'ambiance (Style visuel) 0/2 sélectionné(s) - Combinez jusqu'à 2 styles
🎨 3. Ajustez les couleurs

Choisissez une palette prédéfinie ou créez la vôtre. Ces couleurs seront appliquées à tout le site.

🔧 Ajustement manuel

Boutons, liens
Titres, textes
Éléments spéciaux
Arrière-plan
🔲 4. Pattern de fond (optionnel) Ajoutez une texture subtile en arrière-plan
Aucun
Points
Lignes
Grille
Diagonal
Vagues

🔍 SEO

Optimisation et analyse concurrentielle

💡 Optimisé par l'IA selon l'analyse de vos documents et concurrents

📊 Score SEO concurrentiel

Cliquez sur "Analyser" pour obtenir les scores SEO

🎯 Mots-clés
📝 Méta tags
📊 Structure HN recommandée

Après analyse IA

✅ Checklist SEO
○ H1 contient le mot-clé principal
○ Title optimisé (50-60 car.)
○ Description optimisée (150-160 car.)
○ Images avec attributs alt
○ Structure HN cohérente
○ Design responsive

🚀 Générer

Prévisualisez et exportez votre maquette

📋 Résumé du projet
⚙️ Options de génération
🎬 Actions
✏️ Édition en direct
📝 Mode d'emploi:
1. Cliquez d'abord sur "👁️ Prévisualiser" ci-dessus
2. Modifiez les champs ci-dessous
3. Cliquez "✓ Appliquer" pour voir les changements
📷
Glissez une image ici
ou cliquez pour sélectionner
➕
Ajouter des images
Cliquez sur une image pour la remplacer • ✕ pour supprimer
🔄 Réorganiser les sections