https://withgems.com/assets/CreatorsPage-CYlmG55u.js

1import{r as n,j as e,t as b}from"./app-C4Kq0qwe.js";import{a as F,b as A,F as L}from"./Footer-Dedo5CrK.js";import{c as d,S as w,R as x,a as V,d as G}from"./structuredData-DVvW7n11.js";import{a as y,S as P}from"./Seo-BiujKJGZ.js";import{F as I,b as k,a as S,e as C,c as j,l as M,d as O}from"./creator-petitslions-D7o2599-.js";import{F as J}from"./ArrowRightIcon-2KRMMj88.js";function W({title:s,titleId:r,...l},t){return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":r},l),s?n.createElement("title",{id:r},s):null,n.createElement("path",{fillRule:"evenodd",d:"M4.755 10.059a7.5 7.5 0 0 1 12.548-3.364l1.903 1.903h-3.183a.75.75 0 1 0 0 1.5h4.992a.75.75 0 0 0 .75-.75V4.356a.75.75 0 0 0-1.5 0v3.18l-1.9-1.9A9 9 0 0 0 3.306 9.67a.75.75 0 1 0 1.45.388Zm15.408 3.352a.75.75 0 0 0-.919.53 7.5 7.5 0 0 1-12.548 3.364l-1.902-1.903h3.183a.75.75 0 0 0 0-1.5H2.984a.75.75 0 0 0-.75.75v4.992a.75.75 0 0 0 1.5 0v-3.18l1.9 1.9a9 9 0 0 0 15.059-4.035.75.75 0 0 0-.53-.918Z",clipRule:"evenodd"}))}const $=n.forwardRef(W),N=[{label:"For brands",href:"/"},{label:"How it works",href:"#how"},{label:"Why Gems",href:"#why"}],g="rounded-md focus-visible:ring-2 focus-visible:ring-lp3-orange-deep focus-visible:ring-offset-4 focus-visible:ring-offset-lp3-paper focus-visible:outline-none";function q(){const[s,r]=n.useState(!1),[l,t]=n.useState(!1);return n.useEffect(()=>{const a=()=>r(window.scrollY>24);return a(),window.addEventListener("scroll",a,{passive:!0}),()=>window.removeEventListener("scroll",a)},[]),n.useEffect(()=>{if(!l)return;const a=c=>c.key==="Escape"&&t(!1),o=window.matchMedia("(min-width: 768px)"),i=()=>o.matches&&t(!1),p=document.body.style.overflow;return document.body.style.overflow="hidden",window.addEventListener("keydown",a),o.addEventListener("change",i),()=>{document.body.style.overflow=p,window.removeEventListener("keydown",a),o.removeEventListener("change",i)}},[l]),e.jsxs("header",{className:d("sticky top-0 z-50 w-full border-b bg-lp3-paper/85 backdrop-blur-xl transition-colors duration-300",s?"border-lp3-line":"border-transparent"),children:[e.jsxs("div",{className:"mx-auto flex h-16 w-full max-w-6xl items-center justify-between px-5 sm:px-8",children:[e.jsxs("a",{href:"/",className:d("flex items-center gap-2.5",g),children:[e.jsx("span",{className:"logo-mask h-7 w-7 text-lp3-ink"}),e.jsx("span",{className:"font-cooper text-xl leading-none text-lp3-ink",children:"Gems"})]}),e.jsx("nav",{className:"hidden items-center gap-8 md:flex","aria-label":"Creator page sections",children:N.map(a=>e.jsx("a",{href:a.href,className:d("text-sm font-medium text-lp3-ink/85 transition-colors duration-200 hover:text-lp3-ink",g),children:a.label},a.href))}),e.jsxs("div",{className:"flex items-center gap-5",children:[e.jsx("a",{href:y,className:d("hidden text-sm font-medium text-lp3-ink/85 transition-colors duration-200 hover:text-lp3-ink sm:block",g),children:"Log in"}),e.jsx("a",{href:"#waitlist",className:"inline-flex items-center justify-center gap-2 rounded-xl bg-secondary px-5 py-2.5 text-sm font-medium text-white transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(255,122,59,0.35)] focus-visible:ring-2 focus-visible:ring-lp3-orange-deep focus-visible:ring-offset-2 focus-visible:ring-offset-lp3-paper focus-visible:outline-none",children:"Join waitlist"}),e.jsx("button",{type:"button",onClick:()=>t(a=>!a),"aria-expanded":l,"aria-controls":"creators-mobile-menu","aria-label":l?"Close menu":"Open menu",className:"-mr-2.5 grid h-11 w-11 place-items-center rounded-lg text-lp3-ink focus-visible:ring-2 focus-visible:ring-lp3-orange-deep focus-visible:outline-none md:hidden",children:l?e.jsx(F,{className:"h-5.5 w-5.5","aria-hidden":!0}):e.jsx(A,{className:"h-5.5 w-5.5","aria-hidden":!0})})]})]}),l&&e.jsx("nav",{id:"creators-mobile-menu","aria-label":"Creator page sections",className:"border-t border-lp3-line bg-lp3-paper px-5 pt-2 pb-5 md:hidden",children:[...N,{label:"Log in",href:y}].map(a=>e.jsx("a",{href:a.href,onClick:()=>t(!1),className:d("block border-b border-lp3-line py-3.5 text-base font-medium text-lp3-ink last:border-b-0","focus-visible:ring-2 focus-visible:ring-lp3-orange-deep focus-visible:outline-none"),children:a.label},a.href))})]})}const B=/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;function R({id:s}){const[r,l]=n.useState(""),[t,a]=n.useState("idle"),[o,i]=n.useState(""),p=n.useRef(null),c=s??"waitlist-email",v=`${c}-error`;n.useEffect(()=>{t==="done"&&p.current?.focus()},[t]);async function _(u){if(u.preventDefault(),t==="loading")return;const h=r.trim();if(!B.test(h)){a("error"),i(h?"Please enter a valid email address.":"Please enter your email address.");return}a("loading"),i("");try{const f=await fetch("/api/waitlist",{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({email:h})}),E=await f.json().catch(()=>({}));if(!f.ok){a("error"),i(E.error??"Something went wrong. Please try again."),b("Waitlist error",{status:String(f.status)});return}a("done"),l(""),b("Waitlist signup",{location:s??"unknown"})}catch{a("error"),i("Network error. Please try again."),b("Waitlist error",{status:"network"})}}if(t==="done")return e.jsxs("div",{className:"mx-auto flex max-w-md items-center justify-center gap-2.5 rounded-2xl border border-lp3-line bg-white px-5 py-4 text-left shadow-[0_18px_40px_-18px_rgba(43,18,7,0.18)]",role:"status",children:[e.jsx("span",{className:"grid h-6 w-6 shrink-0 place-items-center rounded-full bg-emerald-50 text-lp3-good",children:e.jsx(I,{className:"h-3.5 w-3.5","aria-hidden":!0})}

1),e.jsx("p",{ref:p,tabIndex:-1,className:"text-sm font-medium text-lp3-ink focus-visible:outline-none",children:"You’re on the list. We’ll be in touch with your first brand deals."})]});const m=t==="loading";return e.jsxs("form",{onSubmit:_,className:"mx-auto max-w-md",noValidate:!0,children:[e.jsxs("div",{className:"flex flex-col gap-2.5 sm:flex-row",children:[e.jsx("label",{htmlFor:c,className:"sr-only",children:"Your email address"}),e.jsx("input",{id:c,type:"email",required:!0,autoComplete:"email",value:r,onChange:u=>{l(u.target.value),t==="error"&&a("idle")},placeholder:"[email protected]","aria-invalid":t==="error","aria-describedby":t==="error"?v:void 0,className:"min-w-0 flex-1 rounded-xl border border-lp3-line bg-white px-4 py-3.5 text-[15px] text-lp3-ink placeholder:text-lp3-muted focus-visible:border-secondary focus-visible:ring-2 focus-visible:ring-secondary/30 focus-visible:outline-none aria-invalid:border-lp3-orange-deep"}),e.jsxs("button",{type:"submit",disabled:m,className:"inline-flex shrink-0 items-center justify-center gap-2 rounded-xl bg-secondary px-7 py-3.5 text-[15px] font-medium text-white transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(255,122,59,0.35)] focus-visible:ring-2 focus-visible:ring-lp3-orange-deep focus-visible:ring-offset-2 focus-visible:ring-offset-lp3-paper focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-70 disabled:hover:translate-y-0 disabled:hover:shadow-none",children:[m?"Joining":"Join waitlist",m?e.jsx($,{className:"h-4 w-4 animate-spin","aria-hidden":!0}):e.jsx(J,{className:"h-4 w-4","aria-hidden":!0})]})]}),t==="error"&&e.jsx("p",{id:v,role:"alert",className:"mt-2.5 text-[13px] text-lp3-orange-deep",children:o})]})}const T="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060.28%2010.78'%20fill='%2328030F'%20class='h-[18px]%20w-auto%20transition-all%20duration-300%20ease-in-out%20md:w-30'%20aria-label='Cuure'%20role='img'%3e%3cpath%20d='M46.12,.1c-2.21,0-4.58,1.45-4.58,4.63v5.66h1.67V4.96c0-1.99,1.19-3.26,2.95-3.26,.12,0,.68-.01,1.06,.06,0,0,0-1.5,0-1.5-.27-.12-.91-.17-1.1-.17'%3e%3c/path%3e%3cpath%20d='M5.3,.1c1.84,0,3.35,.77,4.2,2.18l-1.31,.91c-.61-1.01-1.62-1.55-2.87-1.55-1.01,0-1.84,.34-2.48,1.03s-.95,1.59-.95,2.72,.32,2.02,.95,2.72c.63,.69,1.47,1.03,2.48,1.03,1.25,0,2.26-.53,2.87-1.55l1.31,.91c-.85,1.41-2.36,2.18-4.2,2.18C2.24,10.68,.14,8.44,.14,5.39S2.24,.1,5.3,.1'%3e%3c/path%3e%3cpath%20d='M13.78,.38h1.67V6.56c0,1.66,.97,2.58,2.66,2.58s2.66-.91,2.66-2.58V.38h1.67V6.66c0,2.38-1.72,4.02-4.32,4.02s-4.32-1.65-4.32-4.02V.38Z'%3e%3c/path%3e%3cpath%20d='M27.6,.38h1.67V6.56c0,1.66,.97,2.58,2.66,2.58s2.66-.91,2.66-2.58V.38h1.67V6.66c0,2.38-1.73,4.02-4.32,4.02s-4.32-1.65-4.32-4.02V.38Z'%3e%3c/path%3e%3cpath%20d='M52.05,5.91c.18,2,1.53,3.23,3.49,3.23,1.29,0,2.36-.52,3.19-1.57l1.13,.95c-.97,1.37-2.52,2.16-4.36,2.16-3.03,0-5.15-2.16-5.15-5.27S52.41,.1,55.36,.1c2.8,0,4.78,2,4.78,4.92,0,.3-.02,.59-.06,.89h-8.03Zm6.38-1.35c-.16-1.84-1.33-2.91-3.07-2.91s-2.97,1.11-3.27,2.91h6.34Z'%3e%3c/path%3e%3c/svg%3e",Y="/assets/pandacraft-mark-gAnq-oAx.png",Z="/assets/shapeheart-mark-BLB_tiYS.png",H=[k,S,C,j],D=[{brand:"Shapeheart",logo:Z,square:!0,category:"Sports accessories",fee:"€480",status:"New offer",badge:"border-secondary bg-secondary/5",fresh:!0},{brand:"Pandacraft",logo:Y,square:!0,category:"Kids and education",fee:"€1,150",status:"Accepted",badge:"border-info bg-info/5",fresh:!1},{brand:"Aro",logo:M,square:!1,category:"Wellness",fee:"€720",status:"Paid",badge:"border-success bg-success/5",fresh:!1},{brand:"Cuure",logo:T,square:!1,category:"Supplements",fee:"€930",status:"Paid",badge:"border-success bg-success/5",fresh:!1}];function K(){return e.jsx("div",{className:"mx-auto w-[300px] rounded-[42px] bg-lp3-ink p-2.5 shadow-[0_40px_80px_-30px_rgba(43,18,7,0.55)] sm:w-[330px]",children:e.jsxs("div",{className:"overflow-hidden rounded-[32px] bg-white",children:[e.jsx("div",{className:"flex justify-center pt-2.5 pb-1",children:e.jsx("span",{className:"h-1.5 w-16 rounded-full bg-lp3-surface-deep"})}),e.jsxs("div",{className:"flex items-center justify-between border-b border-lp3-line px-4 py-3",children:[e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"logo-mask h-4 w-4 text-lp3-ink"}),e.jsx("span",{className:"font-cooper text-[15px] leading-none text-lp3-ink",children:"Gems"})]}),e.jsx("img",{src:j,alt:"",className:"h-6 w-6 rounded-full object-cover"})]}),e.jsxs("div",{className:"flex items-center justify-between px-4 pt-3.5 pb-2",children:[e.jsx("span",{className:"text-[12.5px] font-semibold",children:"Recent opportunities"}),e.jsx("span",{className:"rounded-full bg-lp3-peach px-2 py-0.5 text-[10px] font-bold tracking-wider text-lp3-ink uppercase",children:"1 new"})]}),e.jsx("ul",{children:D.map(s=>e.jsxs("li",{className:`border-t border-lp3-line px-4 py-3 ${s.fresh?"bg-lp3-peach":""}`,children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsx("span",{className:"flex h-5 items-center",children:e.jsx("img",{src:s.logo,alt:s.brand,className:s.square?"h-5 w-5 object-contain":"h-[13px] w-auto max-w-[108px] object-contain object-left"})}),e.jsx("span",{className:"shrink-0 text-[15px] font-semibold tabular-nums",children:s.fee})]}),e.jsxs("div",{className:"mt-1.5 flex items-center justify-between gap-3",children:[e.jsx("span",{className:"truncate text-[11.5px] text-lp3-muted",children:s.category}),e.jsx("span",{className:`shrink-0 rounded-full border px-2 py-0.5 text-[10.5px] font-medium whitespace-nowrap text-lp3-ink ${s.badge}`,children:s.status})]})]},s.brand))})]})})}function U(){return e.jsxs("section",{id:"top",className:"pt-14 text-center sm:pt-24",children:[e.jsxs("div",{className:"mx-auto w-full max-w-6xl px-5 sm:px-8",children:[e.jsxs("h1",{className:"font-cooper mx-auto max-w-[18ch] text-[2.5rem] leading-[1.12] tracking-tight text-balance sm:text-6xl",children:["Be your"," ",e.jsx("span",{className:"bg-[linear-gradient(transparent_62%,var(--color-lp3-peach)_62%)] px-0.5",children:"authentic self"}),". Get paid for it."]}),e.jsx("p",{className:"mx-auto mt-6 max-w-[46ch] text-lg text-lp3-muted sm:text-xl",children:"Get deals with brands you will love to work with."}),e.jsx("div",{id:"waitlist",className:"mt-8 scroll-mt-24",children:e.jsx(R,{id:"waitlist-hero"})}),e.jsxs("div",{className:"mt-7 mb-12 flex items-center justify-center gap-3 sm:mb-18",children:[e.jsx("div",{className:"flex -sp

1ace-x-2.5",children:H.map((s,r)=>e.jsx("img",{src:s,alt:"",className:"h-8 w-8 rounded-full border-2 border-lp3-paper object-cover"},r))}),e.jsxs("span",{className:"text-[13.5px] text-lp3-muted",children:["Join ",e.jsx("span",{className:"font-semibold text-lp3-ink",children:"5,000+"})," other creators on the waitlist"]})]})]}),e.jsx("div",{className:"relative overflow-hidden rounded-t-[36px] bg-lp3-surface px-5 pt-10 sm:px-11 sm:pt-14",children:e.jsx("div",{className:"mx-auto h-[300px] overflow-hidden sm:h-[380px]",children:e.jsx(K,{})})})]})}const z=[{n:"01",title:"Join the network",body:"You apply once. We check engagement quality, brand safety and sponsored history."},{n:"02",title:"Set your rates",body:"Your price per format, agreed once. It applies to every offer, no haggling."},{n:"03",title:"Offers land in your inbox",body:"Brands pick you from the network. Take the ones you like, ignore the rest."},{n:"04",title:"Create, and get paid",body:"Contract, invoicing and payout are handled for you, in 100+ countries."}];function Q(){return e.jsx(w,{id:"how",className:"pt-16 pb-16 sm:pt-26 sm:pb-26",children:e.jsxs("div",{className:"rounded-[36px] bg-lp3-surface px-5 py-12 sm:px-14 sm:py-20",children:[e.jsx(x,{children:e.jsx(V,{title:"Brands come to you. Not the other way around.",sub:"No pitching, no chasing invoices. You create, Gems runs everything around it.",className:"mb-12 sm:mb-16"})}),e.jsx("ol",{className:"grid gap-x-10 gap-y-10 sm:grid-cols-2 lg:grid-cols-4",children:z.map((s,r)=>e.jsx("li",{className:"border-t border-lp3-line pt-5",children:e.jsxs(x,{delay:r*.08,children:[e.jsx("span",{className:"font-cooper block text-2xl leading-none text-lp3-orange-deep",children:s.n}),e.jsx("h3",{className:"font-cooper mt-4 text-xl tracking-tight text-balance",children:s.title}),e.jsx("p",{className:"mt-2.5 text-[15px] text-lp3-muted",children:s.body})]})},s.n))})]})})}const X=[C,S,O,k,j],ee=[{value:"50%",label:"more brand deals once certified"},{value:"100+",label:"countries where we pay creators"},{value:"2,500+",label:"creators already onboarded"}];function se(){return e.jsx(w,{id:"why",className:"pb-16 sm:pb-26",children:e.jsxs(x,{className:"rounded-[36px] bg-lp3-ink px-6 py-12 text-lp3-paper sm:px-14 sm:py-20",children:[e.jsxs("div",{className:"max-w-2xl",children:[e.jsx("h2",{className:"font-cooper text-4xl leading-[1.12] tracking-tight text-balance sm:text-5xl",children:"Certified creators don’t apply for deals. They receive them."}),e.jsx("p",{className:"mt-4 text-base text-lp3-paper/72 sm:text-lg",children:"Brands buy ads through Gems because every creator is vetted. Once you are in, your profile is put in front of them, with your rates already set."}),e.jsxs("div",{className:"mt-7 flex items-center gap-3",children:[e.jsx("div",{className:"flex -space-x-2.5",children:X.map((s,r)=>e.jsx("img",{src:s,alt:"",className:"h-9 w-9 rounded-full border-2 border-lp3-ink object-cover"},r))}),e.jsx("span",{className:"text-[13px] text-lp3-paper/75",children:"Creators already earning with Gems"})]})]}),e.jsx("ul",{className:"mt-10 grid grid-cols-1 gap-7 min-[480px]:grid-cols-3 sm:mt-14",children:ee.map(s=>e.jsxs("li",{className:"border-t border-lp3-paper/22 pt-4",children:[e.jsx("span",{className:"font-cooper block text-4xl leading-tight text-secondary sm:text-5xl",children:s.value}),e.jsx("span",{className:"mt-1.5 block text-[13.5px] text-lp3-paper/75",children:s.label})]},s.label))})]})})}function ae(){return e.jsx(w,{id:"join",children:e.jsxs(x,{className:"text-center",children:[e.jsx("p",{className:"text-[13px] font-bold tracking-wide text-lp3-orange-deep uppercase",children:"Free for creators, always"}),e.jsx("h2",{className:"font-cooper mx-auto mt-3 max-w-[20ch] text-4xl leading-[1.12] tracking-tight text-balance sm:text-6xl",children:"Your next brand deal starts here."}),e.jsx("p",{className:"mx-auto mt-4 max-w-[44ch] text-base text-lp3-muted sm:text-lg",children:"Join the waitlist and we will reach out when brands in your niche are looking."}),e.jsx("div",{className:"mt-10",children:e.jsx(R,{id:"waitlist-final"})})]})})}function te(){return e.jsxs(e.Fragment,{children:[e.jsx(P,{path:"/creators",title:"Gems for creators | Get paid to be your authentic self",description:"Join the Gems creator network and get brand deals that match your content. No pitching, no chasing invoices: negotiation, contracts and payouts are handled for you, in 100+ countries.",image:"/og/creators.png",jsonLd:G("For creators","/creators")}),e.jsxs("div",{className:"min-h-screen bg-lp3-paper font-sans text-lp3-ink antialiased",children:[e.jsx(q,{}),e.jsxs("main",{children:[e.jsx(U,{}),e.jsx(Q,{}),e.jsx(se,{}),e.jsx(ae,{})]}),e.jsx(L,{})]})]})}te.displayName="CreatorsPage";export{te as Component};