feat: conversie-optimalisatie salestekst na copy analyse

- Hero: headline korter ("Maak zelf de tools die je nu inhuurt"), intro van 8 naar 5 zinnen
- PainPoints: FOMO-punt vervangen door concreter "betaal je een developer" punt, closing directere brug naar oplossing
- Benefits: jargon vervangen door begrijpelijke teksten (agents/skills, netwerk, workflows)
- Pricing: titel "Wat kost het?", prijsanker toegevoegd, CTA "Doe mee op 6 maart"
- FAQ: 5 nieuwe bezwaar-items (prijs, relevantie, nazorg, DIY, resultaat)
- FinalCTA: "Op 6 maart werk je anders" + nieuwe button tekst
- StickyBar: "excl. BTW" toegevoegd aan prijs
- Trainer: bio herschreven met concrete voorbeelden
- Sectievolgorde: ForWho naar positie 3, Testimonials na Trainer

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/App.jsx

@@ -31,8 +31,8 @@ function App() {
         {/* 2. Pain Points - herkenbare frustraties */}
         <PainPoints />
 
-        {/* 3. Testimonials - wat deelnemers zeggen (nu boven Benefits) */}
-        <Testimonials />
+        {/* 3. For Who - vroeg filteren bouwt vertrouwen */}
+        <ForWho />
 
         {/* 4. Benefits - wat je meeneemt naar huis */}
         <Benefits />
@@ -40,16 +40,16 @@ function App() {
         {/* 5. Program - dagindeling */}
         <Program />
 
-        {/* 6. For Who - doelgroep en vereisten */}
-        <ForWho />
-
-        {/* 7. Trainer - over Frank */}
+        {/* 6. Trainer - over Frank */}
         <Trainer />
 
-        {/* 8. Pricing - investering en CTA */}
+        {/* 7. Testimonials - wat deelnemers zeggen */}
+        <Testimonials />
+
+        {/* 8. Pricing - wat kost het + CTA */}
         <Pricing />
 
-        {/* 9. FAQ - veelgestelde vragen */}
+        {/* 9. FAQ - veelgestelde vragen en bezwaren */}
         <FAQ />
 
         {/* 10. Final CTA - afsluitende call-to-action */}

src/components/Benefits.jsx

@@ -18,8 +18,8 @@ function Benefits() {
       )
     },
     {
-      title: "Zelfvertrouwen met Claude Code",
-      description: "Je snapt hoe Claude Code werkt, waarom het werkt, en wat je ermee kunt ontwikkelen.",
+      title: "Zelf maken wat je nodig hebt",
+      description: "Na deze workshop weet je hoe je Claude Code een opdracht geeft en een werkend resultaat krijgt. Steeds opnieuw.",
       icon: (
         <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
@@ -27,8 +27,8 @@ function Benefits() {
       )
     },
     {
-      title: "Praktische workflows",
-      description: "Je begrijpt hoe je Claude Code inzet voor taken die jij geregeld doet.",
+      title: "Workflows die je elke week tijd besparen",
+      description: "Concrete technieken om terugkerend werk te automatiseren. Niet theoretisch, maar getest op jouw situatie.",
       icon: (
         <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
@@ -36,8 +36,8 @@ function Benefits() {
       )
     },
     {
-      title: "Kennis van agents en skills",
-      description: "De krachtigere features waar de meeste mensen nooit aan toekomen. Laat AI agents delen van je werk overnemen door ze gerichte opdrachten te geven en zelfstandig aan het werk te zetten.",
+      title: "Begrijpen wat AI zelfstandig voor je kan doen",
+      description: "Zonder jargon leer je hoe Claude Code zelfstandig taken uitvoert. Zodat je weet wat je kunt vragen en wat het oplevert.",
       icon: (
         <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" />
@@ -45,8 +45,8 @@ function Benefits() {
       )
     },
     {
-      title: "Een netwerk van mede-ondernemers",
-      description: "De workshop is met acht deelnemers die dezelfde reis maken. Een mooie en rustige plek om kennis te maken met elkaar en te netwerken.",
+      title: "Persoonlijke begeleiding in een kleine groep",
+      description: "Maximaal 8 deelnemers. Je kunt vragen stellen, fouten maken en op jouw tempo werken.",
       icon: (
         <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
@@ -54,8 +54,8 @@ function Benefits() {
       )
     },
     {
-      title: "Vervolgstappen die bij jou passen",
-      description: "Je krijgt geen generiek advies, maar concrete volgende stappen voor jouw situatie.",
+      title: "Nazorg tot 30 dagen na de workshop",
+      description: "Loop je vast na de workshop? Je hebt toegang tot de community en kunt je vragen stellen. Je staat er niet alleen voor.",
       icon: (
         <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" />

src/components/FAQ.jsx

@@ -48,6 +48,26 @@ function FAQ() {
     {
       question: "Ik heb al wat ervaring met Claude. Is dit dan niet te basic?",
       answer: "De workshop begint bij de basis, maar gaat vrij snel naar de interessantere features zoals agents en skills. Je werkt aan je eigen tempo en project, dus ook met voorkennis haal je er genoeg uit."
+    },
+    {
+      question: "Is 399 euro niet veel voor een halve dag?",
+      answer: "Je betaalt niet voor een halve dag, maar voor het overslaan van weken zelf uitzoeken. De meeste deelnemers besparen die investering binnen een maand door tools die ze zelf bouwen in plaats van inhuren. Plus: je hebt daarna toegang tot de community voor vragen."
+    },
+    {
+      question: "Ik ben geen techbedrijf. Heeft Claude Code dan wel zin voor mij?",
+      answer: "Juist wel. De meeste deelnemers zijn coaches, consultants, marketeers of dienstverleners. Claude Code is het nuttigst als je regelmatig terugkerende taken hebt die je nu handmatig doet, of een idee hebt voor een tool die voor jouw business van pas zou komen."
+    },
+    {
+      question: "Wat als ik na de workshop ergens niet uitkom?",
+      answer: "Je krijgt toegang tot een besloten community waar je vragen kunt stellen. Andere deelnemers en Frank helpen je verder. Je staat er na de workshop niet alleen voor."
+    },
+    {
+      question: "Er staan genoeg tutorials online. Waarom zou ik hiervoor betalen?",
+      answer: "Tutorials laten zien hoe het bij iemand anders werkt. In de workshop bouw je iets voor jouw eigen bedrijf, met directe hulp als je vastloopt. Dat scheelt je de frustratie van uren solo experimenteren zonder feedback."
+    },
+    {
+      question: "Hoe snel kan ik na de workshop iets bruikbaars maken?",
+      answer: "Tijdens de workshop al. Je gaat naar huis met een werkend project dat je de maandag erna kunt gebruiken. De meeste deelnemers bouwen in de weken erna zelfstandig verder omdat ze dan snappen hoe het werkt."
     }
   ];
 

src/components/FinalCTA.jsx

@@ -22,7 +22,7 @@ function FinalCTA() {
         <div className="max-w-3xl mx-auto text-center">
           {/* Headline */}
           <h2 className="font-display text-3xl md:text-4xl font-bold text-white mb-6">
-            Klaar om te beginnen?
+            Op 6 maart werk je anders
           </h2>
 
           {/* Closing text */}
@@ -60,7 +60,7 @@ function FinalCTA() {
             href="#inschrijven"
             className="inline-flex items-center gap-2 px-8 py-4 bg-white text-coral-600 font-semibold text-lg rounded-xl shadow-lg hover:bg-coral-50 hover:shadow-xl active:bg-coral-100 transition-all duration-200"
           >
-            Schrijf je NU in voor 6 maart
+            Doe mee op 6 maart
             <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
               <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
             </svg>

src/components/Hero.jsx

@@ -33,13 +33,13 @@ function Hero() {
                   <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-coral-500 opacity-75"></span>
                   <span className="relative inline-flex rounded-full h-2 w-2 bg-coral-500"></span>
                 </span>
-                Maximaal {availableSpots} plaatsen
+                {availableSpots} plekken - kleine groep, persoonlijke aandacht
               </span>
             </div>
 
             {/* Headline */}
             <h1 className="heading-hero mb-4">
-              Bouw zelf wat je nu huurt — met Claude Code
+              Maak zelf de tools die je nu inhuurt
             </h1>
 
             {/* Subheadline */}
@@ -58,16 +58,11 @@ function Hero() {
 
             {/* Intro tekst */}
             <p className="text-lg text-warm-600 mb-8 leading-relaxed">
-              Je gebruikt Claude of een ander AI model voor research en teksten schrijven.
-              Je snapt hoe prompts werken. Maar wat als Claude niet alleen in je browser werkt,
-              maar rechtstreeks op je computer? Dan kan het bestanden lezen, code aanpassen en
-              tools installeren zonder dat jij hoeft te kopiëren en plakken. Misschien heb je al
-              eens met Claude Code geëxperimenteerd. Maar ergens tussen de installatie en dat
-              eerste echte resultaat ben je blijven hangen. Herkenbaar voor je? In deze{' '}
-              <em>hands-on workshop</em> stap je over die drempel. Samen met maximaal 7 andere
-              ondernemers ga je van nul naar een werkend project dat je direct kunt gebruiken in
-              je business. En je loopt naar buiten met een fundamenteel ander idee hoe je
-              onderneming en je team kan werken met software en AI.
+              Je snapt hoe AI werkt. Je gebruikt Claude of ChatGPT voor teksten en research.
+              Maar je weet: er zit meer in. Claude Code werkt rechtstreeks op je computer - het
+              leest bestanden, maakt tools en regelt dingen die jij nu handmatig doet.
+              In deze <em>hands-on workshop</em> van een halve dag ga je van nul naar een werkend
+              project. Geen theorie. Gewoon doen.
             </p>
 
             {/* Workshop details - prominent weergave */}

src/components/PainPoints.jsx

@@ -9,7 +9,7 @@ function PainPoints() {
   // De 4 pain points uit de content
   const painPoints = [
     "Je weet dat AI tools je kunnen helpen, maar je hebt geen idee waar je moet beginnen met Claude Code?",
-    "Je collega's en concurrenten werken al met AI en jij bent nog aan het uitzoeken hoe het werkt?",
+    "Je betaalt een developer, VA of tool-abonnement voor iets dat Claude Code in een middag voor je kan maken?",
     "Je hebt weinig tijd om te experimenteren en trial-and-error voelt als verspilling van kostbare uren?",
     "Je kijkt wat YouTube tutorials, maar zodra je zelf begint loopt het anders dan in de video?"
   ];
@@ -61,8 +61,7 @@ function PainPoints() {
           <p className="text-lg text-warm-600 leading-relaxed">
             Dat is frustrerend. Want je weet dat je sneller zou kunnen werken,
             betere output zou kunnen leveren. Maar die drempel...
-            die blijft maar in de weg zitten. En je business loopt door.
-            Je voelt dat er iets kan veranderen.
+            die blijft maar in de weg zitten. Daar is deze workshop voor.
           </p>
         </div>
       </div>

src/components/Pricing.jsx

@@ -20,9 +20,18 @@ function Pricing() {
       <div className="container-page">
         {/* Section title */}
         <h2 className="heading-2 text-center mb-12">
-          Investering
+          Wat kost het?
         </h2>
 
+        {/* Prijsanker - context voor de investering */}
+        <div className="max-w-2xl mx-auto mb-10">
+          <p className="text-center text-warm-600 leading-relaxed">
+            Een freelance developer inhuren voor een simpele tool: 1.500 - 3.000 euro.
+            Een SaaS-abonnement dat bijna doet wat je wilt: 50 - 200 euro per maand.
+            Zelf weken uitzoeken via tutorials: onbetaalde uren die je niet aan klanten besteedt.
+          </p>
+        </div>
+
         {/* Pricing card */}
         <div className="max-w-xl mx-auto">
           <div className="card border-2 border-coral-200 relative overflow-hidden">
@@ -109,7 +118,7 @@ function Pricing() {
                 href="#inschrijven"
                 className="btn-primary w-full text-center block"
               >
-                Reserveer je plek
+                Doe mee op 6 maart
               </a>
             </div>
           </div>

src/components/StickyBar.jsx

@@ -61,7 +61,7 @@ function StickyBar() {
             {/* Right: Price + CTA */}
             <div className="flex items-center gap-4">
               <span className="font-display font-bold text-xl text-warm-900">
-                €399
+                €399 <span className="text-sm font-normal text-warm-500">excl. BTW</span>
               </span>
               <a
                 href="#inschrijven"
@@ -81,7 +81,7 @@ function StickyBar() {
             {/* Left: Prijs en datum */}
             <div>
               <div className="font-display font-bold text-lg text-warm-900">
-                €399
+                €399 <span className="text-xs font-normal text-warm-500">excl. BTW</span>
               </div>
               <div className="text-xs text-warm-500">
                 6 maart 2026 | Utrecht

src/components/Trainer.jsx

@@ -34,19 +34,15 @@ function Trainer() {
 
               <div className="space-y-4 text-warm-600">
                 <p className="leading-relaxed">
-                  Met mijn diepe kennis van dertig jaar internet-technologie, innovatie en persoonlijk kennismanagement breng ik jou en je team frisse inzichten, een nieuwe kijk op kenniswerk in een tijd van AI en automation.
+                  Al 30 jaar help ik ondernemers om slimmer te werken met technologie. Ik schreef Bloghelden toen bloggen nog nieuw was. Nu help ik ZZP'ers en teams om AI in te zetten in hun dagelijkse werk.
                 </p>
 
                 <p className="leading-relaxed">
-                  Ik leer je zonder hype en bullshit wat NU de mogelijkheden van AI zijn en hoe je hier zelf eigenaarschap in krijgt.
+                  Met Claude Code maak ik mijn eigen websites (zoals deze), projectoverzichten, rekenmodellen en trainingsmaterialen. Niet omdat ik kan programmeren - want dat kan ik niet - maar omdat Claude Code het programmeren doet terwijl ik de opdrachten geef.
                 </p>
 
                 <p className="leading-relaxed">
-                  Sinds de start van Claude Code heb ik me verdiept in de mogelijkheden en de ontwikkelingen van deze modellen. Ik kan de brug leggen tussen jouw ondernemersbehoefte en de technische mogelijkheden, in normale spreektaal, zonder IT-jargon.
-                </p>
-
-                <p className="leading-relaxed">
-                  AI lijkt magisch. Maar dat valt reuze mee. Het is een relevant en nuttig instrument dat je helpt om routinewerk en herhalende taken efficiënter te maken. De eigenschappen van AI tools maken het een assistent die je kan helpen met jouw werk, met datgene wat jij vindt dat er toe doet.
+                  Ik leer je zonder hype en bullshit wat de mogelijkheden van AI zijn. In normale spreektaal, zonder IT-jargon. AI lijkt magisch. Maar dat valt reuze mee. In deze workshop laat ik je zien wat er kan en doen we het samen.
                 </p>
               </div>