// ── Nav + Hero ────────────────────────────────────────────────────────────
const PHONE_DISPLAY = '0511 / 38 47 20';
const PHONE_HREF = 'tel:+4951138 4720';
function Nav() {
const t = useT();
const [solid, setSolid] = React.useState(false);
const [open, setOpen] = React.useState(false);
React.useEffect(() => {
const onScroll = () => setSolid(window.scrollY > 40);
onScroll();
window.addEventListener('scroll', onScroll, { passive: true });
return () => window.removeEventListener('scroll', onScroll);
}, []);
const linkColor = solid ? '#1A1A1A' : 'rgba(255,255,255,0.92)';
return (
);
}
function Hero() {
const t = useT();
const [offset, setOffset] = React.useState(0);
React.useEffect(() => {
let raf = null;
const onScroll = () => {
if (raf) return;
raf = requestAnimationFrame(() => { setOffset(window.scrollY); raf = null; });
};
window.addEventListener('scroll', onScroll, { passive: true });
return () => window.removeEventListener('scroll', onScroll);
}, []);
return (
{/* parallax background */}
{t.hero.eyebrow}
{t.hero.headingLine1}
{t.hero.headingLine2}
{t.hero.subline}
);
}
Object.assign(window, { Nav, Hero, PHONE_DISPLAY, PHONE_HREF });
