// Components — Trend Home buyer prototype
// Loads after data.jsx and tweaks-panel.jsx
const fmtEUR = (n) => '€' + n.toLocaleString('de-DE');
const fmtM2 = (n) => n.toFixed(1).replace('.', ',') + ' m²';
// ─────────────────────────────────────────────────────────────────
// Logo (recreated as SVG so it lives well on cream/dark/teal)
// ─────────────────────────────────────────────────────────────────
function THLogo({ mono = false, height = 32, color }) {
const dot = mono ? 'currentColor' : 'var(--th-teal)';
const word = color || 'currentColor';
return (
);
}
// ─────────────────────────────────────────────────────────────────
// Top nav
// ─────────────────────────────────────────────────────────────────
function NavBar({ onCta, scrolled }) {
const items = [
{ id: 'komplekset', label: 'Komplekset' },
{ id: 'kati', label: 'Banesa' },
{ id: 'galeri', label: 'Galeria' },
{ id: 'kontakt', label: 'Kontakt' },
];
const go = (id) => {
const el = document.getElementById(id);
if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' });
};
return (
);
}
// ─────────────────────────────────────────────────────────────────
// HERO — editorial split with parallax image + headline reveal
// ─────────────────────────────────────────────────────────────────
function Hero({ onScrollToBrowse }) {
const [scrollY, setScrollY] = React.useState(0);
React.useEffect(() => {
const onScroll = () => setScrollY(window.scrollY);
window.addEventListener('scroll', onScroll, { passive: true });
return () => window.removeEventListener('scroll', onScroll);
}, []);
const parallax = Math.min(scrollY * 0.4, 220);
const fade = Math.max(0, 1 - scrollY / 500);
return (
Trend Home ndërton komplekse banimi në Pejë me përkujdesje për detajet,
materiale të zgjedhura dhe pamje që zgjasin gjithë jetën.
Banimi që e meriton
jeta jote e re.
të lira