https://clutch-app.co/assets/HomeDeferredSections-BfE21rLE.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-BVYkz6QZ.js","assets/index-BPajEfc-.css"])))=>i.map(i=>d[i]);
2import{j as e,I as k,R as m,a as S,g as E,_}from"./index-BVYkz6QZ.js";const R="https://api.clutch-app.co",A="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImFreG1lY2lxeHFub3Z2aWVpenNkIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzI1OTc3NzcsImV4cCI6MjA4Nzk1Nzc3N30.o9Z3RV0V1qLAflGJ3fqgYQGQi9QEGIS2lNxFlQZa91E";function T(){const[s,a]=m.useState(!1);return m.useEffect(()=>{if(!("window"in globalThis)||!globalThis.window.matchMedia)return;const l=globalThis.window.matchMedia("(prefers-reduced-motion: reduce)"),t=()=>a(l.matches);return t(),l.addEventListener?.("change",t),()=>l.removeEventListener?.("change",t)},[]),s}function j({appStoreUrl:s,playStoreUrl:a,size:l="md",className:t=""}){const u=l==="lg"?"h-12 md:h-14":"h-11 md:h-12",c="opacity-40 cursor-not-allowed grayscale",p=S(s),b=S(a),d=(x,g,o)=>{const r=!x,n=e.jsx("img",{src:g,alt:o,className:[u,"select-none",r?c:"hover:-translate-y-0.5 transition"].join(" "),draggable:!1,loading:"lazy"});return r?e.jsx("div",{"aria-disabled":"true",children:n},o):e.jsx("a",{href:x,target:"_blank",rel:"noopener noreferrer","aria-label":o,children:n},o)};return e.jsxs("div",{className:["flex flex-wrap items-center justify-center gap-3",t].join(" "),children:[d(p,"/badges/app-store.svg","Download on the App Store"),d(b,"/badges/google-play.svg","Get it on Google Play")]})}function v({icon:s,title:a,desc:l}){return e.jsxs("div",{className:"rounded-3xl border border-white/10 bg-white/5 p-6 shadow-glow",children:[e.jsx("div",{className:"mb-4 inline-flex h-12 w-12 items-center justify-center rounded-2xl border border-white/10 bg-black/30 text-xl",children:s}),e.jsx("div",{className:"text-lg font-semibold",children:a}),e.jsx("div",{className:"mt-2 text-sm leading-relaxed text-white/65",children:l})]})}function N({step:s,title:a,desc:l}){return e.jsxs("div",{className:"rounded-3xl border border-white/10 bg-white/5 p-6 shadow-glow",children:[e.jsx("div",{className:"text-sm font-semibold text-clutch-orange",children:s}),e.jsx("div",{className:"mt-2 text-lg font-semibold",children:a}),e.jsx("div",{className:"mt-2 text-sm leading-relaxed text-white/65",children:l})]})}function y({q:s,a}){return e.jsxs("details",{className:"group rounded-2xl border border-white/10 bg-white/5 p-5 shadow-glow",children:[e.jsxs("summary",{className:"flex cursor-pointer list-none items-center justify-between gap-4",children:[e.jsx("div",{className:"text-sm font-semibold md:text-base",children:s}),e.jsxs("div",{className:"flex h-9 w-9 items-center justify-center rounded-xl border border-white/10 bg-black/30 text-white/70",children:[e.jsx("span",{className:"group-open:hidden",children:"+"}),e.jsx("span",{className:"hidden group-open:inline",children:"—"})]})]}),e.jsx("div",{className:"mt-3 text-sm leading-relaxed text-white/65",children:a})]})}function M({appStoreUrl:s,playStoreUrl:a}){return e.jsx("section",{id:"download",className:"pb-20 md:pb-28",children:e.jsxs("div",{className:"rounded-[2.5rem] border border-white/10 bg-white/5 p-6 shadow-glow md:p-10",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"mx-auto inline-flex items-center gap-2 rounded-full border border-white/10 bg-black/30 px-4 py-2 text-xs text-white/70",children:"✅ Now available"}),e.jsx("h2",{className:"mt-6 text-3xl font-semibold tracking-tight md:text-5xl",children:"Download Clutch"}),e.jsx("p",{className:"mx-auto mt-4 max-w-2xl text-sm text-white/60 md:text-base",children:"Find teammates fast, join sessions instantly, and start playing without the LFG chaos."}),e.jsx("div",{className:"mt-8 flex justify-center",children:e.jsx(j,{appStoreUrl:s,playStoreUrl:a,size:"lg",className:"justify-center"})}),e.jsx("div",{className:"mt-4 text-xs text-white/50",children:"If a store link is not live yet, it will light up as soon as it is approved."})]}),e.jsxs("div",{className:"mt-10 grid gap-4 md:grid-cols-3",children:[e.jsxs("div",{className:"rounded-3xl border border-white/10 bg-black/30 p-5",children:[e.jsx("div",{className:"text-sm font-semibold",children:"Fast discovery"}),e.jsx("div",{className:"mt-2 text-sm text-white/65",children:"Browse sessions + players instantly."})]}),e.jsxs("div",{className:"rounded-3xl border border-white/10 bg-black/30 p-5",children:[e.jsx("div",{className:"text-sm font-semibold",children:"Built for real gamers"}),e.jsx("div",{className:"mt-2 text-sm text-white/65",children:"Hubs by game, identity profiles, sessions that convert."})]}),e.jsxs("div",{className:"rounded-3xl border border-white/10 bg-black/30 p-5",children:[e.jsx("div",{className:"text-sm font-semibold",children:"No friction"}),e.jsx("div",{className:"mt-2 text-sm text-white/65",children:"Find squadmates and start playing faster."})]})]})]})})}function D({appStoreUrl:s,playStoreUrl:a}){const l=[{key:"profile",eyebrow:"👤 Profile Screen",title:"Build your gamer identity",image:"/screens/optimized/profile-640.webp",bullets:["Set your gamertags","See what games you and others play","Level up your profile","See what you and others posted","Invite straight from profile"]}

2,{key:"hubs",eyebrow:"🎮 Hubs",title:"Follow hubs by game",image:"/screens/optimized/hubs-follow-640.webp",bullets:["Follow hubs","Make and see posts in hubs","Host sessions and join fast"]},{key:"home",eyebrow:"🏠 Home Screen",title:"Find teammates or watch clips",image:"/screens/optimized/clips-640.webp",bullets:["Discover open sessions and available players instantly in Play Now","Scroll clips and highlights while you search for teammates"]}],t=T(),[u,c]=m.useState(0),[p,b]=m.useState(!1),d=l.length;m.useEffect(()=>{if(p||t)return;const r=globalThis.setInterval(()=>{c(n=>(n+1)%d)},4500);return()=>globalThis.clearInterval(r)},[p,t,d]);const x=m.useRef(null),g=r=>{x.current=r.touches[0]?.clientX??null,b(!0)},o=r=>{const n=x.current,i=r.changedTouches[0]?.clientX??null;if(x.current=null,n==null||i==null){b(!1);return}const f=i-n,h=45;f>h?c(w=>(w-1+d)%d):f<-h&&c(w=>(w+1)%d),b(!1)};return e.jsxs("section",{id:"screens",className:"pb-20 md:pb-28",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"mx-auto inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-4 py-2 text-xs text-white/70",children:"📱 Screens"}),e.jsx("h2",{className:"mt-6 text-3xl font-semibold tracking-tight md:text-5xl",children:"What you can do in Clutch"}),e.jsx("p",{className:"mx-auto mt-4 max-w-2xl text-sm text-white/60 md:text-base",children:"A quick tour of the core screens — swipe on mobile or tap the dots."})]}),e.jsx("div",{className:"mt-10 rounded-[2.5rem] border border-white/10 bg-white/5 p-6 shadow-glow md:p-10",children:e.jsxs("div",{className:"relative overflow-hidden",onTouchStart:g,onTouchEnd:o,children:[e.jsx("div",{className:"flex transition-transform duration-500 ease-out",style:{transform:`translateX(-${u*100}%)`},children:l.map(r=>e.jsx("div",{className:"w-full shrink-0",children:e.jsxs("div",{className:"grid items-center gap-10 md:grid-cols-2",children:[e.jsx("div",{className:"flex justify-center md:justify-start",children:e.jsx(k,{images:[r.image],autoRotate:!1,alt:r.title,loading:"lazy",fetchPriority:"low",sizes:"(max-width: 767px) 260px, 340px",widthClassName:"w-[260px] sm:w-[300px] md:w-[340px]"})}),e.jsxs("div",{children:[e.jsx("div",{className:"inline-flex items-center gap-2 rounded-full border border-white/10 bg-black/30 px-4 py-2 text-xs text-white/70",children:r.eyebrow}),e.jsx("h3",{className:"mt-5 text-2xl font-semibold tracking-tight md:text-4xl",children:r.title}),e.jsx("ul",{className:"mt-6 space-y-3 text-sm text-white/70 md:text-base",children:r.bullets.map(n=>e.jsxs("li",{className:"flex gap-3",children:[e.jsx("span",{className:"mt-2 h-2 w-2 shrink-0 rounded-full bg-clutch-orange shadow-orange"}),e.jsx("span",{children:n})]},n))}),e.jsx("div",{className:"mt-8 flex items-center gap-4",children:e.jsx("div",{className:"flex items-center gap-2",children:l.map((n,i)=>e.jsx("button",{type:"button",onClick:()=>c(i),className:["h-2.5 w-2.5 rounded-full transition",i===u?"bg-clutch-orange":"bg-white/20 hover:bg-white/35"].join(" "),"aria-label":`Go to ${n.title}`,"aria-current":i===u?"true":"false"},n.key))})}),e.jsx("div",{className:"mt-8",children:e.jsx(j,{appStoreUrl:s,playStoreUrl:a,size:"lg"})})]})]})},r.key))}),e.jsx("div",{className:"pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-black/20 to-transparent"})]})})]})}function G({appStoreUrl:s,playStoreUrl:a,supportEmail:l}){const[t,u]=m.useState({game:"",platform:"pc",notes:"",email:"",company:""}),[c,p]=m.useState(!1),[b,d]=m.useState(!1),[x,g]=m.useState(null),o=(i,f)=>{u(h=>({...h,[i]:f}))},r=()=>t.game.trim()?t.email.trim()&&!/^\S+@\S+\.\S+$/.test(t.email.trim())?"Please enter a valid email (or leave it blank).":null:"Please enter a game name.";async function n(){if(g(null),t.company.trim()){d(!0);return}const i=r();if(i){g(i);return}const f=E();p(!0);try{const{createClient:h}=await _(async()=>{const{createClient:P}=await import("./index-BVYkz6QZ.js").then(q=>q.i);return{createClient:P}},__vite__mapDeps([0,1])),w=h(R,A,{auth:{persistSession:!1,autoRefreshToken:!1,detectSessionInUrl:!1}}),I=typeof document>"u"?null:document.referrer||null,z="window"in globalThis?globalThis.window.location.href:null,F=typeof navigator>"u"?null:navigator.userAgent,{error:C}=await w.from("hub_requests").insert({game:t.game.trim(),platform:t.platform,notes:t.notes.trim()||null,email:t.email.trim().toLowerCase()||null,utm:f,referrer:I,page_url:z,user_agent:F,timezone:Intl.DateTimeFormat().resolvedOptions().timeZone});if(C)throw new Error(C.message||"Could not submit hub request.");d(!0)}catch(h){const w=h instanceof Error?h.message:"Something went wrong.";g(`${w} If this keeps happening, email ${l}.`)}finally{p(!1)}}return e.jsxs("section",{id:"request-hub",className:"pb-20 md:pb-28",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"mx-auto inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-4 py-2 text-xs text-white/70",children:"➕ Next hub"}),e.jsx("h2",{className:"mt-6 text-3xl font-semibold tracking-tight md:text-5xl",children:"Request the next hub"}),e.jsx("p",{className:"mx-auto mt-4 max-w-2xl text-sm text-white/60 md:text-base",children:"Tell us what game you want next. The most requested hubs get added first."})]}),e.jsx("div",{className:"mx-auto mt-10 max-w-3xl rounded-[2.5rem] border border-white/10 bg-white/5 p-6 shadow-glow md:p-10",children:b?e.jsxs("div",{className:"rounded-3xl border border-white/10 bg-black/30 p-6 text-center",children:[e.jsx("div",{className:"text-lg font-semibold",children:"Request received ✅"}),e.jsx("div",{className:"mt-2 text-sm text-white/65",children:"We track demand and prioritize hubs based on real requests."}),e.jsx("div",{className:"mt-6 flex justify-center",children:e.jsx(j,{appStoreUrl:s,playStoreUrl:a,size:"lg",className:"justify-center"})})]}):e.jsx("div",{className:"grid gap-6",children:e.jsxs("div",{className:"rounded-3xl border border-white/10 bg-black/30 p-6",children:[e.jsx("input",{type:"text",value:t.company,onChange:i=>

2o("company",i.target.value),autoComplete:"off",tabIndex:-1,className:"hidden"}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-2",children:[e.jsxs("div",{children:[e.jsx("label",{htmlFor:"hub-game",className:"text-xs text-white/60",children:"Game"}),e.jsx("input",{id:"hub-game",value:t.game,onChange:i=>o("game",i.target.value),placeholder:"Example: Warzone, Valorant, Fortnite…",className:"mt-2 w-full rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-white outline-none placeholder:text-white/35 focus:border-white/20"})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"hub-platform",className:"text-xs text-white/60",children:"Platform"}),e.jsxs("select",{id:"hub-platform",value:t.platform,onChange:i=>o("platform",i.target.value),className:"mt-2 w-full rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-white outline-none focus:border-white/20",children:[e.jsx("option",{value:"pc",children:"PC"}),e.jsx("option",{value:"xbox",children:"Xbox"}),e.jsx("option",{value:"playstation",children:"PlayStation"}),e.jsx("option",{value:"switch",children:"Switch"}),e.jsx("option",{value:"mobile",children:"Mobile"}),e.jsx("option",{value:"other",children:"Other"})]})]}),e.jsxs("div",{className:"md:col-span-2",children:[e.jsx("label",{htmlFor:"hub-notes",className:"text-xs text-white/60",children:"Notes (optional)"}),e.jsx("textarea",{id:"hub-notes",value:t.notes,onChange:i=>o("notes",i.target.value),placeholder:"Anything specific? Ranked? Casual? Mic-only?",className:"mt-2 w-full min-h-[110px] rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-white outline-none placeholder:text-white/35 focus:border-white/20"})]}),e.jsxs("div",{className:"md:col-span-2",children:[e.jsx("label",{htmlFor:"hub-email",className:"text-xs text-white/60",children:"Email (optional)"}),e.jsx("input",{id:"hub-email",value:t.email,onChange:i=>o("email",i.target.value),placeholder:"Only if you want an update",className:"mt-2 w-full rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-white outline-none placeholder:text-white/35 focus:border-white/20"})]})]}),x?e.jsx("div",{className:"mt-4 rounded-2xl border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-200",children:x}):null,e.jsxs("div",{className:"mt-6 flex flex-col items-center justify-between gap-4 sm:flex-row",children:[e.jsx("button",{type:"button",onClick:n,disabled:c,className:["inline-flex w-full items-center justify-center rounded-3xl border border-white/10 bg-clutch-orange px-7 py-3.5 text-sm font-extrabold tracking-tight text-white","shadow-[0_18px_55px_rgba(0,0,0,0.45)] transition hover:-translate-y-0.5 hover:shadow-[0_26px_80px_rgba(0,0,0,0.6)] active:translate-y-0","sm:w-auto",c?"opacity-70":""].join(" "),children:c?"Sending...":"Request Hub"}),e.jsx("div",{className:"text-xs text-white/50",children:"Optional email. No spam. Just updates if you ask for them."})]})]})})})]})}function L({appStoreUrl:s,playStoreUrl:a,supportEmail:l}){return e.jsxs(e.Fragment,{children:[e.jsx(M,{appStoreUrl:s,playStoreUrl:a}),e.jsxs("section",{id:"features",className:"pb-20 pt-2 md:pb-28",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"mx-auto inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-4 py-2 text-xs text-white/70",children:"⭐ Clutch’s Features"}),e.jsx("h2",{className:"mt-6 text-3xl font-semibold tracking-tight md:text-5xl",children:"Discover Clutch’s Features"}),e.jsx("p",{className:"mx-auto mt-4 max-w-2xl text-sm text-white/60 md:text-base",children:"Everything is built around one goal: help you find teammates fast, connect instantly, and start playing without friction."})]}),e.jsxs("div",{className:"mt-12 grid items-center gap-8 md:grid-cols-3",children:[e.jsxs("div",{className:"grid gap-6",children:[e.jsx(v,{icon:"⚡",title:"Play Now Discovery",desc:"Browse open sessions and available players instantly — no waiting, no scrolling through LFG spam."}),e.jsx(v,{icon:"🎧",title:"Mic Preference",desc:"See whether mic is required before you join so you always match the vibe."})]}),e.jsx("div",{className:"flex justify-center",children:e.jsx(k,{images:["/screens/optimized/play-now-640.webp"],autoRotate:!1,alt:"Clutch app Play Now feature screen",loading:"lazy",fetchPriority:"low",sizes:"(max-width: 767px) 300px, 340px",widthClassName:"w-[260px] sm:w-[300px] md:w-[340px]"})}),e.jsxs("div",{className:"grid gap-6",children:[e.jsx(v,{icon:"💬",title:"Fast Messaging",desc:"Message instantly after joining so momentum does not die and your squad locks in quickly."}),e.jsx(v,{icon:"🎮",title:"Game Hubs",desc:"Join communities by game and find players that actually play what you play."})]})]})]}),e.jsx(D,{appStoreUrl:s,playStoreUrl:a}),e.jsx(G,{appStoreUrl:s,playStoreUrl:a,supportEmail:l}),e.jsx("section",{id:"how",className:"pb-20 md:pb-28",children:e.jsxs("div",{className:"rounded-[2.5rem] border border-white/10 bg-white/5 p-6 shadow-glow md:p-10",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"mx-auto inline-flex items-center gap-2 rounded-full border border-white/10 bg-black/30 px-4 py-2 text-xs text-white/70",children:"🧭 How it works"}),e.jsx("h2",{className:"mt-6 text-3xl font-semibold tracking-tight md:text-5xl",children:"Get into a session in under a minute"}),e.jsx("p",{className:"mx-auto mt-4 max-w-2xl text-sm text-white/60 md:text-base",children:"Discover a session, join instantly, and coordinate fast. Clutch keeps the flow moving so you can start playing sooner."})]}),e.jsxs("div",{className:"mt-10 grid gap-8 md:grid-cols-2 md:items-center",children:[e.jsx("div",{className:"flex justify-center md:justify-start",children:e.jsx(k,{images:["/screens/optimized/play-now2-640.webp"],autoRotate:!1,alt:"Clutch app session workflow screen",loading:"lazy",fetchPriority:"low",sizes:"(max-width: 767px) 300px, 340px",widthClassName:"w-[260px] sm:w-[300px] md:w-[340px]"})}),e.jsxs("div",{className:"grid gap-6",children:[e.jsx(N,{step:"01",title:"Open Play Now",desc:"See open sessions and available players right now — no searching across multiple apps."}),e.jsx(N,{step:"02",title:"Join or Message",desc:"Lock the squad with one tap and see mic preferences before you commit."}),e.jsx(N,{step:"03",title:"Coordinate + Play",desc:"Quick chat to coordinate, then hop in-game with inviting flow right from their profile."}),e.jsx("div",{className:"mt-2 flex justify-center md:justify-start",children:e.jsx(j,{appStoreUrl:s,playStoreUrl:a,size:"lg",className:"justify-center sm:justify-start"})})]})]})]})}),e.jsxs("section",{id:"faq",className:"pb-20 md:pb-28",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"mx-auto inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-4 py-2 text-xs text-white/70",children:"❓ FAQ"}),e.jsx("h2",{className:"mt-6 text-3xl font-semibold tracking-tight md:text-5xl",children:"Questions, answered"}),e.jsx("p",{className:"mx-auto mt-4 max-w-2xl text-sm text-white/60 md:text-base",children:"Here is the quick rundown. If you need help, reach out anytime."})]}),e.jsxs("div",{className:"mt-10 grid gap-4 md:grid-cols-2",children:[e.jsx(y,{q:"Is Clutch free to use?",a:"Clutch is free to download and use. Over time we may add optional premium features, but the core experience stays accessible."}),e.jsx(y,{q:"Where do I download Clutch?",a:"Use the Download badges on this page. If a store link is not live yet, it will enable as soon as the store listing is approved."}),e.jsx(y,{q:"What games does Clutch support?",a:"Clutch is built around hubs and sessions. Support expands continuously — request the next hub and we will prioritize what players ask for."}),e.jsx(y,{q:"How do I contact support?",a:`Email us at ${l} and we will get back to you as soon as possible.`})]}),e.jsx("div",{className:"mt-10 flex justify-center",children:e.jsx(j,{appStoreUrl:s,playStoreUrl:a,size:"lg",className:"justify-center"})})]}),e.jsxs("footer",{className:"border-t border-white/10 py-10",children:[e.jsxs("div",{className:"flex flex-col gap-6 md:flex-row md:items-center md:justify-between",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("img",{src:"/clutch-logo-128.webp",alt:"Clutch logo",className:"h-10 w-10 md:h-12 md:w-12",width:128,height:128,loading:"lazy",decoding:"async"}),e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-semibold",children:"Clutch"}),e.jsx("div",{className:"text-xs text-white/60",children:"Find teammates fast."})]})]}),e.jsxs("div",{className:"flex flex-wrap items-center gap-6 text-sm text-white/70",children:[e.jsx("a",{className:"hover:text-white",href:"/support.html",children:"Support"}),e.jsx("a",{className:"hover:text-white",href:"/privacy.html",children:"Privacy Policy"})]})]}),e.jsxs("div",{className:"mt-8 text-xs text-white/45",children:["© ",new Date().getFullYear()," Clutch. All rights reserved."]})]})]})}export{L as default};