// Nav.jsx — Delvecore Website UI Kit (responsive)
function LogoMark({ size = 22, color = '#0C0C0A' }) {
return (
);
}
window.Nav = function Nav({ scrolled = false }) {
const mobile = useIsMobile();
const [menuOpen, setMenuOpen] = React.useState(false);
return (
<>
{/* Mobile drawer */}
{mobile && (
{['Services', 'Works', 'Pricing', 'Flow', 'FAQ', 'About', 'Contact'].map(item => (
-
setMenuOpen(false)}
style={{ fontSize: 13, letterSpacing: '0.12em', textTransform: 'uppercase', textDecoration: 'none', color: '#0C0C0A' }}>
{item}
))}
)}
);
};
function NavLink({ href, label }) {
const [hovered, setHovered] = React.useState(false);
return (
setHovered(true)}
onMouseLeave={() => setHovered(false)}
style={{ fontSize: 12, letterSpacing: '0.12em', textTransform: 'uppercase', textDecoration: 'none', color: hovered ? '#0C0C0A' : '#888884', transition: 'color 0.2s', position: 'relative', paddingBottom: 4 }}>
{label}
);
}