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:T9ab,export const contactSite = { name: "Nusaiba", email: "hello@nusaiba.dev", domain: "nusaiba.dev", namespace: "@nusaiba", } as const; export const contactFormCopy = { submit: "Send message", sending: "Sending…", namePlaceholder: "Jane", lastNamePlaceholder: "Doe", emailPlaceholder: "you@nusaiba.dev", messagePlaceholder: "Tell us about your landing page or Pro licensing needs…", } as const; export const contactSplitCopy = { eyebrow: "Contact", title: "Questions about the registry?", description: "Ask about Pro access, commercial licensing, team seats, or custom block installs — we respond within one business day.", } as const; export const contactCompactCopy = { eyebrow: "Reach us", title: "Send a note", description: "Pro licensing, team plans, or help picking blocks for your landing page — we read every message.", } as const; export const contactVisualCopy = { eyebrow: "Support", title: "Let's talk about your page", description: "Share your stack and timeline — we'll point you to the right blocks and install path.", } as const; export const contactBandCopy = { title: "Need help before you buy?", description: "Leave your email — we'll send install tips and Pro licensing details.", submit: "Request info", } as const; export const contactTopics = [ { id: "pro", label: "Pro license" }, { id: "team", label: "Team plan" }, { id: "blocks", label: "Block advice" }, { id: "other", label: "Other" }, ] as const; export type ContactTopicId = (typeof contactTopics)[number]["id"]; export const contactSubjects = [ "Pro commercial license", "Team workspace (10 seats)", "Custom block install", "Partnership / press", ] as const; export const contactChannels = [ { id: "email", label: "Email", value: contactSite.email, href: `mailto:${contactSite.email}`, }, { id: "docs", label: "Docs", value: `${contactSite.domain}/docs`, href: "/docs", }, { id: "registry", label: "Registry", value: contactSite.namespace, href: "/blocks", }, ] as const; export const contactEnterpriseCopy = { eyebrow: "Enterprise", title: "Talk to us about team access", description: "Agency or product team rolling out blocks across client landing pages — tell us seat count and timeline.", } as const; export const contactFramedCopy = { eyebrow: "Contact", title: "Get in touch", description: "We help builders install, customize, and license Nusaiba blocks for production sites.", } as const; 51:Tefc,"use client"; import Link from "next/link"; import { useRef } from "react"; import { ArrowUpRightIcon } from "lucide-react"; import { motion, useInView, useReducedMotion } from "motion/react"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Label } from "@/components/ui/label"; import { motionStagger, motionViewport } from "@/lib/motion-tokens"; import { cn } from "@/lib/utils"; import { contactChannels, contactCompactCopy, contactFormCopy } from "../contact-data"; import { SectionShell } from "@/components/layout-contract"; const spring = { type: "spring" as const, duration: 0.3, bounce: 0 }; export function ContactChannelGridSection() { const reduceMotion = useReducedMotion(); const ref = useRef(null); const inView = useInView(ref, motionViewport); const itemVariants = reduceMotion ? { hidden: { opacity: 1 }, visible: { opacity: 1 } } : { hidden: { opacity: 0, filter: "blur(4px)", y: 8 }, visible: { opacity: 1, filter: "blur(0px)", y: 0, transition: spring }, }; return (

{contactCompactCopy.eyebrow}

Pick a channel or send a message

{contactCompactCopy.description}

{contactChannels.map((channel) => (

{channel.label}

{channel.value}

))}

Name

Message

); } 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","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"}]]}]}]]}],["$","$L4e",null,{"namespace":"@nusaiba","registryDependencies":["@nusaiba/foundation","button","input","label"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/blocks/contact/contact-data.ts","content":"$50","type":"registry:lib"},{"path":"registry/blocks/contact/7/contact-section.tsx","content":"$51","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]