https://notablackbox.ai/assets/CareerClawLP-z30sGO4E.js

1import{r as c,j as e,L as g,m as l,s as T}from"./index-DCO7RIdX.js";const t={bg:"#0B0B0E",surface:"#14141A",border:"#23232B",text:"#F4F4F5",muted:"#9A9AA3",accent:"#E66A2C",alt:"#0F4C5C"},x={hidden:{opacity:0,y:16},show:(a=0)=>({opacity:1,y:0,transition:{delay:a*.08,duration:.5,ease:"easeOut"}})},o=({children:a,className:i=""})=>e.jsx(l.div,{initial:{opacity:0},whileInView:{opacity:1},viewport:{once:!0,margin:"-80px"},transition:{duration:.5,ease:"easeOut"},className:i,children:a}),w=({className:a="",style:i})=>e.jsxs("svg",{viewBox:"0 0 32 32",className:a,style:i,fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[e.jsx("path",{d:"M8 6 L8 26"}),e.jsx("path",{d:"M14 4 L14 28"}),e.jsx("path",{d:"M20 6 L20 26"}),e.jsx("path",{d:"M26 10 L26 22"})]}),r=({children:a,className:i=""})=>e.jsx("section",{className:`w-full px-6 md:px-10 ${i}`,children:e.jsx("div",{className:"mx-auto max-w-[1200px]",children:a})}),m=({children:a})=>e.jsx("p",{className:"font-mono text-[13px] uppercase tracking-[0.1em]",style:{color:t.accent},children:a}),C=()=>{const[a,i]=c.useState(""),[b,p]=c.useState(!1),[u,y]=c.useState(!1),[j,f]=c.useState(""),[h,N]=c.useState("a"),[v,k]=c.useState(0);c.useEffect(()=>{document.title="Not a Black Box · Stop applying. Get introduced.";const s=document.querySelector('meta[name="description"]');s&&s.setAttribute("content","Your personal career claw. A persistent AI agent that knows your career, watches the market, and gets you introduced to companies on TalentClaw OS.")},[]);const S=async s=>{if(s.preventDefault(),f(""),!/^\S+@\S+\.\S+$/.test(a)){f("Enter a valid email.");return}y(!0);try{await T.from("waitlist_signups").insert({linkedin_url:a}),p(!0)}catch{p(!0)}finally{y(!1)}};return e.jsxs("div",{className:"min-h-screen w-full font-sans antialiased",style:{background:t.bg,color:t.text,fontFamily:"Inter, ui-sans-serif, system-ui"},children:[e.jsx("header",{className:"w-full px-6 md:px-10 pt-6",children:e.jsxs("div",{className:"mx-auto max-w-[1200px] flex items-center justify-between",children:[e.jsxs(g,{to:"/",className:"flex items-center gap-2",children:[e.jsx(w,{className:"w-4 h-4",style:{color:t.accent}}),e.jsx("span",{className:"font-mono text-[12px] uppercase tracking-[0.15em]",style:{color:t.muted},children:"Not a Black Box®"})]}),e.jsxs("nav",{className:"hidden md:flex items-center gap-8 text-[14px]",style:{color:t.muted},children:[e.jsx("a",{href:"#how",className:"hover:text-white transition-colors",children:"For You"}),e.jsx("a",{href:"#companies",className:"hover:text-white transition-colors",children:"For Companies"}),e.jsx("a",{href:"#manifesto",className:"hover:text-white transition-colors",children:"Manifesto"}),e.jsx(g,{to:"/",className:"hover:text-white transition-colors",children:"Sign In"})]})]})}),e.jsx(r,{className:"pt-20 md:pt-32 pb-24 md:pb-40",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-12 items-start",children:[e.jsxs("div",{className:"lg:col-span-7",children:[e.jsx(l.div,{initial:"hidden",animate:"show",variants:x,custom:0,children:e.jsx(m,{children:"Your Personal Talent Claw"})}),e.jsxs(l.h1,{initial:"hidden",animate:"show",variants:x,custom:1,className:"mt-6 font-semibold leading-[0.95]",style:{fontSize:"clamp(52px, 9vw, 120px)",letterSpacing:"-0.03em",fontFamily:"Inter, ui-sans-serif"},children:["Stop applying.",e.jsx("br",{}),"Get introduced."]}),e.jsx(l.p,{initial:"hidden",animate:"show",variants:x,custom:2,className:"mt-8 text-[20px] leading-[1.55] max-w-[560px]",style:{color:t.muted},children:"Not a Black Box gives you a claw · a persistent AI agent that knows your career, watches the market, and gets you in front of the companies that should already know your name."}),e.jsxs(l.div,{initial:"hidden",animate:"show",variants:x,custom:3,className:"mt-10 flex flex-wrap items-center gap-6",children:[e.jsx("a",{href:"#cta",className:"inline-flex items-center text-[16px] font-medium transition-opacity hover:opacity-90",style:{background:t.accent,color:"#fff",padding:"14px 22px",borderRadius:"6px"},children:"Get your claw"}),e.jsxs("a",{href:"#how",className:"text-[14px] inline-flex items-center gap-2 hover:opacity-80",style:{color:t.text}

1,children:["How it works ",e.jsx("span",{"aria-hidden":!0,children:"→"})]})]}),e.jsx(l.p,{initial:"hidden",animate:"show",variants:x,custom:4,className:"mt-6 font-mono text-[12px]",style:{color:t.muted},children:"No job searching. No recruiter spam. No applying."})]}),e.jsx(l.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.4,duration:.6},className:"lg:col-span-5",children:e.jsxs("div",{className:"w-full p-6 font-mono text-[13px] leading-[1.9]",style:{background:"#000",border:`1px solid ${t.border}`,borderRadius:"8px"},children:[e.jsxs("div",{style:{color:t.muted},children:["CLAW: ",e.jsx("span",{style:{color:t.text},children:"BILL_F-001"})]}),e.jsxs("div",{style:{color:t.muted},className:"flex items-center gap-2",children:["STATUS:",e.jsx("span",{style:{color:t.text},children:"ACTIVE"}),e.jsxs("span",{className:"relative inline-flex w-2 h-2",children:[e.jsx("span",{className:"absolute inset-0 rounded-full animate-ping",style:{background:"#22c55e",opacity:.6}}),e.jsx("span",{className:"relative w-2 h-2 rounded-full",style:{background:"#22c55e"}})]})]}),e.jsxs("div",{style:{color:t.muted},children:["WATCHING: ",e.jsx("span",{style:{color:t.text},children:"2,418 roles"})]}),e.jsxs("div",{style:{color:t.muted},children:["MATCHED THIS WEEK: ",e.jsx("span",{style:{color:t.text},children:"6"})]}),e.jsxs("div",{style:{color:t.muted},children:["INTROS PENDING: ",e.jsx("span",{style:{color:t.text},children:"2"})]}),e.jsxs("div",{style:{color:t.muted},children:["LAST ACTION: ",e.jsx("span",{style:{color:t.text},children:"4m ago"})]}),e.jsx("div",{className:"mt-6 pt-4",style:{borderTop:`1px solid ${t.border}`},children:e.jsxs("div",{style:{color:t.muted},children:[">"," ",e.jsx("span",{style:{color:t.accent},children:"claw"})," --watch"]})})]})})]})}),e.jsx("div",{className:"w-full",style:{background:t.surface,borderTop:`1px solid ${t.border}`,borderBottom:`1px solid ${t.border}`},children:e.jsx(r,{className:"py-8",children:e.jsxs("div",{className:"flex flex-col md:flex-row items-center justify-between gap-6 font-mono text-[18px]",style:{color:t.text},children:[e.jsx("span",{children:"You don't job-search."}),e.jsx("span",{className:"hidden md:block w-px h-6",style:{background:t.border}}),e.jsx("span",{children:"You don't apply."}),e.jsx("span",{className:"hidden md:block w-px h-6",style:{background:t.border}}),e.jsx("span",{children:"Companies come to you."})]})})}),e.jsx(r,{className:"py-24 md:py-40",children:e.jsxs("div",{id:"how",children:[e.jsxs(o,{children:[e.jsx(m,{children:"How it works"}),e.jsx("h2",{className:"mt-4 font-semibold",style:{fontSize:"clamp(32px, 4.5vw, 56px)",letterSpacing:"-0.03em"},children:"Three steps. The claw does the rest."})]}),e.jsx("div",{className:"mt-16 grid grid-cols-1 md:grid-cols-3 gap-6",children:[{n:"01",t:"Build your living profile",b:"Drop in your resume, your LinkedIn, your work. The claw reads everything and builds a living, machine-legible profile that updates itself as your career moves."},{n:"02",t:"Your claw goes to work",b:"It watches the market 24/7. New role drops at a company that fits you · your claw flags it, scores it, and writes the intro before you've finished your coffee."},{n:"03",t:"Get introduced",b:"Companies that use Not a Black Box see your profile inside their hiring system. No application. No portal. They reach out · or you ping them with one tap."}].map((s,d)=>e.jsx(o,{children:e.jsxs("div",{className:"h-full p-8 transition-colors duration-150",style:{background:t.surface,border:`1px solid ${t.border}`,borderRadius:"8px"},onMouseEnter:n=>n.currentTarget.style.borderColor=t.accent,onMouseLeave:n=>n.currentTarget.style.borderColor=t.border,children:[e.jsx("div",{className:"font-mono text-[13px]",style:{color:t.accent},children:s.n}),e.jsx("h3",{className:"mt-6 text-[22px] font-semibold",style:{letterSpacing:"-0.02em"},children:s.t}),e.jsx("p",{className:"mt-4 text-[15px] leading-[1.6]",style:{color:t.muted},children:s.b})]})},d))})]})}),e.jsxs(r,{className:"py-24 md:py-32",children:[e.jsxs(o,{children:[e.jsx(m,{children:"Who it's for"}),e.jsx("h2",{className:"mt-4 font-semibold",style:{fontSize:"clamp(32px, 4.5vw, 56px)",letterSpacing:"-0.03em"}

1,children:"Two career states. One claw."})]}),e.jsx(o,{children:e.jsx("div",{className:"mt-12 inline-flex font-mono text-[13px]",style:{border:`1px solid ${t.border}`,borderRadius:"6px",padding:"4px"},children:["a","b"].map(s=>e.jsx("button",{onClick:()=>N(s),className:"px-4 py-2 rounded-[4px] uppercase tracking-[0.1em] transition-colors",style:{background:h===s?t.accent:"transparent",color:h===s?"#fff":t.muted},children:s==="a"?"Actively looking":"Currently employed"},s))})}),e.jsx("div",{className:"mt-12 max-w-[760px]",children:h==="a"?e.jsxs(l.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.3},children:[e.jsx("h3",{className:"text-[28px] font-semibold leading-tight",style:{letterSpacing:"-0.02em"},children:"You shouldn't have to apply to 200 jobs to land one."}),e.jsx("p",{className:"mt-5 text-[17px] leading-[1.6]",style:{color:t.muted},children:"Your claw runs in the background. It learns your bar, watches for companies that meet it, writes the outreach, schedules the intros. You spend your energy on conversations that matter · not on portals that ghost you."}),e.jsx("ul",{className:"mt-8 space-y-3 font-mono text-[13px]",children:["Continuous job market monitoring","Personalized intro drafts, sent on your approval","Direct visibility to companies on Not a Black Box"].map(s=>e.jsxs("li",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full",style:{background:t.accent}}),e.jsx("span",{style:{color:t.text},children:s})]},s))})]},"a"):e.jsxs(l.div,{initial:{opacity:0}

1,animate:{opacity:1},transition:{duration:.3},children:[e.jsx("h3",{className:"text-[28px] font-semibold leading-tight",style:{letterSpacing:"-0.02em"},children:"Career management shouldn't only happen when you're miserable."}),e.jsx("p",{className:"mt-5 text-[17px] leading-[1.6]",style:{color:t.muted},children:"Your claw runs quietly · tracking your skills, your market value, the companies that should know about you. When the right opportunity shows up, you'll know first. When it doesn't, you keep your head down and build."}),e.jsx("ul",{className:"mt-8 space-y-3 font-mono text-[13px]",children:["Monthly market value & comp benchmarking","Skill gap detection against where you want to be","Discreet visibility · you control who sees what"].map(s=>e.jsxs("li",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full",style:{background:t.accent}}),e.jsx("span",{style:{color:t.text},children:s})]},s))})]},"b")})]}),e.jsx("div",{id:"companies",style:{borderTop:`1px solid ${t.border}`},children:e.jsxs(r,{className:"py-24 md:py-32",children:[e.jsxs(o,{children:[e.jsx(m,{children:"On the other side"}),e.jsx("h2",{className:"mt-4 font-semibold max-w-[900px]",style:{fontSize:"clamp(32px, 4.5vw, 56px)",letterSpacing:"-0.03em"},children:"The companies you want to work for can already see you."}),e.jsx("p",{className:"mt-8 text-[17px] leading-[1.7] max-w-[680px]",style:{color:t.muted},children:"Not a Black Box is the agentic Talent Operating System used by enterprise hiring teams. When you build your profile here, you're not uploading it into a black box · you're entering the same system the recruiters at those companies are running their hiring on. Their claws see your claw. The handshake happens machine-to-machine. The conversation happens human-to-human."})]}),e.jsxs(o,{children:[e.jsx("p",{className:"mt-16 font-mono text-[12px] uppercase tracking-[0.15em]",style:{color:t.muted},children:"Companies hiring through Not a Black Box"}),e.jsx("div",{className:"mt-6 grid grid-cols-3 md:grid-cols-6 gap-8 items-center",style:{opacity:.4},children:["NORTHWIND","ACME","HELIOS","VANTAGE","MERIDIAN","AXIOM"].map(s=>e.jsx("div",{className:"font-mono text-[14px] tracking-[0.1em] text-center",children:s},s))})]})]})}),e.jsxs(r,{className:"py-24 md:py-32",children:[e.jsxs(o,{children:[e.jsx(m,{children:"Powered by TalentClaw OS"}),e.jsx("h2",{className:"mt-4 font-semibold max-w-[900px]",style:{fontSize:"clamp(32px, 4.5vw, 56px)",letterSpacing:"-0.03em"},children:"Most career tools are dashboards. Yours is a claw."}),e.jsx("p",{className:"mt-8 text-[17px] leading-[1.7] max-w-[720px]",style:{color:t.muted},children:"TalentClaw OS is the agentic Talent Operating System Not a Black Box was built on. It's the same infrastru

1cture enterprise hiring teams use to run their recruiting. Your claw is a first-class citizen on the same network. That's why the introductions actually happen."})]}),e.jsx("div",{className:"mt-16 grid grid-cols-1 md:grid-cols-3 gap-12",children:[{n:"01",l:"System of Record",t:"A machine-legible profile that lives, updates, and travels with you."},{n:"02",l:"System of Action",t:"Persistent agents that source, evaluate, and outreach on your behalf · within bounds you set."},{n:"03",l:"System of Intelligence",t:"The claw gets sharper every week · learning your bar, your trajectory, your market."}].map(s=>e.jsxs(o,{children:[e.jsxs("div",{className:"font-mono text-[12px] tracking-[0.1em] uppercase",style:{color:t.accent},children:[s.n,"   ",s.l]}),e.jsx("p",{className:"mt-4 text-[17px] leading-[1.55]",style:{color:t.text},children:s.t})]},s.n))})]}),e.jsx("div",{id:"manifesto",style:{borderTop:`1px solid ${t.border}`},children:e.jsx(r,{className:"py-24 md:py-40",children:e.jsx(o,{children:e.jsxs("div",{className:"max-w-[720px] mx-auto text-center",children:[e.jsx(m,{children:"Why this exists"}),e.jsx("h2",{className:"mt-4 font-semibold",style:{fontSize:"clamp(32px, 4.5vw, 56px)",letterSpacing:"-0.03em"},children:"The job market wasn't built for you. We're rebuilding it."}),e.jsxs("div",{className:"mt-10 text-left text-[18px] leading-[1.7] space-y-6",style:{color:t.text},children:[e.jsx("p",{children:"For thirty years, job seekers have been the product. Boards monetized your attention. ATSs filed you into folders. Recruiters spammed inboxes. You did the work of finding, applying, chasing, ghosting."}),e.jsx("p",{children:"Not anymore."}),e.jsx("p",{children:"Your claw runs the search. Your claw writes the outreach. Your claw monitors the market while you sleep. And when an opportunity worth your time shows up, you get the intro · not the form."}),e.jsx("p",{children:"The future of work doesn't belong to whoever has the prettiest LinkedIn."}),e.jsx("p",{children:"It belongs to whoever has the best claw."})]})]})})})}),e.jsxs(r,{className:"py-24 md:py-32",children:[e.jsx(o,{children:e.jsx("h2",{className:"font-semibold",style:{fontSize:"clamp(32px, 4.5vw, 56px)",letterSpacing:"-0.03em"},children:"Questions."})}),e.jsxs("div",{className:"mt-12 max-w-[820px]",children:[[{q:"Is this free?",a:"For job seekers and employed users, yes. We're funded by the enterprise companies that hire through Not a Black Box."},{q:"Who can see my profile?",a:"You control visibility. By default, only companies on Not a Black Box that match your bar can see you, and only with the level of detail you allow. You can run fully invisible mode."},{q:"How is this different from LinkedIn?",a:"LinkedIn is a directory. Your claw is an operator. It doesn't wait for you to post · it works."},{q:"What does my claw actually do?",a:"It reads the market, scores roles against your profile, drafts intros, monitors comp, flags skill gaps, and surfaces opportunities. You approve actions. The claw executes."},{q:"Are you hiring?",a:"We're claws. But yes, the humans are too."}].map((s,d)=>{const n=v===d;return e.jsxs("div",{style:{borderTop:`1px solid ${t.border}`},children:[e.jsxs("button",{onClick:()=>k(n?null:d),className:"w-full flex items-center justify-between py-6 text-left",children:[e.jsx("span",{className:"text-[18px] md:text-[20px] font-medium",style:{letterSpacing:"-0.01em"},children:s.q}),e.jsx("span",{className:"text-[20px] transition-transform duration-200",style:{color:t.muted,transform:n?"rotate(45deg)":"rotate(0)"},children:"+"})]}),n&&e.jsx(l.p,{initial:{opacity:0,y:-4},animate:{opacity:1,y:0},transition:{duration:.2},className:"pb-6 text-[16px] leading-[1.6] max-w-[680px]",style:{color:t.muted},children:s.a})]},d)}),e.jsx("div",{style:{borderTop:`1px solid ${t.border}`}})]})]}),e.jsx(r,{className:"py-32 md:py-48",children:e.jsxs("div",{id:"cta",className:"text-center",children:[e.jsx(o,{children:e.jsx("h2",{className:"font-semibold",style:{fontSize:"clamp(56px, 9vw, 120px)",letterSpacing:"-0.03em",lineHeight:.95},children:"Get your claw."})}),e.jsx(o,{children:e.jsx("p",{className:"mt-8 text-[18px] mx-auto",style:{color:t.muted,maxWidth:"480px"},children:"Early access is invite-only. Drop your email and we'll let you in when your spot opens."})}),e.jsx(o,{children:e.jsxs("div",{className:"mt-12 max-w-[520px] mx-auto",children:[b?e.jsx("p",{className:"font-mono text-[14px] py-4",style:{color:t.accent},children:"You're in the queue. Your claw will email you when it's ready."}):e.jsxs("form",{onSubmit:S,className:"flex flex-col sm:flex-row gap-3",children:[e.jsx("input",{type:"email",value:a,onChange:s=>i(s.target.value),placeholder:"[email protected]",className:"flex-1 px-4 py-3 text-[15px] outline-none focus:border-white transition-colors",style:{background:t.surface,border:`1px solid ${t.border}`,borderRadius:"6px",color:t.text}}),e.jsx("button",{type:"submit",disabled:u,className:"px-6 py-3 text-[15px] font-medium transition-opacity hover:opacity-90 disabled:opacity-50",style:{background:t.accent,color:"#fff",borderRadius:"6px"},children:u?"...":"Request access"})]}),j&&e.jsx("p",{className:"mt-3 text-[13px] text-left",style:{color:"#ef4444"},children:j})]})})]})}),e.jsx("footer",{style:{borderTop:`1px solid ${t.border}`},children:e.jsx(r,{className:"py-12",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-10",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(w,{className:"w-4 h-4",style:{color:t.accent}}),e.jsx("span",{className:"font-mono text-[12px] uppercase tracking-[0.15em]",children:"Not a Black Box®"})]}),e.jsx("p",{className:"mt-3 text-[13px]",style:{color:t.muted}

1,children:"Agentic talent infrastructure."})]}),e.jsxs("div",{className:"flex flex-wrap gap-x-6 gap-y-2 text-[13px]",style:{color:t.muted},children:[e.jsx("a",{href:"#how",className:"hover:text-white",children:"For You"}),e.jsx("a",{href:"#companies",className:"hover:text-white",children:"For Companies"}),e.jsx("a",{href:"#manifesto",className:"hover:text-white",children:"Manifesto"}),e.jsx("a",{href:"#",className:"hover:text-white",children:"Careers"}),e.jsx("a",{href:"#",className:"hover:text-white",children:"Press"})]}),e.jsxs("div",{className:"flex flex-wrap gap-x-6 gap-y-2 text-[12px] md:justify-end",style:{color:t.muted},children:[e.jsx("a",{href:"#",className:"hover:text-white",children:"Privacy"}),e.jsx("a",{href:"#",className:"hover:text-white",children:"Terms"}),e.jsx("a",{href:"#",className:"hover:text-white",children:"Security"}),e.jsx("span",{children:"©2026 Not a Black Box, Inc. All Rights Reserved."})]})]})})})]})};export{C as default};