Tilbake 14 / 45

{title} {DEVICE_EMOJI[meta] && ( )}

{item.q}

{item.opts.map((o, i) => (

{o} {i === item.a && ( )}

))}

Neste

); } // ---- Hero ---- function Hero({ ctx, personalised, planForCopy, devicePlan, primaryLabel, onPrimary, rotateDevice }) { return (

{ctx.fromApp && ( Fullfør tilgangen til appen her )}

{personalised ? `Få full tilgang til ${planForCopy}` : 'Bestå teoriprøven — øv smart, ikke hardt.'}

{personalised ? 'Du er allerede logget inn i appen. Lås opp hele øvingsbanken, prøver på tid og fremgang synkronisert mellom enhetene dine.' : 'Oppdaterte spørsmålsbanker, realistiske prøver på tid og forklaringer — for førerkort, jeger, drone, statsborgerskap og flere prøver.'}

Bestått-garanti Stryker du på prøven? Full refusjon.

Engangsbeløp — ikke abonnement Sikker betaling via Stripe

); } // ---- Picker section (only when not personalised) ---- function PickerSection({ selected, onSelect }) { return (

Hva øver du til?

Velg prøven din — så får du riktig øvingsbank og pakke.

); } // ---- What you unlock ---- function Features() { const items = [ { ic: 'Book', t: 'Hele øvingsbanken', d: 'Alle spørsmål for prøven din — ikke et utvalg.' }, { ic: 'Timer', t: 'Prøver på tid', d: 'Realistisk simulering med riktig tid og beståttgrense.' }, { ic: 'Sync', t: 'Synkronisert fremgang', d: 'Øvingen din følger med mellom mobil og nettleser.' }, { ic: 'Bulb', t: 'Forklaringer', d: 'Forstå hvorfor svaret er riktig — ikke bare pugg.' }, { ic: 'Book', t: 'Teorikurs', d: 'Les deg opp på pensum i samme app.' }, ]; return (

Dette låser du opp i appen du allerede har

Kjøpet åpner full tilgang på kontoen din — med en gang.

{items.map((f, i) => { const Ic = I[f.ic]; return (

{f.t}

{f.d}

); })}

); } // ---- Pricing + checkout ---- function PricingCheckout({ slug, ctx, email, setEmail, emailLocked, sentinelRef }) { const plan = PLAN_CATALOG[slug] || PLAN_CATALOG[DEFAULT_PLAN]; const tiers = plan.tiers; const [tierSlug, setTierSlug] = useState((tiers.find(t => t.popular) || tiers[0]).slug); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const tier = tiers.find(t => t.slug === tierSlug) || tiers[0]; useEffect(() => { setTierSlug((tiers.find(t => t.popular) || tiers[0]).slug); }, [slug]); useEffect(() => { pushDL('view_item_list', { ecommerce: { item_list_name: `${slug}_pricing`, items: tiers.map(t => tierItem(slug, t)) } }); }, [slug]); const selectTier = (ts) => { setTierSlug(ts); setError(null); const t = tiers.find(x => x.slug === ts); pushDL('select_item', { ecommerce: { items: [tierItem(slug, t)] } }); }; const emailValid = EMAIL_RE.test(email); const pay = async () => { setError(null); if (!emailValid) { setError('Skriv inn en gyldig e-postadresse.'); return; } pushDL('begin_checkout', { ecommerce: { currency: CURRENCY, value: tier.price, items: [tierItem(slug, tier)] } }); setLoading(true); try { const res = await fetch(STRIPE_CHECKOUT_FN, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ planSlug: slug, tierSlug: tier.slug, customer_email: email, attribution: captureAttribution(), // plan+tier lets Takk price the purchase-event (GA4/Ads) client-side. success_url: `${BASE_URL}/Takk?session_id={CHECKOUT_SESSION_ID}&plan=${slug}&tier=${tier.slug}`, cancel_url: `${BASE_URL}/?plan=${slug}`, }), }); const data = await res.json(); if (!res.ok || !data.url) throw new Error(data.error || 'Kunne ikke starte betaling. Prøv igjen.'); window.location.href = data.url; } catch (e) { console.error('Checkout error', e); setError(e.message || 'Noe gikk galt. Prøv igjen.'); setLoading(false); } }; return (

Velg tilgang til {plan.name}

Engangsbeløp, ingen abonnement. Velg perioden som passer prøvedatoen din.

{tiers.map(t => { const sel = t.slug === tierSlug; return ( ); })}

{plan.name} · {tier.days} dager {tier.price} kr

Engangsbeløp. Tilgang umiddelbart etter betaling.

E-post !emailLocked && setEmail(e.target.value)} onBlur={() => !emailLocked && captureEmailLead(email, slug, tier.slug)} /> {emailLocked ? ( Tilgang knyttes til kontoen din i appen. Bruk denne e-posten. ) : ctx.fromApp ? ( Bruk samme e-post som du logget inn med i appen — ellers låses ikke tilgangen opp der. ) : ( Vi sender innloggingslenke og kvittering hit. )} {error &&

{error}

}

