https://tesana.com/assets/GettingStartedPage-CkhIvN_x.js

1import{j as e}from"./vendor-motion-hRg_q8lq.js";import{ao as _,u as L,c as F,b as O,H as G,d as a,L as S}from"./index-BKzE8EQ8.js";import{r as i}from"./vendor-react-E98sgxjj.js";import{du as n}from"./vendor-fa-Bn2dnpnC.js";import R from"./DashboardLayout-CkgbJsW1.js";import{P as q,L as z}from"./LandingFooter-DjCjfhwD.js";import{A as D}from"./index-BxtVm1Yj.js";import{E as H}from"./exploreLaunch-BPkNcOSK.js";import"./vendor-query-bOUN_gKe.js";import"./useLocaleNavigate-BNriJdRU.js";import"./SidebarContext-BL6EZ3Xi.js";import"./Avatar-B60wpoS5.js";import"./MediaImage-DKgx-nW4.js";import"./Tooltip-C8AvPGtA.js";import"./SiteBanner-DKwegxEe.js";import"./index-i1nPji9k.js";import"./paywall-CG7xVZtx.js";import"./plans-CbMJY2XS.js";import"./pricingExperiments-zMZby8z7.js";import"./organization-BuGhuc22.js";import"./useDevModelsVisible-BHgONHQI.js";import"./UserAvatarMenu-BoKKInby.js";import"./tabBarStore-624ukDKJ.js";import"./socialLinks-DmmZmq5v.js";import"./exploreHandoff-RQymaHkp.js";import"./AuthShell-DPeun0C_.js";import"./AuthPanel-B4zt6SJ5.js";import"./pendingReferral-B4JPXhl_.js";import"./LaunchPromoClips-eRoWsyBt.js";const v="tesana_getting_started";function p(){try{return JSON.parse(localStorage.getItem(v)||"{}")}catch{return{}}}function J(d){const r=p();r[d]=!0,localStorage.setItem(v,JSON.stringify(r))}function je(){const d=_(),{t:r}=L("marketing"),{isLight:N}=F(),{isAuthenticated:k}=O(),[y,l]=i.useState(!1),[w,T]=i.useState("signup"),g=i.useMemo(()=>[{id:"overview",title:r("gettingStarted.checklist.overview.title"),description:r("gettingStarted.checklist.overview.description"),iconPrefix:"fas",icon:"play",buttonText:r("gettingStarted.checklist.overview.buttonText"),href:"#"},{id:"create",title:r("gettingStarted.checklist.create.title"),description:r("gettingStarted.checklist.create.description"),iconPrefix:"far",icon:"gamepad-modern",buttonText:r("gettingStarted.checklist.create.buttonText"),href:"/studio"},{id:"storefront",title:r("gettingStarted.checklist.storefront.title"),description:r("gettingStarted.checklist.storefront.description"),iconPrefix:"far",icon:"globe",buttonText:r("gettingStarted.checklist.storefront.buttonText"),href:"/my-games"},{id:"explore",title:r("gettingStarted.checklist.explore.title"),description:r("gettingStarted.checklist.explore.description"),iconPrefix:"far",icon:"compass",buttonText:r("gettingStarted.checklist.explore.buttonText"),href:H},{id:"profile",title:r("gettingStarted.checklist.profile.title"),description:r("gettingStarted.checklist.profile.description"),iconPrefix:"far",icon:"user",buttonText:r("gettingStarted.checklist.profile.buttonText"),href:"/settings/account"}],[r]),P=i.useMemo(()=>[{title:r("gettingStarted.resources.helpGuide.title"),description:r("gettingStarted.resources.helpGuide.description"),iconPrefix:"far",icon:"book",href:"/help"},{title:r("gettingStarted.resources.faq.title"),description:r("gettingStarted.resources.faq.description"),iconPrefix:"far",icon:"circle-info",href:"/faq"},{title:r("gettingStarted.resources.joinDiscord.title"),description:r("gettingStarted.resources.joinDiscord.description"),iconPrefix:"fab",icon:"discord",href:"https://discord.gg/6uqbFsdhSM",external:!0}],[r]),[u,C]=i.useState(p),c=i.useMemo(()=>g.map(t=>({...t,completed:!!u[t.id]})),[u,g]),h=c.findIndex(t=>!t.completed),[I,A]=i.useState(()=>new Set(h>=0?[h]:[])),f=c.filter(t=>t.completed).length,b=c.length,M=Math.round(f/b*100),E=i.useCallback(t=>{A(s=>{const o=new Set(s);return o.has(t)?o.delete(t):o.add(t),o})},[]),m=i.useCallback(t=>{J(t),C(p())},[]),j=e.jsxs(e.Fragment,{children:[e.jsxs(G,{children:[e.jsx("title",{children:r("gettingStarted.pageTitle")}),e.jsx("meta",{name:"description",content:r("gettingStarted.subtitle")}),e.jsx("meta",{property:"og:title",content:r("gettingStarted.pageTitle")}),e.jsx("meta",{property:"og:description",content:r("gettingStarted.subtitle")}),e.jsx("meta",{property:"og:type",content:"website"}),e.jsx("meta",{property:"og:url",content:d}),e.jsx("meta",{name:"twitter:card",content:"summary_large_image"}),e.jsx("meta",{name:"twitter:title",content:r("gettingStarted.pageTitle")}),e.jsx("meta",{name:"twitter:description",content:r("gettingStarted.subtitle")}),e.jsx("script",{type:"application/ld+json",children:JSON.stringify({"@context":"https://schema.org","@type":"WebPage",name:"Getting Started with Tesana",url:d,description:"Step-by-step guide to creating your first AI-powered game with Tesana."})})]}),e.jsxs("div",{className:"max-w-[640px] mx-auto w-full px-4 md:px-8 pt-22 md:pt-12 pb-24",children:[e.jsxs("div",{className:"mb-8",children:[e.jsx("h1",{className:"text-h3-sm md:text-h3 text-foreground",children:r("gettingStarted.title")}),e.jsx("p",{className:"text-base text-muted-foreground mt-2",children:r("gettingStarted.subtitle")})]}),e.jsxs("div",{className:"rounded-md border border-border overflow-hidden",children:[e.jsxs("div",{className:"relative flex items-center gap-4 p-8 border-b border-border overflow-hidden",children:[e.jsx("div",{className:"absolute inset-1 pointer-events-none",style:{backgroundImage:N?"radial-gradient(rgb(200, 200, 200) 1px, transparent 0px)":"radial-gradient(rgb(65, 65, 65) 1px, transparent 0px)",backgroundSize:"10.45px 10.45px",maskImage:"linear-gradient(rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%)",opacity:.8}}),e.jsx("div",{className:"relative z-10 w-12 h-12 rounded-md border border-border bg-card flex items-center justify-center shrink-0",children:e.jsx(n,{icon:["far","list-check"],className:"text-lg text-muted-foreground"})}),e.jsxs("div",{className:"relative z-10 flex-1",children:[e.jsx("p",{className:"text-base font-medium text-foreground",children:r("gettingStarted.cardTitle")}),e.jsxs("div",{className:"flex items-center gap-4 mt-2",children:[e.jsx("span",{className:"text-sm text-muted-foreground",children:r("gettingStarted.progress",{completed:f,total:b})}),e.jsx("div",{className:"flex-1 max-w-[150px] h-1 rounded-full bg-muted overflow-hidden",children:e.jsx("div",{className:"h-full rounded-full bg-success transition-all duration-300",style:{width:`${M}%`}})})]})]})]}),e.jsx("div",{className:"px-8 py-2",children:c.map((t,s)=>{const o=I.has(s),x=t.completed;return e.jsxs("div",{className:"overflow-hidden transition-all duration-200",children:[e.jsxs("div",{className:"flex items-center gap-4 cursor-pointer",onClick:()=>E(s),children:[e.jsx(n,{icon:x?["fas","circle-check"]:["far","circle"],className:a("text-sm",x?"text-success":"text-muted-foreground")}),e.jsxs("div",{className:a("flex-1 flex items-center justify-between py-4",s>0&&"border-t border-border"),children:[e.jsx("span",{className:a("text-sm",x?"line-through text-muted-foreground":"text-foreground"),children:t.title}),e.jsx(n,{icon:["far","chevron-right"],className:a("text-xs text-muted-foreground transition-transform duration-200",o&&"rotate-90")})]})]}),e.jsx("div",{className:a("overflow-hidden transition-all duration-300",o?"max-h-[300px]":"max-h-0"),children:e.jsxs("div",{className:"pl-[30px] pb-6 flex flex-col items-start",children:[e.jsx("p",{className:"text-sm text-muted-foreground mb-5 max-w-md",children:t.description}),t.external?e.jsxs("a",{href:t.href,target:"_blank",rel:"noopener noreferrer",onClick:()=>m(t.id),className:"inline-flex items-center gap-2 px-4 h-9 bg-foreground text-background text-sm rounded-md hover:opacity-90 transition-opacity",children:[e.jsx(n,{icon:[t.iconPrefix,t.icon],className:"text-xs"}),t.buttonText]}):t.href==="#"?e.jsxs("button",{onClick:()=>m(t.id),className:"inline-flex items-center gap-2 px-4 h-9 bg-foreground text-background text-sm rounded-md hover:opacity-90 transition-opacity cursor-pointer",children:[e.jsx(n,{icon:[t.iconPrefix,t.icon],className:"text-xs"}),t.buttonText]}):e.jsxs(S,{to:t.href,onClick:()=>m(t.id),className:"inline-flex items-center gap-2 px-4 h-9 bg-foreground text-background text-sm rounded-md hover:opacity-90 transition-opacity",children:[e.jsx(n,{icon:[t.iconPrefix,t.icon],className:"text-xs"}),t.buttonText]})]})})]},t.id)})})]}),e.jsxs("div",{className:"mt-12 pt-10 border-t border-border",children:[e.jsx("h2",{className:"text-lg font-medium text-foreground",children:r("gettingStarted.moreResources")}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4 mt-6",children:P.map(t=>{const s=e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"w-10 h-10 rounded-[10px] bg-foreground

1/6 flex items-center justify-center mb-1",children:e.jsx(n,{icon:[t.iconPrefix,t.icon],className:"text-sm text-muted-foreground"})}),e.jsx("p",{className:"text-sm font-medium text-foreground",children:t.title}),e.jsx("p",{className:"text-xs text-muted-foreground",children:t.description})]});return t.external?e.jsx("a",{href:t.href,target:"_blank",rel:"noopener noreferrer",className:"flex flex-col items-start gap-3 p-6 rounded-md border border-border hover:bg-foreground/4 active:bg-foreground/8 transition-colors cursor-pointer no-underline",children:s},t.title):e.jsx(S,{to:t.href,className:"flex flex-col items-start gap-3 p-6 rounded-md border border-border hover:bg-foreground/4 active:bg-foreground/8 transition-colors cursor-pointer no-underline",children:s},t.title)})})]})]})]});return k?e.jsx(R,{children:j}):e.jsxs("div",{className:"min-h-screen bg-background text-foreground",children:[e.jsx(q,{onAuthClick:t=>{T(t||"signup"),l(!0)},skipScrolled:!0}),e.jsx(D,{isOpen:y,onClose:()=>l(!1),initialMode:w}),e.jsx("div",{className:"pt-24",children:j}),e.jsx(z,{handleAuthClick:()=>l(!0)})]})}export{je as default};