// Header.jsx — sticky top nav, links + WhatsApp/Telegram
function Header() {
const [open, setOpen] = useState(false);
const [scrolled, setScrolled] = useState(false);
useLucide();
useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 8);
window.addEventListener("scroll", onScroll);
return () => window.removeEventListener("scroll", onScroll);
}, []);
const links = [
{ label: "Services", href: "#services" },
{ label: "How it works", href: "#how" },
{ label: "About", href: "#about" },
{ label: "FAQs", href: "#faqs" },
{ label: "Contact", href: "#contact" },
];
const SocialBtn = ({ icon, label, href, bg }) => (
{ e.currentTarget.style.transform = "translateY(-1px)"; e.currentTarget.style.borderColor = "var(--ink)"; }}
onMouseLeave={e => { e.currentTarget.style.transform = "translateY(0)"; e.currentTarget.style.borderColor = "var(--line)"; }}>
{label}
);
return (
);
}
window.Header = Header;