// Site chrome shared by every route: brand mark, nav, footer, section wrappers, app-store links.
const APP_STORE_URL = 'https://apps.apple.com/ro/app/id0000000000';
function openAppStore() { window.open(APP_STORE_URL, '_blank', 'noopener'); }
function appShot(name) { return 'assets/app-' + name + ((window.__siteLang === 'RO') ? '-ro' : '') + '.png'; }
// Phone shot with bezel-shaped skeleton until the image decodes, then fades in.
// Shared brand mark — accent badge with the antler logo
function BrandMark({ T, size = 44, dark = false }) {
return (
);
}
// ── Screen 1 · Start ─────────────────────────────────────────
// Phone shot with bezel-shaped skeleton until the image decodes, then fades in.
function ShotImg({ src, alt, height }) {
const [ok, setOk] = React.useState(false);
const ref = React.useRef(null);
React.useEffect(() => { const el = ref.current; if (el && el.complete && el.naturalWidth) setOk(true); }, [src]);
React.useEffect(() => { setOk(false); }, [src]);
return (
);
}
// Real anchors, so links can be opened in a new tab, copied, and crawled.
// A plain left click is intercepted and routed in-page instead of reloading.
function SiteLink({ to, doc, nav, children, className, style }) {
const href = pathForRoute(to, doc);
const onClick = (e) => {
if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0) return;
e.preventDefault();
nav(to, doc);
};
return (
{children}
);
}
function SiteNav({ T, page, nav, lang, setLang }) {
const links = [['home', 'Product'], ['features', 'Features'], ['pricing', 'Pricing'], ['contact', 'Contact'], ['legal', 'Legal']];
return (
VenatorExam prep
);
}
// Floating app-store button, mirroring MakerBubble in the opposite corner.
// One button for now; it becomes a small menu when Android ships.
function DownloadBubble({ T }) {
return (
Download for iPhone
);
}
function SiteFooter({ T, nav }) {
const col = { display: 'flex', flexDirection: 'column', gap: 9 };
const head = { fontSize: 11.5, fontWeight: 800, letterSpacing: 0.9, textTransform: 'uppercase', color: T.faint };
const link = (label, page) => (
{label}
);
return (
Venator
The smart way to prepare for the Romanian hunter's permit exam.
);
}
function MakerLink({ T, href, label, children }) {
const ext = !href.startsWith('mailto:');
return (
{children}
);
}
function SiteSection({ children, bg, style }) {
return (
{children}
);
}
// `level` only changes the tag, not the look: a page whose title is this block
// (Legal) needs it to be the h1, everything else keeps h2.
function SiteH2({ T, children, sub, center = false, level = 2 }) {
const Heading = level === 1 ? 'h1' : 'h2';
return (
{children}
{sub &&
{sub}
}
);
}
function Eyebrow({ T, children, light = false }) {
return {children};
}
function PageIntro({ T, eyebrow, title, sub }) {
return (
