https://getmysia.com/assets/recorder.index-D47lCKc0.js

1import{b as l,j as e,P as d,L as a,D as c,T as i,H as n,I as o,J as m,N as x,O as h}from"./index-C4V8T-C4.js";import{P as p}from"./PublicFooter-aFdR2Ien.js";import{R as s}from"./Reveal-DgDpQEXP.js";import{M as g}from"./mouse-pointer-click-OR9PL_Tx.js";import{F as u}from"./file-text--lK4tWGd.js";import{C as f}from"./check-BuZkGVc-.js";const b=[["path",{d:"m9 11-6 6v3h9l3-3",key:"1a3l36"}],["path",{d:"m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4",key:"14a9rk"}]],j=l("highlighter",b);const y=[["rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2",key:"1w4ew1"}],["path",{d:"M7 11V7a5 5 0 0 1 10 0v4",key:"fwvmzm"}]],N=l("lock",y),w=[{n:"01",title:"Install the extension",body:"Add MYSIA.AI Recorder to Chrome and paste your workspace key. One minute, once."},{n:"02",title:"Record the workflow",body:"Hit record and do the thing you'd normally explain over a call. Every click is captured."},{n:"03",title:"Let MYSIA write it",body:"Each step gets a precise description and a screenshot with the exact target highlighted."},{n:"04",title:"Edit and publish",body:"Tweak the copy, drop a step, publish. You get a shareable help-center page."}],k=[{icon:g,title:"Precise capture",body:"Real selectors, roles and labels — not a blurry screen recording."},{icon:j,title:"Highlighted screenshots",body:"Every step ships with an image where the target element is ringed in amber."},{icon:u,title:"AI-written steps",body:'Descriptive instructions like "click the rectangle icon in the left toolbar" — never a bare "click".'},{icon:N,title:"Redacted by default",body:"Passwords, card numbers and one-time codes are masked before anything leaves the page."}];function L(){return e.jsxs("div",{className:"min-h-screen bg-background",children:[e.jsx(d,{variant:"recorder"}),e.jsx("section",{className:"border-b",children:e.jsx("div",{className:"mx-auto max-w-[1200px] px-6 py-28 md:py-36",children:e.jsxs(s,{children:[e.jsx("p",{className:"font-mono text-xs uppercase tracking-[0.18em] text-muted-foreground",children:"Chrome extension"}),e.jsx("h1",{className:"mt-6 max-w-3xl font-display text-[clamp(2.5rem,6vw,4.5rem)] font-semibold leading-[1.03] tracking-tight",children:"Record a workflow. Get a finished help article."}),e.jsx("p",{className:"mt-6 max-w-xl text-lg leading-relaxed text-muted-foreground",children:"An hour of writing, cropping and annotating becomes a few minutes of recording. MYSIA.AI Recorder watches you click through any web app, captures a highlighted screenshot for every step, and writes the article — so whoever reads it gets the task done first try instead of asking you."}),e.jsxs("div",{className:"mt-10 flex flex-wrap items-center gap-3",children:[e.jsx(a,{to:"/signup",search:{product:"recorder"},className:"rounded-full bg-foreground px-6 py-3 text-sm font-medium text-background transition-opacity hover:opacity-85",children:"Start free"}),e.jsxs("a",{href:"https://chromewebstore.google.com/detail/pkfjgdanjaagihomllkjhnbepaobhloa",target:"_blank",rel:"noreferrer",className:"inline-flex items-center gap-2 rounded-full border px-6 py-3 text-sm font-medium transition-colors hover:bg-muted",children:[e.jsx(c,{className:"h-4 w-4"})," Add to Chrome"]}),e.jsx(a,{to:"/recorder/guide",className:"inline-flex items-center gap-2 rounded-full px-4 py-3 text-sm font-medium text-muted-foreground transition-colors hover:text-foreground",children:"Setup guide"})]}),e.jsxs("p",{className:"mt-4 text-sm text-muted-foreground",children:[i," articles free, then ",n,". No credit card to start."]}),e.jsxs("p",{className:"mt-2 inline-flex items-center gap-1.5 rounded-full bg-[#253ceb]/10 px-3 py-1 text-xs font-medium text-[#253ceb]",children:["First month free with code ",e.jsx("span",{className:"font-mono uppercase",children:o})]})]})})}),e.jsx("section",{id:"how",className:"border-b scroll-mt-16",children:e.jsxs("div",{className:"mx-auto max-w-[1200px] px-6 py-24",children:[e.jsx(s,{children:e.jsx("h2",{className:"font-display text-3xl font-semibold tracking-tight",children:"How it works"})}),e.jsx("div",{className:"mt-14 grid gap-x-10 gap-y-12 md:grid-cols-2 lg:grid-cols-4",children:w.map((t,r)=>e.jsx(s,{delay:r*60,children:e.jsxs("div",{className:"border-t pt-6",children:[e.jsx("span",{className:"font-mono text-xs text-muted-foreground",children:t.n}),e.jsx("h3",{className:"mt-3 font-display text-lg font-medium tracking-tight",children:t.title}),e.jsx("p",{className:"mt-2 text-sm leading-relaxed text-muted-foreground",children:t.body})]})},t.n))})]})}),e.jsx("section",{className:"border-b",children:e.jsx("div",{className:"mx-auto max-w-[1200px] px-6 py-24",children:e.jsx("div",{className:"grid gap-x-10 gap-y-12 md:grid-cols-2",children:k.map((t,r)=>e.jsx(s,{delay:r*60,children:e.jsxs("div",{className:"flex gap-4 border-t pt-6",children:[e.jsx(t.icon,{className:"mt-1 h-5 w-5 shrink-0 text-[#253ceb]"}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-display text-lg font-medium tracking-tight",children:t.title}),e.jsx("p",{className:"mt-2 text-sm leading-relaxed text-muted-foreground",children:t.body})]})]})},t.title))})})}),e.jsx("section",{id:"pricing",className:"border-b scroll-mt-16",children:e.jsx("div",{className:"mx-auto max-w-[1200px] px-6 py-24",children:e.jsx(s,{children:e.jsxs("div",{className:"mx-auto max-w-md rounded-2xl border p-8",children:[e.jsx("p",{className:"font-mono text-xs uppercase tracking-[0.18em] text-muted-foreground",children:"Pricing"}),e.jsx("p",{className:"mt-4 font-display text-4xl font-semibold tracking-tight",children:n}),e.jsxs("p",{className:"mt-2 text-sm text-muted-foreground",children:["Start with ",i," articles free."]}),e.jsxs("p",{className:"mt-3 inline-flex items-center gap-1.5 rounded-full bg-[#253ceb]/10 px-3 py-1 text-xs font-medium text-[#253ceb]",children:["Use code ",e.jsx("span",{className:"font-mono uppercase",children:o})," for your first month free"]}),e.jsx("ul",{className:"mt-6 space-y-3 text-sm",children:["Unlimited recordings and articles",`${m.toLocaleStr

1ing()} recorded steps a month`,"AI-written steps with highlighted screenshots","Editable drafts and public help pages","Sensitive fields redacted automatically"].map(t=>e.jsxs("li",{className:"flex gap-2",children:[e.jsx(f,{className:"mt-0.5 h-4 w-4 shrink-0 text-[#253ceb]"}),e.jsx("span",{className:"text-muted-foreground",children:t})]},t))}),e.jsxs(a,{to:"/signup",search:{product:"recorder"},className:"mt-8 inline-flex w-full items-center justify-center gap-2 rounded-full bg-foreground px-6 py-3 text-sm font-medium text-background transition-opacity hover:opacity-85",children:[e.jsx(x,{className:"h-4 w-4"})," Start free"]})]})})})}),e.jsx("section",{id:"faq",className:"border-b scroll-mt-16",children:e.jsxs("div",{className:"mx-auto max-w-[900px] px-6 py-24",children:[e.jsx(s,{children:e.jsx("h2",{className:"font-display text-3xl font-semibold tracking-tight",children:"Questions people ask"})}),e.jsx("dl",{className:"mt-12 space-y-8",children:h.map((t,r)=>e.jsx(s,{delay:r*40,children:e.jsxs("div",{className:"border-t pt-6",children:[e.jsx("dt",{className:"font-display text-lg font-medium tracking-tight",children:t.q}),e.jsx("dd",{className:"mt-2 text-sm leading-relaxed text-muted-foreground",children:t.a})]})},t.q))})]})}),e.jsx(p,{variant:"recorder"})]})}export{L as component};