Engangsbeløp. Ingen abonnement. Tilgang umiddelbart.
📱 Appen «Teorihuset» er ute — kjøpet gjelder der også.{' '}
Kjøpet gir deg full tilgang på web med én gang. Last ned appen fra App Store eller Google Play og logg inn med samme konto — uten ekstra kostnad.
{error &&
{error}
}
{ENABLE_VIPPS && (
)}
Sikker betaling via Stripe Bestått-garanti inkludert
Samme innhold i alle tre. Forskjellen er hvor lenge du har tilgang.
📱 Appen «Teorihuset» er ute — kjøpet gjelder der også.{' '}
Kjøpet gir deg full tilgang på web med én gang. Last ned appen fra App Store eller Google Play og logg inn med samme konto — uten ekstra kostnad.
);
}
function MobileReferral({ refCode, setRefCode }) {
return (
);
}
// ---- Mobile-only summary bar (Stripe-style) ----
function MobileSummaryBar({ tier, visible, onPay, loading }) {
return (
{tier.days} dager · {tier.label}{tier.price} kr
);
}
// ---- Trust band ----
function PriserTrust() {
return (
);
}
// ---- Mini-FAQ (3 pricing-related Qs) ----
function PriserFAQ() {
const items = [
{ q: 'Hva dekker bestått-garantien?', a: 'Hvis du gjennomfører det anbefalte opplegget i appen og likevel stryker på båtførerprøven, refunderer vi hele beløpet. Du sender oss kvittering på prøveresultatet — så ordner vi resten.' },
{ q: 'Hvordan får jeg tilgang etter betaling?', a: 'Du sendes til en kvitteringsside og får en innloggingslenke på e-post umiddelbart. Klikk lenken og du er inne i appen.' },
{ q: 'Kan jeg bytte plan etterpå?', a: 'Ja. Trenger du mer tid, kan du oppgradere til en lengre plan. Kontakt support og vi ordner mellomlegget.' },
];
const [open, setOpen] = useState(0);
return (
Spørsmål om betaling
{items.map((it, i) => (
{it.a}
))}
);
}
// ---- Footer ----
function PriserFooter() {
return (
);
}
// ---- App root ----
function PriserApp() {
const params = new URLSearchParams(window.location.search);
const fromParam = params.get('plan');
const initialId =
(fromParam && TIERS.some(t => t.id === fromParam)) ? fromParam :
(TIERS.find(t => t.popular)?.id) || TIERS[0].id;
const [selectedId, setSelectedId] = useState(initialId);
const [email, setEmail] = useState('');
const [refCode, setRefCode] = useState(CAPTURED_REF.code || '');
const [loading, setLoading] = useState(false);
const [error, setError] = useState(null);
const [stickyVisible, setStickyVisible] = useState(false);
const tier = TIERS.find(t => t.id === selectedId) || TIERS[0];
const tiersSentinelRef = useRef(null);
// Fire view_item_list on mount
useEffect(() => {
pushDataLayer('view_item_list', {
ecommerce: {
item_list_name: `${PLAN_SLUG}_pricing`,
items: TIERS.map(tierToItem),
},
});
}, []);
// Show mobile sticky bar once tier cards scroll out of view
useEffect(() => {
if (!tiersSentinelRef.current) return;
const observer = new IntersectionObserver(
// Klistrebaren først når betalknappen (sentinel under SummaryCard) har
// scrollet UT AV SYNE OPPOVER — aldri to priser på første skjerm.
([entry]) => setStickyVisible(!entry.isIntersecting && entry.boundingClientRect.top < 0),
{ rootMargin: '0px' },
);
observer.observe(tiersSentinelRef.current);
return () => observer.disconnect();
}, []);
const handleSelect = (id) => {
if (id === selectedId) return;
setSelectedId(id);
setError(null);
const t = TIERS.find(x => x.id === id);
pushDataLayer('select_item', {
ecommerce: {
item_list_name: `${PLAN_SLUG}_pricing`,
items: [tierToItem(t)],
},
});
};
const handlePay = async () => {
setError(null);
pushDataLayer('begin_checkout', {
ecommerce: {
currency: CURRENCY,
value: tier.price,
items: [tierToItem(tier)],
},
});
// Referral: typed code wins; falls back to the stored ?ref= capture.
// Backend validates and responds { url, referralApplied } — invalid
// codes never block checkout, they just skip the discount.
const referralCode = normalizeRefCode(refCode) || readStoredRef() || undefined;
if (referralCode) {
pushDataLayer('referral_code_applied', { referral_code: referralCode, plan_slug: PLAN_SLUG });
}
setLoading(true);
try {
const response = await fetch(STRIPE_CHECKOUT_FN, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
planSlug: PLAN_SLUG,
tierSlug: tier.id,
customer_email: /^\S+@\S+\.\S+$/.test(email) ? email : undefined,
referralCode,
attribution: captureAttribution(),
success_url: `${BASE_URL}/Takk?session_id={CHECKOUT_SESSION_ID}&plan=${tier.id}`,
cancel_url: `${BASE_URL}/Priser?retry=1&plan=${tier.id}`,
}),
});
const data = await response.json();
if (!response.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 (
<>