Build a post-booking confirmation page in Norwegian (Bokmål).
CREATIVE DIRECTION — READ THIS FIRST:
This person JUST booked a meeting — this is the celebration moment. Think of the best post-purchase confirmation pages: they make you feel like you just made the best decision of your life. Rich testimonials that read like real stories, an FAQ that pre-handles every objection, and a guarantee that eliminates all doubt. On mobile it must feel NATIVE — like an app, not a shrunk desktop site. You have FULL creative freedom over the visual design. Make it feel celebratory and unique.
CRITICAL: Build everything in a SINGLE page.tsx file. Inline all components.
BRAND PALETTE (use these colors, but go wild with HOW you use them):
#F4FAFB (LIGHT — use dark text)#2A8F9B. Hover: #1E7682HEADER / NAV RULE (critical — do NOT violate):
════════════════════════════════════════
COPY — Use this exact text:
════════════════════════════════════════
Headline: "Strålende! Møtet er booket — dette blir bra."
Body: "Du har nå tatt det første steget mot å bli den lederen du ønsker å være. Du får en kalenderinvitasjon på e-post med lenke til videomøtet. I mellomtiden: les hva andre ledere opplevde, og se hva du kan forvente i samtalen."
Meeting description: "I samtalen går vi gjennom din situasjon som leder, dine største utfordringer akkurat nå, og hvordan FørsteGangsLeder-Programmet kan gi deg konkrete verktøy for å løse dem. Vi ser på om programmet passer for deg, og du får alle svarene du trenger for å ta en god beslutning. Ingen press, ingen salgsprat — bare en ærlig samtale mellom to mennesker som bryr seg om godt lederskap."
Preparation steps:
Testimonials (show FULL stories, not just short quotes):
Name: "Maria S., Teamleder, IT-selskap"
Quote: "Programmet ga meg selvtillit og konkrete verktøy. Teamet mitt presterer bedre enn noensinne."
Result: "Teamet presterer bedre enn noensinne etter 12 uker"
Story: "Maria hadde ledet i 8 måneder da hun startet. Hun slet med å delegere og følte hun måtte gjøre alt selv. Etter modul om delegering og eierskap endret alt seg — teamet tok ansvar, og hun kunne endelig fokusere på det viktigste. I dag er teamet hennes blant de mest produktive i selskapet."
Name: "Anders K., Avdelingsleder, Bygg & Anlegg"
Quote: "Endelig føler jeg meg trygg i lederrollen. Konflikthåndteringsmodulen alene var verdt hele prisen."
Result: "Føler seg trygg i lederrollen og håndterer konflikter effektivt"
Story: "Anders ble forfremmet fra tømrer til avdelingsleder. Han hadde teknisk kompetanse, men ingen ledererfaring. Vanskelige samtaler ble utsatt, og konflikter ulmet. Etter konflikthåndteringsmodulen tok han tak i en langvarig konflikt i teamet — og løste den på 2 uker. Han beskriver det som et vendepunkt i lederkarrieren."
Name: "Line H., Ny leder, Helse"
Quote: "Jeg gikk fra å tvile på meg selv til å lede med autoritet og empati. Anbefales!"
Result: "Gikk fra selvtvil til å lede med autoritet og empati på 90 dager"
Story: "Line var nyutdannet sykepleier som plutselig fikk ansvar for 12 ansatte. Hun tvang seg gjennom dagene og lurte på om hun var god nok. Gjennom programmet fant hun sin lederidentitet — en blanding av omsorg og tydelighet. I dag sier teamet hennes at de aldri har hatt en leder som både ser dem og stiller krav."
Q&A items (expandable accordion):
Q: "Jeg har aldri ledet før — er dette programmet for avansert for meg?"
A: "Nei, faktisk er det motsatt. Programmet er designet spesifikt for nye ledere. Vi starter med grunnleggende lederidentitet og bygger derfra. Over halvparten av deltakerne har mindre enn 1 års ledererfaring når de starter. Du lærer det du trenger, i riktig rekkefølge, uten forvirrende teori."
Q: "Hva om jeg ikke har tid til 2-3 timer i uken?"
A: "Vi forstår at hverdagen er travel. Derfor er alt innhold tilgjengelig on-demand — du ser modulene når det passer deg. Live-sesjonene er annenhver uke, og de spilles inn hvis du ikke kan delta. Mange gjennomfører modulene i lunsjpausen eller på kvelden. Gjennomsnittlig tidsbruk er faktisk 2 timer og 15 minutter per uke."
Q: "Hva om jeg ikke er fornøyd?"
A: "Du har 30 dagers full pengene-tilbake-garanti. Hvis du ikke opplever merkbar forbedring i din lederhverdag innen den tiden, sender du en e-post, og du får pengene tilbake. Ingen unnskyldninger, ingen spørsmål stilt. Vi har denne garantien fordi vi vet at programmet fungerer — 94% av deltakerne rapporterer forbedring."
Q: "Jeg er i en veldig spesifikk bransje — funker dette for meg?"
A: "Ja. Vi har hatt deltakere fra bygg, IT, helse, offentlig sektor, finans, retail og industri. Godt lederskap er universelt: kommunikasjon, tillit, tydelighet og oppfølging fungerer likt uansett bransje. Vi tilpasser eksemplene i live-sesjonene basert på hvem som deltar."
Q: "Er det bedre å ta et fysisk kurs?"
A: "Fysiske kurs kan være fine, men de krever at du reiser og tar fri. Vårt program gir deg samme verdi, men du gjør det i ditt tempo, fra din sofa eller kontor. Du får personlig oppfølging gjennom live Q&A og tilgang til alle materialer for alltid. Plus: du sparer reisekostnader og tid."
Q: "Kan jeg få refundert av arbeidsgiver?"
A: "Mange deltagere får dekket kostnaden av arbeidsgiver som kompetanseutvikling. Vi gir deg en faktura og dokumentasjon du kan bruke i søknaden. Snakk med HR eller nærmeste leder — investeringen er minimal sammenlignet med verdien av en trygg leder."
Q: "Hva skjer etter de 12 ukene?"
A: "Du beholder tilgang til alt innhold for alltid. Du kan gå tilbake til modulene når du trenger dem. Mange deltagere ser modulene flere ganger etter hvert som de vokser i rollen. I tillegg får du tilgang til vårt alumni-nettverk der tidligere deltakere deler erfaringer."
Q: "Er dette bare teori, eller får jeg noe jeg kan bruke med en gang?"
A: "Alt innhold er praktisk. Du får maler for 1-til-1-samtaler, sjekklister for vanskelige samtaler, en 90-dagers målplan, delegeringsrammeverk og mer. Maria, en av deltakerne, brukte kommunikasjonsmalen allerede samme uke — og så umiddelbar forbedring i teamdynamikken."
Guarantee: "Vi står 100% bak programmet. Hvis du gjennomfører de første 4 ukene og ikke opplever merkbar forbedring i hvordan du håndterer lederrollen, får du alle pengene tilbake — uten spørsmål eller krøll. Vi tar hele risikoen, fordi vi vet at dette fungerer når du virkelig bruker det."
════════════════════════════════════════
CONTENT REQUIREMENTS (include all — design them however you want):
════════════════════════════════════════
MOBILE-FIRST (critical):
DATA INTEGRITY — CRITICAL:
NEVER fabricate numbers, statistics, names, or testimonials not provided above
Use ONLY the exact text, quotes, and data provided
CRITICAL — COPY RULES:
All text MUST read as if a human copywriter wrote it by hand.
NEVER use em dashes (—). Use a comma, period, or short dash (-) instead. Em dashes are the #1 AI giveaway.
NEVER use AI clichés: "Unlock your potential", "In a world where...", "Transform your future", "Seamless", "Holistic", "Revolutionary", "Game-changer", "Your journey starts here", "Imagine if...", "What if I told you...", "elevate", "empower", "navigate", "landscape", "leverage".
Write direct, concrete, warm but grounded. Like a senior advisor over coffee.
AVOID AI TELLS (dead giveaways that AI built the page):
Now let me read the current files before writing the page:
Now I have everything I need. Let me build the page and update the layout and globals:
Now let me write the full page:
The confirmation page is complete. Here's what was built:
Structure: Hero (dark teal, no separate navbar), meeting description, preparation checklist, three full testimonials with story cards, an interactive FAQ accordion (8 items, tap-to-expand), a guarantee section, and a simple footer - all in a single page.tsx.
Design choices: The hero uses #1a3a40 (deep teal) as a rich, celebratory dark backdrop against the light #F4FAFB body, creating strong contrast without gradients. Each testimonial is a full-height card with a pull quote, result badge, story paragraph, and avatar. The FAQ accordion uses a +/x toggle with smooth max-height transitions, optimized for mobile tap targets (48px+).
Mobile-first: All sections use px-6 py-12 padding on mobile scaling up via md: prefixes. No horizontal overflow, touch targets are generous, and the layout is single-column throughout with optional two-column on desktop in the guarantee section.