Dynamic landing page - v0 by Vercel

Maak een dynamische landingspagina alleen een hero voor de studio "Coddin Studio".
Er moet een prominente CTA knop zijn die linkt naar de checkoutUrl voor nu even google.nl.

Do not use shadcn/tailwind.css in global.css. This results in "Failed to load shadcn from /app/globals.css" errors. Use only inline Tailwind CSS classes for styling.

24d ago

Now let me read the existing files before making changes:

Now I have all the context I need. Let me build the hero page and update the layout — removing @vercel/analytics and adding proper fonts:

The hero-only landing page for Coddin Studio is live. Here's what's included:

Navbar — fixed, transparent at top, blurs dark on scroll with a "Starten" nav-CTA that links to google.nl
Hero section — deep-dark (#05050f) background with an interactive dot-grid canvas that reacts to mouse movement, a radial indigo glow, bold headline, subtitle, and two CTA buttons
Primary CTA ("Reserveer jouw plek") — prominent indigo pill button with hover lift + glow, linking to google.nl
Social proof strip — stacked avatars + 5-star rating at the bottom of the hero
All styling is done with inline styles only — no shadcn imports, no @vercel/analytics, fully responsive via clamp() and flexbox wrapping

24d ago

Maak een dynamische landingspagina alleen een hero voor de studio "Coddin Studio".
Er moet een prominente CTA knop zijn die linkt naar de checkoutUrl voor nu even google.nl.

Do not use shadcn/tailwind.css in global.css. This results in "Failed to load shadcn from /app/globals.css" errors. Use only inline Tailwind CSS classes for styling.

24d ago

Now let me read the existing files before making changes:

Now I have all the context I need. Let me build the hero page and update the layout — removing @vercel/analytics and adding proper fonts:

The hero-only landing page for Coddin Studio is live. Here's what's included:

Navbar — fixed, transparent at top, blurs dark on scroll with a "Starten" nav-CTA that links to google.nl
Hero section — deep-dark (#05050f) background with an interactive dot-grid canvas that reacts to mouse movement, a radial indigo glow, bold headline, subtitle, and two CTA buttons
Primary CTA ("Reserveer jouw plek") — prominent indigo pill button with hover lift + glow, linking to google.nl
Social proof strip — stacked avatars + 5-star rating at the bottom of the hero
All styling is done with inline styles only — no shadcn imports, no @vercel/analytics, fully responsive via clamp() and flexbox wrapping