https://mstudio.ai/build/assets/InsightPage.C8XAyzXZ.js

1import{r as w}from"./rolldown-runtime.C1f3BsDW.js";import{i as L}from"./inertia.BE4YqsTM.js";import"./http.DWpeO7Ui.js";import{Hr as S,Qr as E,Zt as k,gr as M}from"./icons.ChOq_Y4q.js";import{t as O}from"./react-core.CAMe6Z4j.js";import"./utils.CgzVjNgC.js";import"./state.L8kQliOB.js";import{jt as x,k as p}from"./entry-client.DX3aUoe5.js";import"./dist.CoNAZqlp.js";import"./dist.DxccqHSW.js";import"./dist.D4237Rk6.js";import"./dist.BhzTvz6X.js";import"./es2015.Cr2X04_P.js";import"./dist.C1cc-Zbw.js";import"./badge.CK53iWwP.js";import"./dropdown-menu.D1MnQ7U0.js";import"./useMediaQuery.CHA9c3gs.js";import{t as H}from"./lenis.DZFFtZ8G.js";import{t as $}from"./SEO.gPDL2mFy.js";import"./marketingVideos.CTDV7UYs.js";import{t as B}from"./cta-card-section.BVZwUhiQ.js";import{t as z}from"./CtaMicrocopy.D3zGPrw8.js";import{t as C}from"./useRoute.D5WEuP_a.js";import{t as h}from"./useStartCreatingHref.BVwqKiRT.js";import"./gsap.BxN_RF7A.js";import{t as g}from"./RevealOnScroll.Bzi3Q9FE.js";import{t as F}from"./how-it-works-section.C3FA2lIt.js";import"./logo.7ZVhR9ER.js";import{t as q}from"./Footer.Ccp81B1O.js";import{t as R}from"./Header.C54sFzrK.js";import"./MarketingHero.CGOgM9co.js";/* empty css                   */import{n as A}from"./section-blur-accent.B7vx0p10.js";import{t as y}from"./nav-item.DcPkzsLn.js";import{a as G,n as Q}from"./EditorialMediaKit.CJkxUapW.js";import{n as U}from"./insightPages.CBJCw9YD.js";var c=w(E(),1),e=w(O(),1),_="2026-03-10",D="2026-03-19";function u(t){return t.updatedAt??t.publishedAt??D}function W(t){const[s,a,i]=t.split("-").map(Number);return new Date(Date.UTC(s,a-1,i)).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric",timeZone:"UTC"})}function P(t,s){const a=`${s}/insights/${t.slug}`;return{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":`${a}#article`,headline:t.title,description:t.seo.description,url:a,image:{"@type":"ImageObject",url:`${s}/images/og-image.png`,width:1200,height:630},author:{"@type":"Person",name:"M Studio Editorial",url:s,jobTitle:"Content Team",worksFor:{"@type":"Organization",name:"M Studio",url:s}},publisher:{"@type":"Organization","@id":`${s}/#organization`,name:"M Studio",logo:{"@type":"ImageObject",url:`${s}/images/og-image.png`}},datePublished:t.publishedAt??_,dateModified:u(t),mainEntityOfPage:{"@id":`${a}#webpage`},articleSection:"Buyer Guide",speakable:{"@type":"SpeakableSpecification",cssSelector:["h1","article > p:first-of-type"]}},{"@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:s},{"@type":"ListItem",position:2,name:"Insights",item:`${s}/insights`},{"@type":"ListItem",position:3,name:t.title,item:a}]},{"@type":"FAQPage","@id":`${a}#faq`,mainEntity:t.faqs.map(i=>({"@type":"Question",name:i.question,acceptedAnswer:{"@type":"Answer",text:i.answer}}))}]}}function v(t,s){return`section-${s}-${t.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/(^-|-$)/g,"").slice(0,48)||"block"}`}function T(t){return/m\s*studio/i.test(t)}var V="We make M Studio. We compared every tool on the same criteria, using each vendor's own site and pricing page.";function Z(t){return t.sections.some(s=>s.table?.rows.some(a=>T(a[0]??"")))}function Fe({slug:t}){const s=U[t],a=L().props.app?.url||"https://mstudio.ai";return s?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)($,{title:s.seo.title,description:s.seo.description,keywords:s.seo.keywords,canonical:`/insights/${s.slug}`,ogType:"article",structuredData:P(s,a),article:{publishedTime:s.publishedAt??_,modifiedTime:u(s),author:"M Studio",section:"Buyer Guides"}}),(0,e.jsxs)("div",{className:"theme-marketing relative min-h-screen overflow-x-hidden bg-background",children:[(0,e.jsx)(H,{root:!0}),(0,e.jsx)(R,{variant:"blur"}),(0,e.jsxs)("main",{id:"main-content",className:"relative z-10",children:[(0,e.jsx)(J,{insightPage:s}),(0,e.jsx)(G,{seed:s.slug,eyebrow:"See the workflow",title:"See it in practice",description:"Samples made in M Studio."}),(0,e.jsx)(K,{insightPage:s}),(0,e.jsx)(ee,{insightPage:s}),(0,e.jsx)(te,{}),(0,e.jsx)(F,{}),(0,e.jsx)(Y,{insightPage:s}),(0,e.jsx)(se,{})]}),(0,e.jsx)(q,{})]})]}):null}function J({insightPage:t}){const s=C(),a=h();return(0,e.jsxs)("section",{className:"relative overflow-hidden px-4 pb-14 pt-32 sm:px-6 sm:pb-18 sm:pt-40 lg:px-8 lg:pb-20 lg:pt-52",children:[(0,e.jsx)(Q,{seed:t.slug}),(0,e.jsxs)("div",{className:"relative z-10 mx-auto max-w-4xl text-center",children:[(0,e.jsxs)("nav",{className:"mb-8 flex flex-wrap items-center justify-center gap-2 text-xs uppercase tracking-[0.18em] text-muted-foreground","aria-label":"Breadcrumb",children:[(0,e.jsx)("a",{href:"/",className:"transition-colors hover:text-foreground",children:"Home"}),(0,e.jsx)("span",{className:"text-border",children:"/"}),(0,e.jsx)("a",{href:s("insights"),className:"transition-colors hover:text-foreground",children:"Insights"}),(0,e.jsx)("span",{className:"text-border",children:"/"}),(0,e.jsx)("span",{className:"max-w-[min(100%,280px)] truncate text-foreground",children:t.title})]}),(0,e.jsxs)(g,{variant:"up",children:[(0,e.jsx)("p",{className:"text-xs font-semibold uppercase tracking-[0.24em] text-primary/80",children:t.eyebrow}),(0,e.jsxs)("h1",{className:"mt-6",children:[(0,e.jsx)("span",{className:"block text-2xl font-semibold leading-[1.15] tracking-[-0.02em] text-foreground sm:text-3xl lg:text-4xl",children:t.headline}),(0,e.jsx)("span",{className:"text-gradient-hero-animated mt-1.5 block pb-1 text-2xl font-semibold leading-[1.15] tracking-[-0.02em] sm:text-3xl lg:text-4xl",children:t.headlineAccent})]}),(0,e.jsx)("p",{className:"mx-auto mt-6 max-w-2xl text-base leading-relaxed text-muted-foreground sm:text-lg",children:t.subheadline}),(0,e.jsxs)("p",{className:"mt-4 text-xs text-muted-foreground",children:["Last updated"," ",(0,e.jsx)("time",{dateTime:u(t),children:W(u(t))})," ","· M Studio Editorial"]}),Z(t)&&(0,e.jsx)("p",{className:"mx-auto mt-2 max-w-2xl text-xs text-muted-foreground",children:V}),(0,e.jsxs)("div",{className:"mt-8 flex flex-col items-center justify-center gap-3 sm:flex-row",children:[(0,e.jsx)(p,{size:"lg",asChild:!0,children:(0,e.jsxs)("a",{href:a,className:"inline-flex items-center gap-2",children:["Start now",(0,e.jsx)(S,{className:"h-4 w-4"})]})}),(0,e.jsx)(p,{variant:"outline",size:"lg",asChild:!0,children:(0,e.jsxs)("a",{href:"#guide-content",className:"inline-flex items-center gap-2",children:[(0,e.jsx)(k,{className:"h-4 w-4"}),"Jump to guide"]})})]})]})]})]})}function K({insightPage:t}){const s=h(),a=t.sections,i=(0,c.useMemo)(()=>a.map((r,o)=>({id:v(r.heading,o),heading:r.heading,index:o})),[a]),[l,d]=(0,c.useState)(i[0]?.id??""),[f,b]=(0,c.useState)(!1);(0,c.useEffect)(()=>

1{if(!i.length)return;const r=i.map(n=>document.getElementById(n.id)).filter(n=>!!n);if(!r.length)return;const o=new IntersectionObserver(n=>{const m=n.filter(j=>j.isIntersecting).sort((j,I)=>j.target.offsetTop-I.target.offsetTop);m[0]?.target?.id&&d(m[0].target.id)},{rootMargin:"-20% 0px -55% 0px",threshold:[0,.15,.4]});return r.forEach(n=>o.observe(n)),()=>o.disconnect()},[i]);const N=(0,c.useCallback)(r=>{const o=document.getElementById(r);o&&(o.scrollIntoView({behavior:"smooth",block:"start"}),b(!1))},[]);return a.length?(0,e.jsx)("section",{id:"guide-content",className:"scroll-mt-28 px-4 pb-10 sm:px-6 sm:pb-14 lg:px-8",children:(0,e.jsxs)("div",{className:"mx-auto grid max-w-screen-2xl gap-8 lg:grid-cols-[240px_minmax(0,1fr)] xl:grid-cols-[260px_minmax(0,1fr)]",children:[(0,e.jsx)("div",{className:"lg:hidden",children:(0,e.jsx)(A,{open:f,onOpenChange:b,title:(0,e.jsxs)("span",{className:"inline-flex items-center gap-2",children:[(0,e.jsx)(k,{className:"h-4 w-4 text-primary"}),"On this page"]}),triggerClassName:"rounded-xl bg-card/55 px-4 py-3 text-sm font-semibold backdrop-blur-sm hover:bg-surface-hover hover:text-foreground",contentClassName:"pb-0 pt-2",children:(0,e.jsx)("nav",{className:"space-y-1 rounded-2xl bg-card/70 p-3 shadow-lg backdrop-blur-md","aria-label":"Table of contents",children:i.map(r=>(0,e.jsxs)("button",{type:"button",onClick:()=>N(r.id),"aria-current":l===r.id?"true":void 0,className:y(l===r.id,"items-start px-3 py-2"),children:[(0,e.jsx)("span",{className:"mt-0.5 font-mono text-[10px] uppercase tracking-wider text-primary/80",children:String(r.index+1).padStart(2,"0")}),(0,e.jsx)("span",{className:"line-clamp-2",children:r.heading})]},r.id))})})}),(0,e.jsx)("aside",{className:"hidden lg:block",children:(0,e.jsx)("div",{className:"sticky top-28",children:(0,e.jsxs)("div",{className:"rounded-3xl bg-card/50 p-5 backdrop-blur-sm",children:[(0,e.jsx)("p",{className:"text-xs font-semibold uppercase tracking-[0.24em] text-primary/80",children:"On this page"}),(0,e.jsx)("nav",{className:"mt-4 space-y-1","aria-label":"Table of contents",children:i.map(r=>(0,e.jsxs)("button",{type:"button",onClick:()=>N(r.id),"aria-current":l===r.id?"true":void 0,className:y(l===r.id,"group items-start gap-2.5 px-3 py-2.5"),children:[(0,e.jsx)("span",{className:x("mt-0.5 font-mono text-[10px] uppercase tracking-wider transition-colors",l===r.id?"text-primary":"text-muted-foreground/70 group-hover:text-primary/80"),children:String(r.index+1).padStart(2,"0")}),(0,e.jsx)("span",{className:"line-clamp-2 leading-snug",children:r.heading})]},r.id))})]})})}),(0,e.jsx)("div",{className:"min-w-0 space-y-6",children:a.map((r,o)=>(0,e.jsx)(g,{variant:"up",delay:Math.min(o*.04,.2),children:(0,e.jsxs)("article",{id:v(r.heading,o),className:"scroll-mt-28 rounded-3xl bg-gradient-to-t from-primary/20 to-card/50 p-6 backdrop-blur-sm sm:p-8 lg:p-10",children:[(0,e.jsxs)("div",{children:[(0,e.jsxs)("p",{className:"text-xs font-semibold uppercase tracking-[0.24em] text-primary/80",children:["Section ",String(o+1).padStart(2,"0")]}),(0,e.jsx)("h2",{className:"mt-3 text-xl font-semibold tracking-tight text-foreground sm:text-2xl",children:r.heading}),r.description?(0,e.jsx)("p",{className:"mt-4 max-w-3xl text-base leading-relaxed text-muted-foreground",children:r.description}):null]}),r.paragraphs?.map((n,m)=>(0,e.jsx)("p",{className:"mt-4 max-w-3xl text-sm leading-relaxed text-muted-foreground sm:text-base",children:n},`${o}-${m}`)),r.items?.length?(0,e.jsx)("div",{className:"mt-6 grid gap-4 sm:grid-cols-2",children:r.items.map(n=>(0,e.jsxs)("div",{className:"rounded-2xl bg-background/40 p-5",children:[(0,e.jsx)("p",{className:"text-sm font-semibold text-foreground",children:n.title}),(0,e.jsx)("p",{className:"mt-2 text-sm leading-relaxed text-muted-foreground",children:n.description})]},n.title))}):null,r.table?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(X,{table:r.table}),(0,e.jsxs)("p",{className:"mt-4 text-sm text-muted-foreground",children:["See how M Studio handles your script —"," ",(0,e.jsx)("a",{href:s,className:"font-semibold text-primary underline-offset-4 transition-colors hover:text-foreground hover:underline",children:"Start now"})]})]}):null,r.sources?.length?(0,e.jsxs)("div",{className:"mt-4 text-xs text-muted-foreground",children:[(0,e.jsx)("p",{className:"font-semibold text-foreground",children:"Sources"}),(0,e.jsx)("ul",{className:"mt-1 flex flex-wrap gap-x-4 gap-y-1",children:r.sources.map(n=>(0,e.jsx)("li",{children:(0,e.jsx)("a",{href:n.href,target:"_blank",rel:"noopener noreferrer nofollow",className:"underline underline-offset-4 transition-colors hover:text-foreground",children:n.label})},n.href))})]}):null]})},r.heading))})]})}):null}function X({table:t}){return(0,e.jsxs)("div",{className:"mt-7 overflow-hidden rounded-2xl bg-background/40",children:[t.caption?(0,e.jsx)("div",{className:"bg-secondary/10 px-4 py-3 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground",children:t.caption}):null,(0,e.jsx)("div",{className:"overflow-x-auto",children:(0,e.jsxs)("table",{className:"w-full min-w-[720px] border-collapse text-left text-sm",children:[(0,e.jsx)("thead",{children:(0,e.jsx)("tr",{className:"",children:t.headers.map(s=>(0,e.jsx)("th",{scope:"col",className:"px-4 py-3.5 text-xs font-semibold uppercase tracking-wider text-foreground",children:s},s))})}),(0,e.jsx)("tbody",{children:t.rows.map((s,a)=>{const i=T(s[0]??"");return(0,e.jsx)("tr",{className:x("transition-colors",i?"bg-primary/[0.08] hover:bg-primary/[0.12]":a%2===0?"bg-muted/15 hover:bg-muted/25":"hover:bg-muted/20"),children:s.map((l,d)=>(0,e.jsx)("td",{className:x("px-4 py-3.5 align-top leading-6",d===0?"font-semibold text-foreground":"text-muted-foreground",i&&d===0&&"text-primary"),children:(0,e.jsxs)("span",{className:"inline-flex items-start gap-2",children:[i&&d===0?(0,e.jsx)(M,{className:"mt-0.5 h-4 w-4 shrink-0 text-primary"}):null,(0,e.jsx)("span",{children:l})]})},d))},a)})})]})})]})}function Y({insightPage:t}){const[s,a]=(0,c.useState)(0);return(0,e.jsx)("section",{className:"px-4 py-8 sm:px-6 sm:py-12 lg:px-8",children:(0,e.jsx)("div",{className:"mx-auto max-w-screen-2xl",children:(0,e.jsx)(g,{variant:"up",children:(0,e.jsxs)("div",{className:"rounded-3xl bg-card/50 p-6 backdrop-blur-sm sm:p-8 lg:p-10",children:[(0,e.jsxs)("div",{className:"max-w-3xl",children:[(0,e.jsx)("p",{className:"text-xs font-semibold uppercase tracking-[0.24em] text-primary/80",children:"FAQ"}),(0,e.jsx)("h2",{className:"mt-2 text-xl font-semibold tracking-tight text-foreground sm:text-2xl",children:"Frequently asked questions"})]}),(0,e.jsx)("div",{className:"mt-8 space-y-3",children:t.faqs.map((i,l)=>{const d=s===l;return(0,e.jsx)("div",{className:x("rounded-2xl bg-card/40 transition-all duration-200",d?"bg-primary/12":"hover:bg-card/65"),children:(0,e.jsx)(A,{open:d,onOpenChange:f=>a(f?l:-1),title:i.question,triggerClassName:"rounded-2xl px-5 text-base font-semibold focus-visible:ring-inset",contentClassName:"px-5 pb-5 leading-6",children:(0,e.jsx)("p",{children:i.answer})})},i.question)})})]})})})})}function ee({insightPage:t}){return t.relatedLinks.length?(0,e.jsx)("section",{className:"px-4 py-8 sm:px-6 lg:px-8",children:(0,e.jsxs)("div",{className:"mx-auto max-w-screen-2xl rounded-3xl bg-card/50 p-6 sm:p-8",children:[(0,e.jsx)("h2",{className:"text-xl font-semibold tracking-tight text-foreground",children:"Related reading"}),(0,e.jsx)("ul",{className:"mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-3",children:t.relatedLinks.map(s=>(0,e.jsxs)("li",{className:"rounded-2xl bg-background/40 p-5",children:[(0,e.jsx)("a",{href:s.href,className:"text-sm font-semibold text-primary underline-offset-4 transition-colors hover:text-foreground hover:underline",children:s.label}),(0,e.jsx)("p",{className:"mt-2 text-sm leading-relaxed text-muted-foreground",children:s.description})]},s.href))})]})}):null}function te(){const t=h();return(0,e.jsx)("section",{className:"px-4 py-8 sm:px-6 sm:py-12 lg:px-8",children:(0,e.jsx)("div",{className:"mx-auto max-w-screen-2xl",children:(0,e.jsx)(g,{variant:"up",children:(0,e.jsx)("div",{className:"relative overflow-hidden rounded-3xl bg-gradient-to-br from-primary/10 via-card/60 to-accent/10 p-6 sm:p-10",children:(0,e.jsxs)("div",{className:"relative flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("h2",{className:"text-2xl font-semibold tracking-tight text-foreground sm:text-3xl",children:"Stop judging tools from feature lists"}),(0,e.jsx)("p",{className:"mt-3 max-w-xl text-sm leading-6 text-muted-foreground sm:text-base",children:"Paste a script and watch M Studio turn it into a shot-by-shot storyboard with AI frames, motion, voice, and a real timeline."}),(0,e.jsx)(z,{className:"mt-4 justify-start"})]}),(0,e.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center",children:[(0,e.jsx)(p,{size:"lg",asChild:!0,children:(0,e.jsxs)("a",{href:t,className:"inline-flex items-center gap-2",children:["Start now",(0,e.jsx)(S,{className:"h-4 w-4"})]})}),(0,e.jsx)(p,{variant:"outline",size:"lg",asChild:!0,children:(0,e.jsx)("a",{href:"/demo",className:"inline-flex items-center gap-2",children:"Watch examples"})})]})]})})})})})}function se(){const t=C();return(0,e.jsx)(B,{eyebrow:"Skip the shortlist",title:"First cut in one session",description:"Turn your script into shot-by-shot storyboard pictures, then add an animatic, voice, and export on one timeline.",primaryActionLabel:"Start now",primaryActionHref:h(),secondaryActionLabel:"See pricing",secondaryActionHref:t("pricing")})}export{Fe as default};