Studio
/
Block library — showcase
/
Edit
carousel
carousel-900x1125
⌘S save
JSON
Saved
Revert
Save
{ "id": "blocks-showcase", "type": "carousel", "format": "carousel-900x1125", "title": "Block library — showcase", "theme": "styleguide", "slides": [ { "block": "hero", "photo": { "asset": "photo-workshop-014", "alt": "Atelier de formation IA en action" }, "eyebrow": "Bootcamp 04", "title": "Automatisation IA\navec n8n", "subtitle": "4 semaines pour passer d'idée à workflow en production.", "overlay": "dark", "align": "bottom" }, { "block": "intro", "title": "17 blocks", "copy": "pour raconter des histoires variées — chiffres, témoignages, listes, comparaisons, workflows, diagrammes.", "outro": "Voyons chacun en action" }, { "block": "cover", "photo": { "asset": "bootcamp-slide", "alt": "Formateur en salle de bootcamp" }, "text": "J'ai animé un bootcamp\nAutomatisation IA et n8n\npour 16 participant.e.s.", "logos": [ { "asset": "logo-avqn", "alt": "AVQN" }, { "asset": "logo-emploi-lausanne", "alt": "emploi lausanne", "wide": true } ] }, { "block": "stat", "value": "+40%", "label": "de leads qualifiés en 2 mois", "caption": "depuis la mise en place du workflow IA", "eyebrow": "Résultat" }, { "block": "quote", "text": "Emmanuel a rendu l'IA concrète.\nEn 4 semaines j'ai livré un vrai outil à mon équipe.", "author": "Sarah Dubois", "role": "Product Manager, Acme", "photo": { "asset": "manu-head", "alt": "Portrait de Sarah Dubois" }, "background": { "asset": "photo-workshop-025", "alt": "Ambiance atelier" } }, { "block": "bullets", "title": "Ce que tu vas apprendre", "intro": "En 4 semaines, on couvre le stack complet.", "style": "numbered", "items": [ { "title": "Les bases de n8n", "note": "nodes, triggers, flow control" }, { "title": "Connecter l'IA à tes outils", "note": "OpenAI, Claude, RAG" }, { "title": "Déployer en prod", "note": "self-host, monitoring, versioning" } ] }, { "block": "comparison", "title": "Sans vs avec n8n", "intro": "Ce qui change quand tu automatises tes workflows répétitifs.", "left": { "label": "Sans automatisation", "icon": "cross", "items": [ "2h/jour à trier les emails", "Copier-coller entre 5 outils", "Oublis et retards fréquents", "Pas de traçabilité" ] }, "right": { "label": "Avec n8n + IA", "icon": "check", "items": [ "Mails triés et priorisés à ta place", "Outils connectés, zéro copier-coller", "Rappels automatiques, rien n'est oublié", "Logs complets de chaque workflow" ] }, "background": { "asset": "photo-workshop-008", "alt": "Ambiance d’atelier" } }, { "block": "timeline", "title": "Le programme en 4 semaines", "intro": "Du prompt engineering à la mise en prod.", "items": [ { "date": "S1", "title": "Les fondations", "body": "Prompt engineering, n8n basics, ton premier workflow IA.", "image": { "asset": "photo-workshop-014", "alt": "Semaine 1" } }, { "date": "S2", "title": "Connecter tes outils", "body": "APIs, RAG, vectorstores, tes vrais data.", "image": { "asset": "photo-workshop-021", "alt": "Semaine 2" } }, { "date": "S3", "title": "Itérer en équipe", "body": "Reviews, versioning, débogage collectif.", "image": { "asset": "photo-workshop-025", "alt": "Semaine 3" } }, { "date": "S4", "title": "Mise en production", "body": "Self-host, monitoring, démo devant tes pairs.", "image": { "asset": "photo-workshop-029", "alt": "Semaine 4" } } ] }, { "block": "code", "title": "Un prompt qui triage", "intro": "Injecté comme system prompt dans un node n8n.", "language": "prompt", "code": "Tu es assistant de triage.\nPour chaque email entrant,\nclasse-le parmi:\n- urgent: réponse sous 2h\n- normal: réponse sous 24h\n- info: aucune action\n\nRéponds avec un JSON:\n{ \"classe\": \"...\",\n \"raison\": \"...\" }", "caption": "Cas d'usage vu en semaine 2 du bootcamp." }, { "block": "logos", "title": "Mon stack IA", "intro": "Les outils que j'enchaîne pour livrer en prod.", "columns": 4, "items": [ { "asset": "logo-tool-n8n", "alt": "n8n", "label": "n8n" }, { "asset": "logo-ai-claude", "alt": "Claude", "label": "Claude" }, { "asset": "logo-ai-openai", "alt": "OpenAI", "label": "OpenAI" }, { "asset": "logo-tool-supabase", "alt": "Supabase", "label": "Supabase" }, { "asset": "logo-tool-cursor", "alt": "Cursor", "label": "Cursor" }, { "asset": "logo-notion", "alt": "Notion", "label": "Notion" }, { "asset": "logo-tool-hubspot", "alt": "HubSpot", "label": "HubSpot" }, { "asset": "logo-google-gmail", "alt": "Gmail", "label": "Gmail" } ] }, { "block": "workflow", "title": "La boîte mail intelligente", "body": "Trie automatiquement les emails entrants et prépare des drafts de réponse, prêts à être validés avant l'envoi.", "curve": "from-bottom", "steps": [ { "asset": "logo-google-gmail", "alt": "Gmail" }, { "asset": "logo-ai-claude", "alt": "Claude" }, { "asset": "logo-google-gmail", "alt": "Gmail" } ], "note": "Boîte mail triée, réponses simplifiées." }, { "block": "diagram", "title": "Architecture simple", "intro": "Trois briques alignées — sans la courbe « n8n », idéal pour un stack talk.", "nodes": [ { "label": "Entrée", "image": { "asset": "logo-google-gmail", "alt": "Gmail" }, "sublabel": "Inbox" }, { "label": "n8n", "image": { "asset": "logo-tool-n8n", "alt": "n8n" }, "sublabel": "Orchestration" }, { "label": "CRM", "image": { "asset": "logo-tool-hubspot", "alt": "HubSpot" }, "sublabel": "Leads" } ], "background": { "asset": "photo-workshop-016", "alt": "Salle d’atelier" } }, { "block": "about", "logo": { "asset": "logo-n8n", "alt": "n8n" }, "tagline": "Ces automatisations ont été créées avec <strong>n8n</strong>, une solution d'automatisation low-code pour connecter vos outils à l'IA.", "items": [ "Open-source", "Vos données restent chez vous", "Compatible avec tous les modèles d'IA", "+500 intégrations natives" ] }, { "block": "gallery", "title": "Bootcamp IA — en atelier", "intro": "16 participant·e·s, 4 semaines, 12 workflows livrés en prod.", "columns": 2, "images": [ { "photo": { "asset": "photo-workshop-014", "alt": "Participants au tableau" }, "caption": "Semaine 1" }, { "photo": { "asset": "photo-workshop-021", "alt": "Travail en binôme" }, "caption": "Semaine 2" }, { "photo": { "asset": "photo-workshop-025", "alt": "Debug session" }, "caption": "Semaine 3" }, { "photo": { "asset": "photo-workshop-029", "alt": "Restitution finale" }, "caption": "Démo finale" } ] }, { "block": "split", "left": { "kind": "image", "photo": { "asset": "participants-writing-post-its-table", "alt": "Participants écrivant sur des post-its" }, "caption": "Semaine 1 — cadrage des cas d'usage" }, "right": { "kind": "text", "eyebrow": "Semaine 4", "title": "Démo finale devant l'équipe", "body": "Chaque élève présente son workflow : quels outils connectés, quel gain estimé, et les prochaines étapes." } }, { "block": "cta", "eyebrow": "Prochaine session", "title": "Prêt à automatiser\nton quotidien ?", "body": "4 semaines, 3 workflows livrés, 1 démo finale devant tes pairs.", "action": { "label": "Réserver un call", "href": "https://avqn.ch" }, "background": { "asset": "photo-workshop-021", "alt": "Participants pendant un bootcamp" } }, { "block": "contact", "photo": { "asset": "manu-head", "alt": "Portrait d'Emmanuel" }, "bio": "<strong>Automatisation IA & n8n</strong><br/>pour PME et indépendants romands.", "cta": "Contactez-moi pour discuter de votre projet.", "url": { "label": "avqn.ch", "href": "https://avqn.ch" } } ] }
Preview
carousel-900x1125 · slide 1/17 · 50%
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
Bootcamp 04
Automatisation IA
avec n8n
4 semaines pour passer d'idée à workflow en production.