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. IMPORTANT: This is a POST-BOOKING page. The user ALREADY booked. Do NOT include any "Se om du kvalifiserer" buttons, qualification CTAs, or sticky bars that lead back to the qualification page. No CTAs that lead away from this page. The only interactive elements should be FAQ accordions and the footer. NORWEGIAN CHARACTERS - ABSOLUTELY CRITICAL (the page will be rejected if you fail this): All text MUST use proper Norwegian characters: æ, ø, å, Æ, Ø, Å. NEVER transliterate to ASCII. "på" (NEVER "pa"), "nå" (NEVER "na"), "når" (NEVER "nar"), "går" (NEVER "gar"), "år" (NEVER "ar"), "før" (NEVER "for" when meaning "before"), "gjør" (NEVER "gjor"), "første" (NEVER "forste"), "lære" (NEVER "laere"), "gått" (NEVER "gatt"), "også" (NEVER "ogsa"), "gjennomført" (NEVER "gjennomfort"), "måneder" (NEVER "maneder"), "spørsmål" (NEVER "sporsmal"), "løsning" (NEVER "losning"), "møtet" (NEVER "motet"). CRITICAL: Build everything in a SINGLE page.tsx file. Inline all components. BRAND PALETTE: - Name: "KPI Metoden" - Page background: #08183C. This is NON-NEGOTIABLE. This is a DARK background. Text: #1A1A2E. - Secondary background (for alternating sections): #06122E - Accent: #C14A29. Hover: #A43E22 - Font: Montserrat (Google Fonts) - Logo: Render using <img src="https://cyvc7pzgvcm273rx.public.blob.vercel-storage.com/brands/kpi_metoden/logo-light.png" alt="KPI Metoden" className="h-10 w-auto object-contain" />. Do NOT use SVG placeholders or text initials. ACCENT COLOR RULE (NON-NEGOTIABLE): - The accent color (#C14A29) is ONLY for buttons, links, small highlights, badges, and borders. - NEVER use the accent color as a full section background or large area fill. No teal/accent-colored hero or stat sections. - ALL section backgrounds must use ONLY the page background (#08183C) or the secondary background (#06122E). - If you want visual variety between sections, alternate between #08183C and #06122E. Use subtle cards, shadows, or borders for depth — NOT accent-colored backgrounds. HEADER / NAV RULE (critical): - Do NOT create a separate navbar, top bar, or header strip above the hero. - The logo goes INSIDE the hero section (top-left with padding), not in a separate element. - There must be NO ugly contrasting bar at the top of the page. - The hero section IS the top of the page, starting at the very top edge with zero gap. TYPOGRAPHY & LAYOUT CONSISTENCY (NON-NEGOTIABLE): - ALL headings (h1, h2, h3) MUST be bold (font-weight: 700 or font-bold). No light or thin headings anywhere. Every single heading on the page must be bold. - ALL text on the page MUST be center-aligned (text-center). This applies to the hero, all sections, all headings, all body text, all lists. No left-aligned text anywhere on the page. - The only exception to center-alignment is inside interactive elements like form fields, quiz option buttons (where left-alignment of the option text is acceptable). - This creates a consistent, polished look across all pages in the funnel. Do NOT mix alignments. ════════════════════════════════════════ COPY — Use this exact text: ════════════════════════════════════════ - Headline: "Strålende! Møtet er booket." - Body: "Du får en bekreftelse på e-post med alle detaljer om samtalen. Stefan ser fram til å snakke med deg. I mellomtiden kan du lese mer om hva andre har oppnådd med KPI Metoden — og hva du kan forvente i samtalen." - Meeting description: "I denne 20-minutters samtalen går Stefan gjennom ditt utgangspunkt, dine mål og din livssituasjon. Dere diskuterer hva som har fungert og ikke fungert før, og Stefan gir deg en ærlig vurdering av om KPI Metoden passer for deg akkurat nå. Hvis dere begge føler at det er riktig match, går dere gjennom neste steg. Hvis ikke, får du konkrete råd om hva du bør fokusere på først." - Preparation steps: 1. "Tenk gjennom hva du faktisk vil oppnå på 120 dager — konkret tall på vekt, fettprosent eller energinivå" 2. "Vær ærlig om hva som har stoppet deg tidligere — dietter du har prøvd, utfordringer du har møtt, vaner som ikke har holdt" 3. "Ha en oversikt over din typiske uke — jobb, familie, treningsrutiner, stressnivå — slik at vi kan lage en plan som passer" 4. "Skriv ned eventuelle allergier, skader eller medisinske forhold Stefan bør vite om" 5. "Kom med spørsmål — dette er din mulighet til å få svar på alt du lurer på" - Testimonials (show FULL stories, not just short quotes): - Name: "Svein Terje, 53 år" Quote: "Alt ble lettere – jeg kunne kutte ut mange av medisinene, og gikk ned hele 40,5 kilo. Jeg hadde prøvd alt før, men ingenting holdt. Med KPI Metoden var det annerledes — jeg hadde struktur, oppfølging og en plan som passet inn i hverdagen min. Jeg var aldri sulten, og resultatene kom fortere enn jeg noensinne hadde trodd var mulig." Result: "Ned 40,5 kg på 120 dager (fra 140 kg til 99,5 kg)" Story: "Svein Terje hadde slitt med vekten i mange år og prøvd utallige dietter uten varige resultater. Da han startet med KPI Metoden, veide han 140 kg. Gjennom 120 dager med strukturert kosthold, ukentlig oppfølging og datadrevet tracking gikk han ned til 99,5 kg — helt naturlig, uten Ozempic eller kirurgi. Stefan beskriver dette som det raskeste fettapet han har sett over 120 dager i sin coachkarriere." - Name: "Philip" Quote: "Alt lå i strukturen og den kontinuerlige støtten. Stefan leverte varene. Jeg hadde prøvd å gå ned i vekt før, men jeg manglet alltid noe — enten en ordentlig plan eller noen som holdt meg ansvarlig. Med KPI Metoden fikk jeg begge deler. Jeg rapporterte at jeg knapt var sulten under prosessen, og resultatene kom jevnt og trutt. Jeg gikk ned over 30 kg på 120 dager, og det føles bærekraftig." Result: "Ned over 30 kg på 120 dager" Story: "Philip er én av kun fem klienter som har gått ned over 30 kg på 120 dager. Han beskriver programmet som det eneste som faktisk fungerte for ham — fordi det kombinerte struktur, støtte og en plan tilpasset hans livsstil." - Name: "Bjørn, 61 år" Quote: "Det er utrolig gøy å begynne å se musklene igjen – og jeg har fått ny selvtillit på at jeg kan holde på denne formen resten av livet. Jeg trodde aldri jeg skulle komme i såpass god form igjen, men med Stefans metode og oppfølging skjedde det. Magen var praktisk talt borte innen dag 120, og jeg føler meg sterkere og mer energisk enn på mange år." Result: "Magen praktisk talt borte innen dag 120" Story: "Bjørn var 61 år da han startet med KPI Metoden. Han hadde prøvd forskjellige programmer før, men ingenting ga varige resultater. Gjennom 120 dager med strukturert oppfølging, KPI-tracking og personlig coaching fikk han tilbake musklene, mistet magen og bygde en ny selvtillit på at han kan holde formen resten av livet." - Name: "Leif Magne, 53 år" Quote: "Ting ble mye lettere, og jeg lærte en ny måte å spise på. Uten den tette oppfølgingen hadde jeg aldri gått ned 38,8 kg. Jeg var skeptisk til å begynne med — jeg hadde prøvd så mye før. Men strukturen og det faktum at noen holdt meg ansvarlig hver uke gjorde hele forskjellen. Jeg spiser fortsatt vanlig norsk mat fra Rema, men jeg vet nå hvordan jeg skal kombinere det riktig." Result: "Ned 38,8 kg på 120 dager" Story: "Leif Magne hadde slitt med vekten i mange år og var skeptisk til å starte enda et program. Men gjennom KPI Metoden, med ukentlig oppfølging og strukturert KPI-tracking, gikk han ned 38,8 kg på 120 dager. Han beskriver det som en helt ny måte å forholde seg til mat på — uten å måtte kutte ut ting han liker." - Name: "André, 43 år" Quote: "Dette var skikkelig kult å få til – og det beste er at jeg har lært å sette enda mer pris på forskjellige typer mat. Målet mitt var å komme under 10% kroppsfett, og vi endte på 9,7%, bekreftet med DEXA-scan. Jeg trodde jeg måtte leve på kylling og brokkoli, men det var aldri sånn. Stefans metode lærte meg å balansere mat på en måte som faktisk fungerer — og som jeg kan holde på med." Result: "Ned til 9,7% kroppsfett (bekreftet med DEXA-scan)" Story: "André hadde et ambisiøst mål: komme under 10% kroppsfett. Gjennom KPI Metoden, med strukturert kosthold og individuell oppfølging, nådde han 9,7% kroppsfett, bekreftet med DEXA-scan. Han beskriver det som en av de kuleste prestasjonene han har gjort — og som har lært ham en helt ny måte å forholde seg til mat på." - Q&A items (expandable accordion): 1. Q: "Hva hvis jeg ikke har tid til å trene hver dag?" A: "Du trenger ikke trene hver dag. De fleste av Stefans klienter trener ikke hver dag og oppnår likevel svært gode resultater. 80% av resultatene kommer fra ernæringsstrategien, ikke treningen. Treningen tilpasses din livssituasjon, ditt nivå og dine preferanser — det kan være alt fra enkel hjemmetrening til gymøkter, avhengig av hva som passer deg best. Poenget er å finne en rytme som fungerer på lang sikt, ikke å presse deg til noe du ikke klarer å opprettholde." 2. Q: "Er dette en streng diett der jeg må kutte ut alt jeg liker?" A: "Nei. Dette er ikke en diett i tradisjonell forstand — det er en strukturert og fleksibel tilnærming til mat, basert på biologi, vaner og hormonbalanse. Du spiser vanlig norsk mat fra Rema 1000 eller Kiwi. Vi jobber aktivt med å kontrollere hormoner som ghrelin, insulin og glukagon for å minimalisere sult og maksimere resultater. Mange klienter rapporterer at de knapt var sultne under prosessen. Du lærer å spise på en måte som gir resultater uten at du føler deg fattig eller begrenset." 3. Q: "Hva om jeg må reise mye eller har uforutsigbare uker?" A: "Programmet er bygget for travle folk med jobb, barn, reiser og uforutsigbare uker. Mange av Stefans klienter reiser regelmessig, jobber lange dager eller har familieforpliktelser. Du lærer å tilpasse kosthold og aktivitet uansett hvor du befinner deg — enten du er hjemme, på hotell eller ute og spiser. Strukturen er fleksibel nok til å tilpasse seg livet ditt, ikke omvendt." 4. Q: "Hva skjer hvis jeg ikke får resultater?" A: "Du vil få resultater — så lenge du følger planen. Hvis du følger programmet og ikke ser resultater innen 60 dager, får du pengene tilbake. Ingen krumspring, ingen unnskyldninger. Resultatene kommer fordi du får metode, støtte og system som gjør det mulig å lykkes over tid. Hundrevis av norske menn har gjort det før deg, og Stefan har sett nøyaktig hva som fungerer og ikke fungerer." 5. Q: "Må jeg være i god form for å starte?" A: "Nei. Mange av de beste resultatene kommer fra folk som starter fra null. Svein Terje veide 140 kg da han startet og gikk ned 40,5 kg på 120 dager. Bjørn var 71 år og gikk ned 18 kg. Leif Magne hadde ikke trent på mange år og gikk ned 38,8 kg. Du trenger ikke være i god form — du trenger bare være klar for forandring og villig til å følge en struktur." 6. Q: "Hvor individuelt er programmet egentlig?" A: "Helt individuelt. Du starter med en 2-timers 1:1 kickoff-samtale med Stefan der dere bygger hele planen fra bunnen. Stefan tar utgangspunkt i dine mål, preferanser, allergier, skader, tid, jobb, familie og stressnivå. Du får en komplett strategi for kosthold, trening, søvn og tilskudd — alt tilpasset din livssituasjon. Det er ingen generiske menyer eller treningsopplegg. Alt er bygget rundt deg." 7. Q: "Hva er forskjellen på KPI Metoden og andre programmer?" A: "KPI Metoden er bygget på fem prinsipper: radikal ærlighet, struktur som et business-prosjekt, naturlig hormonmanipulasjon, individuell planlegging og konsekvent oppfølging. Du får ukentlige Zoom-samtaler, strukturert KPI-tracking, Google Sheets-tracker og 2 individuelle oppfølgingssamtaler på dag 60 og dag 120. Dette er ikke en generisk diett eller et treningsopplegg — det er et datadrevet transformasjonsprogram med personlig coaching fra Stefan Dahlkvist." 8. Q: "Hva skjer etter 120 dager?" A: "Etter 120 dager har du ikke bare gått ned i vekt — du har lært en ny måte å forholde deg til mat, trening og helse på. Mange klienter beskriver det som at de har fått et system de kan bruke resten av livet. Du får en avsluttende oppfølgingssamtale på dag 120 der dere går gjennom resultatene, diskuterer veien videre og lager en plan for hvordan du holder resultatene over tid. Målet er ikke bare å transformere deg på 120 dager — det er å gi deg verktøyene til å holde formen resten av livet." - Guarantee: "Hvis du følger programmet og ikke ser resultater innen 60 dager, får du pengene tilbake. Stefan står bak dette fordi han vet at metoden fungerer — så lenge du følger planen. Ingen krumspring, ingen unnskyldninger. Du tar ingen risiko." ════════════════════════════════════════ CONTENT REQUIREMENTS (include all — design them however you want): ════════════════════════════════════════ - Celebratory hero — they just booked, make it feel like a great decision - What happens in the meeting — set expectations - Preparation checklist — what to think about before the meeting - Testimonials section (this is the BIGGEST section — full stories with names, roles, results) - Q&A / objection handling section (expandable accordion — interactive) - Guarantee section — make them feel safe about their decision - Footer: "© 2026 KPI Metoden" MOBILE-FIRST (critical): - Design for 375px FIRST, then scale up to desktop - Touch targets minimum 48px - No horizontal overflow, no tiny text - Testimonials must be readable and impactful on a phone screen - FAQ accordion must be easy to tap and read on mobile - Sections need generous padding on mobile (24px+ sides) 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 or long dashes (—). NEVER use en dashes (–). Use a comma, period, or regular hyphen (-) instead. Long dashes are the #1 AI giveaway. Search your output for — and – before finishing and replace ALL of them. - 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. SPELLING & GRAMMAR (NON-NEGOTIABLE): - The page is in Norwegian Bokmål. Double-check ALL Norwegian words before output. - CRITICAL: Always use æ, ø, å characters. NEVER output "pa" for "på", "na" for "nå", "ar" for "år", "gar" for "går", "gatt" for "gått", "gjor" for "gjør", "forste" for "første", "laere" for "lære", "gjennomfort" for "gjennomført", "maneder" for "måneder". - Common mistakes to AVOID: "kvalkvasisjon" is WRONG, the correct word is "kvalifisering". "Quiz" not "quizz". "Nyhetsbrev" not "nyhesbrev". - Every CTA button text must be spelled correctly. Read it out loud before committing. - If you are unsure about a Norwegian word, use the simpler/safer alternative. CTA FOCUS (NON-NEGOTIABLE): - The primary CTA must be the MOST visually prominent element on the page. - CTA buttons: large (min 56px height on mobile), full accent color background, bold white text, generous padding (16px 32px+), rounded corners, and a subtle shadow or glow effect. - Multiple CTAs: repeat the primary CTA at least 3 times throughout the page (hero, mid-section, bottom). - Sticky bottom bar on mobile with the CTA always visible while scrolling. - CTA text should be action-oriented and convey selectivity ("Se om du kvalifiserer", "Start kvalifisering" — NEVER "Start quiz", "Ta testen", or "Klikk her"). AVOID AI TELLS (dead giveaways that AI built the page): - NO gradient text on headings (no linear-gradient + WebkitBackgroundClip + WebkitTextFillColor) - NO generator: 'v0.app' in metadata - NO text-balance or text-pretty CSS utilities - NO "Takk!" as success heading - use the exact text specified
Now I have the design direction. I'll build the full page now - dark, bold, celebratory with strong typography inspired by the reference sites.
Now I'll update all three files — globals.css, layout.tsx, and page.tsx:
Now the big one — the full page:
The post-booking confirmation page is complete. Here's what was built:
Structure and sections:
All Norwegian characters (æ, ø, å) are encoded as Unicode escape sequences to guarantee they survive any encoding issues, all section backgrounds alternate strictly between #08183C and #06122E, and the accent #C14A29 is used only on buttons, badges, borders, and small highlights — never as a section fill.
ENCODING FIX — CRITICAL:
Several headings and text blocks use Unicode escape sequences (\u00e5, \u00f8, \u00e6) instead of actual Norwegian characters. This makes the source code harder to maintain and may cause rendering issues.
Go through EVERY string literal in the page.tsx file and replace ALL Unicode escapes with the actual characters:
Specifically check these strings which are known to have issues:
Do NOT change any design, layout, or structure. ONLY fix the character encoding.
I now have the full file. I'll rewrite it entirely with all Unicode escapes replaced by actual Norwegian characters, and no other changes.
Every Unicode escape sequence has been replaced with its actual Norwegian character — å, ø, æ, Æ, Ø, Å — throughout the entire file, including all data arrays, inline JSX strings, and component text. No design, layout, structure, or logic was changed; only the character encoding. The unused ACCENT_HOVER constant was also left in place since it was already there and causes no harm.