// Shared site primitives: Icons, Button, Eyebrow, Nav, Footer // === Icons (Lucide-style, 1.5px stroke) === const Icon = ({ children, size = 20, fill = "none" }) => ( {children} ); const Icons = { arrowRight: ({ size } = {}) => , arrowUpRight: ({ size } = {}) => , mail: ({ size } = {}) => , zap: ({ size } = {}) => , search: ({ size } = {}) => , brain: ({ size } = {}) => , workflow: ({ size } = {}) => , cpu: ({ size } = {}) => , users: ({ size } = {}) => , dollar: ({ size } = {}) => , megaphone: ({ size } = {}) => , shield: ({ size } = {}) => , pen: ({ size } = {}) => , check: ({ size } = {}) => , checkCircle: ({ size } = {}) => , alertCircle: ({ size } = {}) => , menu: ({ size } = {}) => , close: ({ size } = {}) => , send: ({ size } = {}) => , mapPin: ({ size } = {}) => , clock: ({ size } = {}) => , inbox: ({ size } = {}) => , database: ({ size } = {}) => , terminal: ({ size } = {}) => , facebook: ({ size } = {}) => , twitter: ({ size } = {}) => , linkedin: ({ size } = {}) => , tiktok: ({ size } = {}) => , github: ({ size } = {}) => , tool: ({ size } = {}) => , layers: ({ size } = {}) => , gitBranch: ({ size } = {}) => , }; // === Button === const Button = ({ variant = "primary", size, icon, iconRight, children, onClick, href, type }) => { const cls = `btn btn-${variant} ${size === "lg" ? "btn-lg" : ""}`; const content = ( {icon && {icon}} {children} {iconRight && {iconRight}} ); if (href) return {content}; return ; }; const Eyebrow = ({ onDark, children }) => ( {children} ); // === Nav (full-length top header) === const Nav = ({ active, onDark, primaryCTA }) => { const [open, setOpen] = React.useState(false); const close = () => setOpen(false); return ( Skip to content
); }; // === Footer === const Footer = () => ( ); Object.assign(window, { Icon, Icons, Button, Eyebrow, Nav, Footer });