App launch template prompt

Builds the App launch template page from 8 blocks in one pass.

Prompt

Use the klarhimmel-design skill. Build a app launch site for {business}, for {audience}: a pre-launch page for an app (Lumo, a reading tracker): a hero that shows the product, features, a walkthrough with a phone screen, one beta quote and the waitlist. Install: npx shadcn add @klarhimmel/navbar-simple @klarhimmel/hero-prompt @klarhimmel/features-bento @klarhimmel/steps-media @klarhimmel/testimonial-quote @klarhimmel/newsletter-card @klarhimmel/faq-list @klarhimmel/footer-wordmark Order: navbar-simple, hero-prompt, features-bento, steps-media, testimonial-quote, newsletter-card, faq-list, footer-wordmark. Keep it; swap a block only for another of its category. Props: start from each block's defaults and replace every string with {business} copy; links are { label, href }, images { src, alt }. Copy: plain words, one idea a section, a fictional business in samples. The one action is {action}. Accessibility: one h1 (the hero); alternate default and muted tones, use inverse once at the end; check 390 px. Never: viewport variants (md:, lg:), style=, text or images outside Text and Media, fields the schema lacks. Shorten copy to fit the limits. Done when: one h1; one primary action; every field within its limit; alt text on images; build passes.

Variables

Variable	What to fill in	Example
`{business}`	The business	Exempelhotellet
`{audience}`	Who it is for	Hotels with 10 to 40 rooms
`{action}`	The one next step	Start a free trial

Blocks it uses

A good result

The template's sections in order on every page, your copy in every field, one h1, one primary action.

checklist.md

- [ ] the sections are in the template's order
- [ ] one h1
- [ ] one primary action
- [ ] every field within its limit
- [ ] alt text on every image
- [ ] no overflow at 390 px
- [ ] the build passes