// Shared components for GEOKlar site const { useState, useEffect, useRef } = React; // ————————————————————————————————————— ICONS const Icon = { check: (p) => ( ), x: (p) => ( ), arrow: (p) => ( ), arrowUp: (p) => ( ), flag: (p) => ( ), price: (p) => ( ), bolt: (p) => ( ), chart: (p) => ( ), plus: (p) => ( ), minus: (p) => ( ), search: (p) => ( ), bell: (p) => ( ), target: (p) => ( ), linkedin: (p) => ( ), x_social: (p) => ( ), chat: (p) => ( ), sparkle: (p) => ( ), info: (p) => ( ), chevronDown: (p) => ( ), }; // ————————————————————————————————————— LOGO function Logo({ light = false }) { return ( GEOKlar ); } // ————————————————————————————————————— HEADER function NavDropdownLink({ href, label }) { const [hov, setHov] = React.useState(false); return ( setHov(true)} onMouseLeave={() => setHov(false)} style={{ display: 'block', padding: '8px 14px', fontSize: 14, fontWeight: 500, borderRadius: 6, textDecoration: 'none', whiteSpace: 'nowrap', color: hov ? 'var(--navy)' : 'var(--ink-2)', background: hov ? 'rgba(10,31,68,0.05)' : 'transparent', transition: 'color .15s ease, background .15s ease', }} >{label} ); } function SiteHeader({ active }) { const [dropOpen, setDropOpen] = React.useState(false); const nav = [ { label: 'Sådan virker det', href: 'index.html#how' }, { label: 'Priser & services', href: 'priser.html', key: 'pricing' }, { label: 'Dashboard', href: 'dashboard.html', key: 'dashboard' }, ]; const andEtLinks = [ { label: 'Om', href: 'om.html' }, { label: 'Blog', href: 'blog.html' }, { label: 'FAQ', href: 'faq.html' }, ]; const andEtActive = active === 'om' || active === 'blog' || active === 'faq'; return (
Få gratis analyse
); } // ————————————————————————————————————— FOOTER function SiteFooter() { return ( ); } // ————————————————————————————————————— STRIPED PLACEHOLDER function StripePH({ label, w, h, style = {} }) { return (
{label}
); } // ————————————————————————————————————— INFO TOOLTIP function InfoTip({ text, stopNav = false }) { return ( { e.stopPropagation(); e.preventDefault(); } : undefined} > {text} ); } // ————————————————————————————————————— PRICING CARD (shared) function PricingCard({ p }) { const href = p.href || (p.free ? 'index.html#audit' : `checkout.html?tier=${p.name.toLowerCase()}`); return (
{p.popular && (
Mest populær
)}
{p.name}
{p.tag &&

{p.tag}

}
{typeof p.price === 'number' ? p.price.toLocaleString('da-DK') + ' kr' : p.price}
{p.per &&
{p.per}
} {p.cta}
); } // Export Object.assign(window, { Icon, Logo, SiteHeader, SiteFooter, StripePH, InfoTip, PricingCard });