4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T2491,"use client" import { ArrowRight, Menu, X } from "lucide-react" import { AnimatePresence, motion, useReducedMotion } from "motion/react" import Link from "next/link" import { usePathname } from "next/navigation" import { useEffect, useState } from "react" import { createPortal } from "react-dom" import { LogoWordmark } from "@/components/brand/logo" import { getBrand } from "@/lib/brand" import { cn } from "@/lib/utils" import { ThemeToggle } from "@/components/ui/theme-toggle" /** Edit nav labels and hrefs freely after install. */ const NAV = [ { label: "Work", href: "/work" }, { label: "Tools", href: "/tools" }, { label: "Services", href: "/services" }, { label: "Journal", href: "/journal" }, { label: "About", href: "/about" }, ] as const const CTA = { label: "Hire us", href: "/contact" } const panelEase = [0.32, 0.72, 0, 1] as const // easeOutSoft — match apps/docs/lib/motion.ts function isActive(pathname: string, href: string) { return pathname === href || pathname.startsWith(`${href}/`) } /** * iOS-safe lock — same contract as apps/docs/hooks/use-body-scroll-lock.ts. * Inlined so the registry item stays self-contained after install. */ function useBodyScrollLock(locked: boolean) { useEffect(() => { if (!locked) return const y = window.scrollY const { style } = document.body const prev = { overflow: style.overflow, position: style.position, top: style.top, width: style.width, left: style.left, right: style.right, } style.overflow = "hidden" style.position = "fixed" style.top = `-${y}px` style.left = "0" style.right = "0" style.width = "100%" return () => { style.overflow = prev.overflow style.position = prev.position style.top = prev.top style.width = prev.width style.left = prev.left style.right = prev.right window.scrollTo(0, y) } }, [locked]) } export function SiteHeader() { const pathname = usePathname() const [open, setOpen] = useState(false) const [mounted, setMounted] = useState(false) const [scrolled, setScrolled] = useState(false) const reduce = useReducedMotion() const brandName = getBrand().name useEffect(() => { setMounted(true) }, []) useEffect(() => { setOpen(false) }, [pathname]) useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 8) onScroll() window.addEventListener("scroll", onScroll, { passive: true }) return () => window.removeEventListener("scroll", onScroll) }, []) useEffect(() => { if (!open) return const onKey = (e: KeyboardEvent) => { if (e.key === "Escape") setOpen(false) } window.addEventListener("keydown", onKey) return () => window.removeEventListener("keydown", onKey) }, [open]) useBodyScrollLock(open) const drawer = mounted && createPortal( {open ? ( ) : null} , document.body ) return (

{CTA.label}

{drawer}

) } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"motion"}]]}]}],["$","li","next",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/next","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"next"}]]}]}]]}],["$","$L4e",null,{"namespace":"@atroui","registryDependencies":["@atroui/utils","@atroui/brand","@atroui/logo","@atroui/theme-toggle"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/default/blocks/site-header.tsx","content":"$50","type":"registry:component","target":"components/blocks/site-header.tsx"}],"className":"h-[70svh] min-h-80"}]]}]