4d: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"] 4e: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"] 4f:T4e5,"use client" import Link from "next/link" import { DesktopNav } from "@/components/header-8/desktop-nav" import { MobileNav } from "@/components/header-8/mobile-nav" import { FancyButton } from "@/components/ui/fancy-button" import { Icons } from "@/components/ui/icons" export function SiteHeader() { return (

} > Sign up

) }50:T1c78,"use client" import { useEffect, useState } from "react" import Link from "next/link" import { cn } from "cn" import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, } from "@/components/ui/navigation-menu" import { IPhoneMockup } from "@/components/header-8/iphone-mockup" import { ArrowUpRightIcon, CreditCardIcon, LockIcon, MailIcon, TrendingUpIcon, TriangleAlertIcon } from 'lucide-react' export const FEATURES = [ { key: "payments", title: "Payments Hub", description: "Manage transfers from one dashboard.", href: "#", icon: ( ), }, { key: "invoicing", title: "Invoicing", description: "Create and send invoices instantly.", href: "#", icon: ( ), }, { key: "transfers", title: "Payouts", description: "Send funds to partners and teams.", href: "#", icon: ( ), }, { key: "security", title: "Identity Check", description: "Verify users before transactions.", href: "#", icon: ( ), }, { key: "portfolio", title: "Portfolio Tracking", description: "Track assets and performance live.", href: "#", icon: ( ), }, { key: "alerts", title: "Market Alerts", description: "Receive price and market notifications.", href: "#", icon: ( ), }, ] export function DesktopNav() { const [menuValue, setMenuValue] = useState(null) useEffect(() => { if (!menuValue) return const viewportWidth = window.innerWidth const close = () => { if (window.innerWidth === viewportWidth) return setMenuValue(null) } window.addEventListener("resize", close) return () => window.removeEventListener("resize", close) }, [menuValue]) return ( <> } > Home svg]:duration-200 [&>svg]:motion-reduce:transition-none", "text-muted-foreground! hover:bg-muted! hover:text-foreground!", "data-popup-open:text-foreground data-popup-open:[&_svg]:text-primary" )} > Features

{FEATURES.map((p) => ( } >

{p.icon}

{p.title}

{p.description}

))}

Download the mobile app

Get the app for iOS and Android.

} > Pricing ) }51:Tc7c,"use client" import { useId, type ReactNode } from "react" /* Adapted from Max Rudberg's iPhone mockup, CC BY 4.0: https://www.figma.com/community/file/1560672326379407095/iphone-17-mockups */ export const IPhoneMockup = ({ className, children, }: { className?: string children?: ReactNode }) => { const id = useId() return ( ) }52:T1627,"use client" import { useEffect, useId, useRef, useState } from "react" import Link from "next/link" import { AnimatePresence, motion, useReducedMotion } from "motion/react" import { Button } from "@/components/ui/button" import { FEATURES } from "@/components/header-8/desktop-nav" import { ChevronDownIcon, MenuIcon, XIcon } from 'lucide-react' const groups: { title: string items: { title: string; href: string; description?: string }[] }[] = [{ title: "Features", items: FEATURES }] export function MobileNav() { const [isOpen, setIsOpen] = useState(false) const menuId = useId() const triggerRef = useRef(null) const panelRef = useRef(null) const reducedMotion = useReducedMotion() useEffect(() => { if (!isOpen) return const dismiss = (event: PointerEvent | KeyboardEvent) => { if (event instanceof KeyboardEvent) { if (event.key !== "Escape") return event.preventDefault() setIsOpen(false) triggerRef.current?.focus() } else if ( event.target instanceof Node && !panelRef.current?.contains(event.target) && !triggerRef.current?.contains(event.target) ) setIsOpen(false) } const viewportWidth = window.innerWidth const resize = () => { if (window.innerWidth === viewportWidth) return setIsOpen(false) } document.addEventListener("pointerdown", dismiss) document.addEventListener("keydown", dismiss) window.addEventListener("resize", resize) return () => { document.removeEventListener("pointerdown", dismiss) document.removeEventListener("keydown", dismiss) window.removeEventListener("resize", resize) } }, [isOpen]) return ( <> {isOpen && ( { if ((event.target as HTMLElement).closest("a")) setIsOpen(false) }} >

{groups.map((group) => (

))}

)} ) }4c:["$","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","cn",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","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":"cn"}]]}]}],["$","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"}]]}]}]]}],["$","$L4d",null,{"namespace":"@diarmuradi","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/navigation-menu.json"]}]]}],null]}],["$","$L4e",null,{"files":[{"path":"header.tsx","content":"$4f","type":"registry:block","target":"components/header-8/header.tsx"},{"path":"desktop-nav.tsx","content":"$50","type":"registry:block","target":"components/header-8/desktop-nav.tsx"},{"path":"iphone-mockup.tsx","content":"$51","type":"registry:block","target":"components/header-8/iphone-mockup.tsx"},{"path":"mobile-nav.tsx","content":"$52","type":"registry:block","target":"components/header-8/mobile-nav.tsx"}],"className":"h-[70svh] min-h-80"}]]}]