https://skillstacker.io/assets/PassportLandingPage-ANFqNEU6.js

1import{o as u,q as h,j as e,L as g,S as j,B as l,b as i,P as f,W as N,n as b,I as y}from"./index-BuBUSqyv.js";import{M as w}from"./MarketplaceUnlockProgress-BfNmdTYG.js";import"./useMarketplaceUnlock-BInAS3L0.js";const k=[{icon:"skills",title:"SKILLS",copy:"What you know."},{icon:"proof",title:"PROOF",copy:"What you've completed."},{icon:"contribution",title:"CONTRIBUTIONS",copy:"What you've created."},{icon:"reputation",title:"REPUTATION",copy:"What you've earned."}];function L(){var c,m,x;const t=u(),{hasPassport:a,passport:s}=h(),d=((c=s==null?void 0:s.passport)==null?void 0:c.passport_number)??null,o=(t==null?void 0:t.total_claimed)??0,n=(t==null?void 0:t.goal)??1e4,p=Math.min(100,o/Math.max(n,1)*100);return e.jsxs(g,{children:[e.jsx(j,{title:"Skill Stacker Passport | Prove Your Skills",description:"Build a portable record of your skills, proof, credentials, work history, and reputation to unlock better opportunities.",path:"/passport",image:"/og-passport.png"}),e.jsxs("section",{className:"editorial-container editorial-gutter py-16 md:py-24",children:[e.jsxs("div",{className:"grid items-center gap-12 lg:grid-cols-[minmax(0,1fr)_440px]",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"max-w-3xl font-display text-4xl font-black leading-[1.05] tracking-tight md:text-6xl",children:"Your Skills Belong to You."}),e.jsx("p",{className:"mt-5 max-w-2xl text-base leading-relaxed text-muted-foreground md:text-lg",children:"Build a portable record of your skills, certifications, contributions, reputation, and achievements connected to your Solana wallet."}),e.jsxs("div",{className:"mt-8 flex flex-col gap-3 sm:flex-row sm:items-center",children:[a?e.jsx(l,{asChild:!0,size:"lg",className:"font-display tracking-wide",children:e.jsx(i,{to:`/passport/${(m=s==null?void 0:s.passport)==null?void 0:m.username}`,children:"MY PASSPORT"})}):e.jsx(l,{asChild:!0,size:"lg",className:"font-display tracking-wide",children:e.jsx(i,{to:"/passport/claim",children:"CLAIM MY PASSPORT"})}),e.jsxs("p",{className:"text-sm text-muted-foreground",children:[o.toLocaleString()," human capital passports claimed"]})]})]}),e.jsx("div",{className:"order-first h-[240px] sm:h-[320px] lg:order-none lg:h-[400px]",children:e.jsx(f,{className:"h-full w-full"})})]}),e.jsxs("div",{className:"mt-12 grid gap-4 rounded-2xl border border-border bg-card/60 p-6 md:grid-cols-2 md:p-8",children:[e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(N,{className:"mt-1 h-5 w-5 text-muted-foreground"}),e.jsxs("p",{className:"text-sm leading-relaxed text-muted-foreground",children:["Your wallet shows ",e.jsx("span",{className:"text-foreground",children:"what you own."})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(b,{className:"mt-1 h-5 w-5 text-primary"}),e.jsxs("p",{className:"text-sm leading-relaxed text-muted-foreground",children:["Your Passport shows ",e.jsx("span",{className:"text-foreground",children:"what you can do."})]})]})]})]}),e.jsx("section",{className:"editorial-container editorial-gutter pb-16",children:e.jsxs("div",{className:"rounded-2xl border border-border bg-card/60 p-6 md:p-8",children:[a&&d!=null&&e.jsxs("p",{className:"mb-5 font-display text-lg font-bold tracking-tight",children:["You're Passport #",d]}),e.jsx(w,{})]})}),e.jsx("section",{className:"editorial-container editorial-gutter pb-16",children:e.jsx("div",{className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-4",children:k.map(r=>e.jsxs("div",{className:"rounded-2xl border border-border bg-card/50 p-6",children:[e.jsx(y,{name:r.icon,accent:!0}),e.jsx("h2",{className:"mt-4 font-display text-lg font-bold tracking-wide",children:r.title}),e.jsx("p",{className:"mt-1 text-sm text-muted-foreground",children:r.copy})]},r.title))})}),e.jsx("section",{className:"editorial-container editorial-gutter pb-16",children:e.jsxs("div",{className:"rounded-2xl border border-border bg-card/60 p-6 md:p-10",children:[e.jsx("h2",{className:"font-display text-2xl font-black tracking-tight md:text-3xl",children:"10,000 HUMAN CAPITAL CHALLENGE"}),e.jsx("p",{className:"mt-2 text-sm text-muted-foreground",children:"Put 10,000 people's skills on-chain."}),e.jsxs("div",{className:"mt-6",children:[e.jsxs("div",{className:"flex items-baseline justify-between font-display",children:[e.jsx("span",{className:"text-2xl font-bold",children:o.toLocaleStr

1ing()}),e.jsxs("span",{className:"text-sm text-muted-foreground",children:["/ ",n.toLocaleString()]})]}),e.jsx("div",{className:"mt-3 h-2.5 w-full overflow-hidden rounded-full bg-secondary",children:e.jsx("div",{className:"h-full rounded-full bg-primary transition-all",style:{width:`${p}%`}})})]}),e.jsxs("div",{className:"mt-8 space-y-1 text-sm text-muted-foreground",children:[e.jsx("p",{children:"Degrees show where you studied."}),e.jsx("p",{children:"Resumes show where you worked."}),e.jsx("p",{className:"text-foreground",children:"Your Passport shows what you can actually do."})]}),e.jsx(l,{asChild:!0,className:"mt-6 font-display tracking-wide",children:e.jsx(i,{to:a?`/passport/${(x=s==null?void 0:s.passport)==null?void 0:x.username}`:"/passport/claim",children:a?"VIEW MY PASSPORT":"CLAIM YOUR PASSPORT"})})]})}),e.jsx("section",{className:"editorial-container editorial-gutter pb-24",children:e.jsxs("div",{className:"rounded-2xl border border-dashed border-border bg-secondary/20 p-6 md:p-10",children:[e.jsx("p",{className:"text-xs font-semibold text-muted-foreground",children:"Earn With Your Skills"}),e.jsx("h2",{className:"mt-3 font-display text-2xl font-bold tracking-tight md:text-3xl",children:"Turn Human Capital Into Economic Capital."}),e.jsx("p",{className:"mt-3 max-w-2xl text-sm leading-relaxed text-muted-foreground",children:"Teaching, mentoring, creating, solving, and contributing opportunities are coming to Skill Stacker Passport."}),e.jsx(l,{disabled:!0,className:"mt-6 font-display tracking-wide",children:"COMING SOON"})]})})]})}export{L as default};