/* Shared site chrome — nav, footer, buttons, cards */ const { useState, useEffect, useRef, useMemo } = React; // ───────────────────────────────────────────────────────────────────── // Hummingbird mark function Hummingbird({ size = 36, className = "", style = {} }) { return ( ); } // ───────────────────────────────────────────────────────────────────── // Top nav function NavBar({ active = "home", basePath = "" }) { const [open, setOpen] = useState(false); const links = [ ["Home", "index.html", "home"], ["About", "about.html", "about"], ["Services", "services.html", "services"], ["Portfolio", "portfolio.html", "portfolio"], ["Blog", "blog.html", "blog"], ["CV", "cv.html", "cv"], ["Connect", "connect.html", "connect"], ]; return (
ricardo ruiz available
); } // ───────────────────────────────────────────────────────────────────── // Footer (matches the purple slab from screenshots, but evolved) function Footer({ basePath = "" }) { return ( ); } // ───────────────────────────────────────────────────────────────────── // Buttons function Button({ children, variant = "primary", as = "button", href, onClick, icon, ...rest }) { const cls = "rr-btn rr-btn-" + variant; if (as === "a" || href) { return {children}{icon}; } return ; } // ───────────────────────────────────────────────────────────────────── // Section header (for marketing pages) function SectionHeader({ kicker, title, sub }) { return (
{kicker &&
// {kicker}
}

{title}

{sub &&

{sub}

}
); } // ───────────────────────────────────────────────────────────────────── // Tag chip function Tag({ children, accent }) { return {children}; } // Export Object.assign(window, { Hummingbird, NavBar, Footer, Button, SectionHeader, Tag });