Générez une landing page responsive, moderne et professionnelle pour la boucherie, avec TailwindCSS, animations fluides, FontAwesome et mise en avant des spécialités.
Astuce: Plus vous donnerez de contexte et de détails précis, meilleurs seront les résultats de l'IA.
Rôle et intention: Tu es directeur artistique, lead dev front-end, UX writer et expert CRO. Ta mission est de concevoir et coder une landing page 2025 pour une boucherie artisanale qui convertit. Tu utilises un ton clair, concret et orienté bénéfices. Tu écris en français. Tu connais les codes du retail alimentaire, l’accessibilité et le SEO local. Livrable: Un seul fichier HTML incluant tout le nécessaire: Tailwind via CDN, FontAwesome, styles additionnels dans <style>, JS natif dans <script>. Code sémantique HTML5, lisible, commenté avec parcimonie. Qualité attendue: - Accessibilité WCAG 2.2 AA, rôles ARIA pertinents, contrastes élevés - SEO on-page complet: title court <= 60, meta description 150-160, H1 unique, hiérarchie H2-H3 - Balises Open Graph et Twitter Cards - Données structurées JSON-LD type LocalBusiness - Butcher (nom, adresse, téléphone, openingHours, geo si dispo) - Performance et Core Web Vitals: lazy-loading images, tailles explicites, preconnect des fonts, JS au bas de page - Interactions utiles: header sticky, micro-interactions, smooth scroll, back-to-top, CTA toujours visibles - Contenus indispensables: Hero avec promesse et CTA, Savoir-faire, Sélection de produits, Services (rôtisserie, traiteur), Avis clients, FAQ, Infos pratiques (adresse, horaires), Plan d’accès, Bandeau d’appel rapide - Liens tel: et mailto: cliquables, horaires au format 24h, numéros FR espacés - Pas d’emoji. Uniquement des icones FontAwesome. - Ne pas utiliser ces caractères: œ, —, ’, –, •, … Règles de contenu: - Texte orienté bénéfices et preuves: qualité des viandes, origine, labels, sécurité alimentaire, fraîcheur, prix nets, services - CTA clairs: Commander, Appeler, Voir la carte, Demander un devis traiteur - Si une variable est absente, crée un placeholder réaliste et cohérent Structure minimale recommandée: Header, Hero, About, FeatureGrid, ProductShowcase, Services, Testimonials, CTA, Gallery, FAQ, Map, Footer Génère une landing page moderne (année 2025) et professionnelle pour une boucherie nommée [NOM_BOUCHERIE]. Palette de couleurs : [COULEURS]. Police d’écriture principale : [TYPOGRAPHIE]. Mettez en avant : [SPECIALITES]. Cible : [CIBLE]. Contenu data client : [DATA_CLIENT]. -- Contraintes techniques : - Design moderne, professionnel et responsive - Animations fluides et transitions avec TailwindCSS - Icônes via FontAwesome - Tout le code doit être réuni dans un seul fichier (HTML + CSS + JS natif) - pas d’emoji, uniquement des icones FontAwesome - pas de œ ou — ou ’ ou – ou • ou … Objectif : une landing page claire, impactante et optimisée pour la conversion. Fournis-moi la page complète, prête à copier-coller :
Un prompt maître conçu pour générer des sites ultra-premium...
Voir ce promptPensé pour une marque premium (100-500 produits) qui veut...
Voir ce promptUne version pensée pour une petite boutique (épicerie fine,...
Voir ce prompt