// Icons + Nav + Hero const { useEffect: useEffectNH, useRef: useRefNH, useState: useStateNH } = React; /* ───────────────────────────────────────────────────────────── Inline SVG icons (lucide-style, stroke only) ───────────────────────────────────────────────────────────── */ const Icon = ({ d, size = 22, sw = 1.6 }) => ( {Array.isArray(d) ? d.map((p, i) => ) : } ); const Icons = { ArrowUpRight: () => , ArrowRight: () => , Smile: () => ( ), Sparkles: () => ( ), Scissors: () => ( ), Footprints: () => ( ), Activity: () => ( ), LinkedIn: () => ( ), WhatsApp: () => ( ), Mail: () => ( ), Clock: () => ( ), Calendar: () => ( ), Video: () => ( ), }; /* ───────────────────────────────────────────────────────────── JuicyButton ───────────────────────────────────────────────────────────── */ function JuicyButton({ children, variant = "primary", wide, href, onClick, type }) { const cls = "juicy" + (variant === "ghost" ? " ghost" : "") + (wide ? " wide" : ""); const inner = ( {children} ); if (href) { return {inner}; } return ; } /* ───────────────────────────────────────────────────────────── Nav ───────────────────────────────────────────────────────────── */ function Nav() { const [scrolled, setScrolled] = useStateNH(false); useEffectNH(() => { const onScroll = () => setScrolled(window.scrollY > 80); window.addEventListener("scroll", onScroll, { passive: true }); onScroll(); return () => window.removeEventListener("scroll", onScroll); }, []); return ( ); } /* ───────────────────────────────────────────────────────────── Hero ───────────────────────────────────────────────────────────── */ function HeroDiamond() { // Replaced CSS blob with the real chrome reference render. return (