Sikker betaling via Stripe Bestått-garanti

Ved å gå videre godtar du Vilkår og Personvern.

); } // ---- Trust ---- function Trust() { const quotes = [ { p: '«Helt likt den ekte prøven. Besto på første forsøk.»', by: 'Maria, Klasse B' }, { p: '«Forklaringene gjorde at jeg faktisk forsto reglene.»', by: 'Jonas, Jegerprøven' }, { p: '«Kunne øve på bussen og fortsette hjemme. Smidig.»', by: 'Ahmed, Statsborgerprøven' }, ]; return (

Trygt valg før prøven

Tusenvis av kandidater øver hos oss hvert år.

Bestått-garanti Engangsbeløp — ikke abonnement Norsk support Sikker betaling via Stripe

{quotes.map((q, i) => (

{q.p}

{q.by}

))}

Norsk kundeservice — hei@teorihuset.no

); } // ---- FAQ ---- function FAQ() { const items = [ { q: 'Jeg lastet ned appen — hvorfor betaler jeg her?', a: 'Teorihuset er en nettbasert læringsplattform, og appen er måten du øver på. Selve tilgangen kjøper og administrerer du her på teorihuset.no. Etter kjøp er alt låst opp i appen du allerede har.' }, { q: 'Hvordan får jeg tilgang i appen etter kjøp?', a: 'Bruk samme e-post i kjøpet som du er logget inn med i appen. Tilgangen knyttes til den e-posten, og appen låses opp automatisk neste gang du åpner den. Du får også en innloggingslenke og kvittering på e-post.' }, { q: 'Hva dekker bestått-garantien?', a: 'Gjennomfører du det anbefalte opplegget i appen og likevel stryker, refunderer vi hele beløpet mot fremvist prøveresultat. Kontakt support, så ordner vi resten.' }, { q: 'Er det abonnement?', a: 'Nei. Du betaler én gang for den perioden du velger. Ingen automatisk fornyelse, ingen binding.' }, { q: 'Hvor lenge varer tilgangen?', a: 'Tilgangen varer for perioden du velger (f.eks. 14 dager) fra kjøpstidspunktet. Trenger du mer tid kan du kjøpe en ny periode.' }, ]; const [open, setOpen] = useState(0); return (

Vanlige spørsmål

{items.map((it, i) => (

{it.a}

))}

); } // ---- Footer ---- function Footer() { return ( ); } // ---- Mobile sticky bar ---- function StickyBar({ plan, tier, visible, onCta }) { if (!plan || !tier) return null; return (

{planName(plan)} · {tier.days} dager {tier.price} kr

); } // ---- App root ---- function HomeApp() { const ctx = useAppParams(); // Personalise when we know the exact exam (app sent a plan we sell, or a // ?plan= deep link). Otherwise show the picker. const knownPlan = !!(ctx.plan && PLAN_CATALOG[ctx.plan]); const initialPlan = knownPlan ? ctx.plan : DEFAULT_PLAN; // Niche-tint: when arriving from a known plan, paint a few signature // surfaces in a shared "app continuation" teal (hero glow, continuity // chip, popular tier, feature icons). Cold visitors keep the default // brand-blue. Remove this block + the niche CSS at the bottom of // styles.css to fully revert. useEffect(() => { if (!knownPlan) return; document.body.style.setProperty('--accent-niche', '#0E7490'); document.body.style.setProperty('--niche-soft', '#E1F1F3'); document.body.classList.add('niche-tinted'); return () => { document.body.style.removeProperty('--accent-niche'); document.body.style.removeProperty('--niche-soft'); document.body.classList.remove('niche-tinted'); }; }, [knownPlan]); const [slug, setSlug] = useState(initialPlan); const [email, setEmail] = useState(ctx.email || ''); // Lock the email when the app supplied a valid one (continuity guarantee). const emailLocked = ctx.fromApp && EMAIL_RE.test(ctx.email || ''); const [stickyVisible, setStickyVisible] = useState(false); const sentinelRef = useRef(null); const plan = PLAN_CATALOG[slug] || PLAN_CATALOG[DEFAULT_PLAN]; const popularTier = plan.tiers.find(t => t.popular) || plan.tiers[0]; const scrollTo = (id) => { const el = document.getElementById(id); if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' }); }; const onPrimary = () => scrollTo(knownPlan ? 'checkout' : 'picker'); const pickPlan = (s) => { setSlug(s); setTimeout(() => scrollTo('checkout'), 60); }; useEffect(() => { if (!sentinelRef.current) return; const obs = new IntersectionObserver( ([e]) => setStickyVisible(!e.isIntersecting), { rootMargin: '0px 0px -45% 0px' } ); obs.observe(sentinelRef.current); return () => obs.disconnect(); }, []); return ( <>