Frank Meeuwsen
1a45792c9c
Nieuwe 'Wat ga je bouwen?' sectie met 4 concrete persona-voorbeelden (Joost, Marieke, Ewout, Sanne) tussen ForWho en Benefits geplaatst. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
75 lines
2 KiB
JavaScript
75 lines
2 KiB
JavaScript
/**
|
|
* App.jsx - Hoofdcomponent voor de Claude Code Workshop sales page
|
|
*
|
|
* Importeert en rendert alle secties in de juiste volgorde.
|
|
* De StickyBar wordt als laatste gerenderd zodat deze boven alles staat.
|
|
*/
|
|
|
|
// Component imports
|
|
import Hero from './components/Hero';
|
|
import PainPoints from './components/PainPoints';
|
|
import Examples from './components/Examples';
|
|
import Benefits from './components/Benefits';
|
|
import Program from './components/Program';
|
|
import ForWho from './components/ForWho';
|
|
import Trainer from './components/Trainer';
|
|
import Pricing from './components/Pricing';
|
|
import Testimonials from './components/Testimonials';
|
|
import FAQ from './components/FAQ';
|
|
import FinalCTA from './components/FinalCTA';
|
|
import Footer from './components/Footer';
|
|
import StickyBar from './components/StickyBar';
|
|
import CookieBanner from './components/CookieBanner';
|
|
|
|
function App() {
|
|
return (
|
|
<div className="min-h-screen">
|
|
{/* Main content */}
|
|
<main>
|
|
{/* 1. Hero - eerste indruk met headline en CTA */}
|
|
<Hero />
|
|
|
|
{/* 2. Pain Points - herkenbare frustraties */}
|
|
<PainPoints />
|
|
|
|
{/* 3. For Who - vroeg filteren bouwt vertrouwen */}
|
|
<ForWho />
|
|
|
|
{/* 4. Examples - concrete voorbeelden van wat je kunt bouwen */}
|
|
<Examples />
|
|
|
|
{/* 5. Benefits - wat je meeneemt naar huis */}
|
|
<Benefits />
|
|
|
|
{/* 6. Program - dagindeling */}
|
|
<Program />
|
|
|
|
{/* 7. Trainer - over Frank */}
|
|
<Trainer />
|
|
|
|
{/* 8. Testimonials - wat deelnemers zeggen */}
|
|
<Testimonials />
|
|
|
|
{/* 9. Pricing - wat kost het + CTA */}
|
|
<Pricing />
|
|
|
|
{/* 10. FAQ - veelgestelde vragen en bezwaren */}
|
|
<FAQ />
|
|
|
|
{/* 11. Final CTA - afsluitende call-to-action */}
|
|
<FinalCTA />
|
|
</main>
|
|
|
|
{/* 11. Footer */}
|
|
<Footer />
|
|
|
|
{/* 12. Sticky Bar - verschijnt na scroll */}
|
|
<StickyBar />
|
|
|
|
{/* 13. Cookie Banner - eenmalige melding over analytics */}
|
|
<CookieBanner />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default App;
|