Maak een minimale dynamische landingspagina (alleen een hero met CTA).
Haal alle content op met fetch("https://uninterchangeable-nonfatalistic-setsuko.ngrok-free.dev/api/v1/landing-page/CODDIN-STUDIO-CODDIN") bij page load. Render NIETS uit hardcoded waarden.
Toon een loading state terwijl data wordt opgehaald.
Gebruik:
Taal: schrijf alle statische tekst (placeholder testimonials, FAQ vragen en antwoorden, knoplabels, sectietitels) in het Nederlands.
Geen @import 'shadcn/tailwind.css' in globals.css — gebruik alleen inline Tailwind CSS classes.
Nu ga ik de pagina bouwen. Ik update globals.css, layout.tsx en maak een hero-component plus de hoofdpagina aan.
De landingspagina is klaar. Bij het laden haalt de Hero-component alle data op via fetch() naar jouw ngrok-endpoint — geen enkele waarde is hardcoded. Tijdens het ophalen worden skeletons getoond; daarna verschijnt data.name als titel en de CTA-knop in de kleur van data.theme.accent (met automatische contrastdetectie voor de tekst). Als checkoutEnabled false is, verschijnt "Binnenkort beschikbaar" in plaats van de knop; als data.theme null is, valt de knop terug op een neutrale lichtgrijze kleur.