https://mstudio.ai/build/assets/LandingPage.DxjyEUvw.js

1import{r as D}from"./rolldown-runtime.C1f3BsDW.js";import{r as F,t as K}from"./inertia.BE4YqsTM.js";import"./http.DWpeO7Ui.js";import{An as Q,Hr as J,I as Y,Qr as Z,cn as ee,gt as H,hr as te,l as re,ut as I}from"./icons.ChOq_Y4q.js";import{t as ae}from"./react-core.CAMe6Z4j.js";import"./utils.CgzVjNgC.js";import"./state.L8kQliOB.js";import{h as z,i as M,jt as U,k as _}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{n as se,t as ne}from"./projectLanguages.AcWHm09B.js";import"./useMediaQuery.CHA9c3gs.js";import{n as ie,t as oe}from"./SEO.gPDL2mFy.js";import{t as v}from"./marketingVideos.CTDV7UYs.js";import{n as W,r as le,t as ce}from"./cta-card-section.BVZwUhiQ.js";import{t as de}from"./CtaMicrocopy.D3zGPrw8.js";import{t as ue}from"./useRoute.D5WEuP_a.js";import{t as me}from"./useStartCreatingHref.BVwqKiRT.js";import{t as x}from"./gsap.BxN_RF7A.js";import{n as V,t as y}from"./RevealOnScroll.Bzi3Q9FE.js";import{t as pe}from"./how-it-works-section.C3FA2lIt.js";import"./logo.7ZVhR9ER.js";import{t as fe}from"./Footer.Ccp81B1O.js";import{t as he}from"./Header.C54sFzrK.js";/* empty css                   */import{i as xe,n as ge,t as ve}from"./schema.nKoiFBQt.js";import{t as O}from"./section-blur-accent.B7vx0p10.js";import{n as be,t as ye}from"./faq-section.CerYMBUG.js";import{t as we}from"./proof-section.B4WgtmuU.js";import{t as je}from"./LiteYouTube.BviezSHV.js";import{t as Ne}from"./multi-video.BvoiHLhp.js";import{n as ke,r as Se}from"./TemplateStarterGrid.CjoYNLMR.js";import{n as _e}from"./postAuthDestination.BcKgx72u.js";import{t as Re}from"./ExperienceFilmCta.DkDBUN1j.js";var r=D(Z(),1);const Ae=()=>{const{isAuthenticated:t,hasCheckedAuth:i,token:p,loginWithGoogle:n}=M(),l="760838008170-29n6mbme0hd0kql9cl6ea29t9c8lrrv2.apps.googleusercontent.com";return(0,r.useEffect)(()=>{if(t||p||!i)return;const g=navigator.userAgent;if(/Instagram|FBAN|FBAV|FB_IAB|Line\/|Twitter|TikTok|Snapchat|Pinterest|LinkedIn/i.test(g))return;const b=async a=>{try{(await n(a.credential)).isNewUser&&(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"signup_ui_completed",sign_up_method:"google_one_tap",user_role:"customer",plan_type:"payg",referral_code:"NEW",marketing_optin:!0,timestamp:new Date().toISOString()})),window.location.href=_e(M.getState().user)}catch(f){console.error("Google One Tap login failed:",f)}},c=()=>{window.google?.accounts?.id&&(window.google.accounts.id.initialize({client_id:l,callback:b,auto_select:!0,cancel_on_tap_outside:!1}),window.google.accounts.id.prompt())};if(window.google?.accounts?.id){c();return}const h=document.querySelector('script[src="https://accounts.google.com/gsi/client"]');if(h){h.addEventListener("load",c);return}const d=document.createElement("script");return d.src="https://accounts.google.com/gsi/client",d.async=!0,d.defer=!0,d.onload=c,document.body.appendChild(d),()=>{window.google?.accounts?.id?.cancel(),d.parentNode&&d.parentNode.removeChild(d)}},[t,i,p,l,n]),null};var e=D(ae(),1),Ee="/videos/home/product-demo-poster.jpg",Pe="/videos/home/product-demo-poster-960.webp 960w, /videos/home/product-demo-poster-1920.webp 1920w",Te="(max-width: 1200px) 100vw, 1152px",Ce="/videos/home/product-demo.webm",Ie="/videos/home/product-demo.mp4",Me=[25,50,75,100],G=()=>typeof window>"u"?"":window.location.pathname,Ue=()=>{const t=(0,r.useRef)(null),[i,p]=(0,r.useState)(()=>typeof window<"u"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches),[n,l]=(0,r.useState)(!1),[g,b]=(0,r.useState)(!1),[c,h]=(0,r.useState)(!1),[d,a]=(0,r.useState)(!1),f=(0,r.useRef)(!1),w=(0,r.useRef)(!1),s=(0,r.useRef)(!1),u=(0,r.useRef)(new Set),m=(0,r.useRef)(0),N=o=>{u.current.has(o)||(u.current.add(o),z("demo_video_progress",{percent:o,page_path:G()}))},R=o=>{const{currentTime:j,duration:E}=o,X=m.current;if(m.current=j,!Number.isFinite(E)||E<=0)return;const L=j<1&&X>=E-1.5?100:j/E*100;for(const T of Me)(T===100?L>=100||E-j<=.5:L>=T)&&N(T)};(0,r.useEffect)(()=>

1{if(typeof window>"u")return;const o=window.matchMedia("(prefers-reduced-motion: reduce)"),j=()=>{p(o.matches)};return j(),o.addEventListener("change",j),()=>{o.removeEventListener("change",j)}},[]),(0,r.useEffect)(()=>le(()=>a(!0)),[]),(0,r.useEffect)(()=>{const o=t.current;if(o){if(i){f.current||o.pause();return}o.play().catch(()=>{})}},[i,d]);const k=()=>{const o=t.current;o&&(o.paused?(s.current=!0,o.play().catch(()=>{})):o.pause())},A=d&&!c,P=A&&i&&!g;return(0,e.jsxs)("figure",{className:"hero-panel-enter relative mx-auto w-full max-w-6xl overflow-hidden rounded-xl border border-border-strong bg-zinc-950 shadow-raised-lg",children:[(0,e.jsxs)("div",{className:"flex h-8 items-center gap-1.5 border-b border-border/60 bg-zinc-900/80 px-3","aria-hidden":"true",children:[(0,e.jsx)("span",{className:"h-2.5 w-2.5 rounded-full bg-zinc-700"}),(0,e.jsx)("span",{className:"h-2.5 w-2.5 rounded-full bg-zinc-700"}),(0,e.jsx)("span",{className:"h-2.5 w-2.5 rounded-full bg-zinc-700"}),(0,e.jsx)("span",{className:"ml-3 truncate font-mono text-[11px] text-muted-foreground",children:"M Studio · Letters from the Sky"})]}),(0,e.jsxs)("div",{className:"relative aspect-video w-full",children:[(0,e.jsx)("img",{src:Ee,srcSet:Pe,sizes:Te,alt:"The M Studio storyboard of a short film, eight shots drawn from a one-line idea",width:1920,height:1080,loading:"eager",decoding:"async",fetchpriority:"high",className:`absolute inset-0 h-full w-full object-cover transition-opacity duration-150 ${g&&!c?"opacity-0":"opacity-100"}`}),A&&(0,e.jsxs)("video",{ref:t,width:1920,height:1080,muted:!0,loop:!0,playsInline:!0,autoPlay:!i,controls:i&&g,preload:"metadata","aria-label":"Product demo: a short film made end to end in M Studio, from the idea to the export",className:"absolute inset-0 h-full w-full object-cover",onPlaying:()=>{w.current||(w.current=!0,z("demo_video_play",{trigger:s.current?"click":"autoplay",page_path:G()})),f.current=!0,b(!0),l(!0)},onPause:()=>l(!1),onTimeUpdate:o=>R(o.currentTarget),onError:()=>h(!0),children:[(0,e.jsx)("source",{src:Ce,type:"video/webm"}),(0,e.jsx)("source",{src:Ie,type:"video/mp4"})]}),P&&(0,e.jsx)("div",{className:"absolute inset-0 flex items-center justify-center bg-background/30",children:(0,e.jsx)(_,{size:"lg",onClick:k,leftIcon:(0,e.jsx)(I,{className:"h-4 w-4"}),children:"Play the demo"})}),A&&!P&&!i&&(0,e.jsx)(_,{variant:"secondary",size:"icon-sm",onClick:k,"aria-label":n?"Pause the demo":"Play the demo",className:"absolute bottom-3 right-3 bg-zinc-950/70 backdrop-blur-sm",children:n?(0,e.jsx)(H,{className:"h-3.5 w-3.5"}):(0,e.jsx)(I,{className:"h-3.5 w-3.5"})})]})]})},Oe=Ue,Le=[{question:"Is it free?",answer:"From $27/mo, 24h refund",href:"/pricing"},{question:"How long?",answer:"First cut in one session",href:"/demo"},{question:"Need skills?",answer:"No editing experience",href:"/templates"}],Fe=({blurRevealRef:t,headingRevealRef:i,subheadingRevealRef:p,buttonsRevealRef:n,gridRevealRef:l,lineOneRowRef:g,lineTwoRowRef:b})=>{const c=ue(),h=me();return(0,e.jsxs)("section",{className:"relative overflow-hidden pt-20",children:[(0,e.jsxs)("div",{className:"relative z-10 flex flex-col items-center justify-center gap-4 px-3 pb-8 pt-10 sm:px-4 sm:pt-20 md:pb-12 md:pt-24",children:[(0,e.jsx)("div",{ref:t,className:"js-intro-prehide absolute -top-14 left-1/2 -z-10 h-40 w-[36rem] -translate-x-1/2 rounded-full bg-primary/35 blur-[150px] md:h-44 md:w-[50rem] md:blur-[180px]"}),(0,e.jsx)(Re,{from:"home-hero"}),(0,e.jsxs)("h1",{ref:i,className:"flex flex-col items-center justify-center gap-2 text-center text-4xl font-semibold leading-tight sm:gap-3 sm:text-5xl md:text-6xl lg:text-7xl",children:[(0,e.jsxs)("div",{ref:g,className:"flex flex-wrap items-center justify-center gap-x-5 gap-y-2",children:["The"," ",(0,e.jsx)("span",{className:"font-serif italic font-normal",children:"AI filmmaking platform"})]}),(0,e.jsxs)("div",{ref:b,className:"flex flex-wrap items-center justify-center gap-x-2 sm:gap-x-5 gap-y-2",children:["built for"," ",(0,e.jsx)("span",{className:"font-serif italic font-normal",children:"creators"})]})]}),(0,e.jsx)("div",{ref:p,className:"max-w-[34rem] px-4 text-center text-sm text-muted-foreground sm:text-base",children:"Type your idea — M Studio writes the script, shoots every scene, voices the cast and cuts the film. First cut in one session, no editing skills needed."}),(0,e.jsxs)("div",{ref:n,className:"flex flex-wrap items-center justify-center gap-2 px-3",children:[(0,e.jsx)(_,{size:"lg",className:"sm:text-base sm:h-11 h-8 sm:px-6 px-3 text-sm",asChild:!0,children:(0,e.jsx)("a",{href:h,children:"Start now"})}),(0,e.jsx)(_,{variant:"outline",size:"lg",className:"sm:text-base sm:h-11 h-8 sm:px-6 px-3 text-sm",asChild:!0,children:(0,e.jsx)("a",{href:c("demo"),children:"Watch examples"})})]}),(0,e.jsx)(de,{}),(0,e.jsx)("div",{className:"flex flex-wrap items-center justify-center gap-2 px-4",children:Le.map(d=>(0,e.jsxs)("a",{href:d.href,className:"inline-flex items-center gap-1.5 rounded-full border border-border/60 bg-secondary/10 px-3 py-1.5 text-xs text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground",children:[(0,e.jsx)("span",{className:"font-medium text-foreground",children:d.question}),d.answer]},d.question))})]}),(0,e.jsx)("div",{ref:l,className:"relative z-10 mx-auto max-w-screen-2xl px-4 pb-6 sm:px-6",children:(0,e.jsx)(Oe,{})})]})},ze=Fe,S=[{id:1,heading:"Product ads and agencies",subheading:"Paste your brief. Get a campaign you can pitch — ad script, product shots from every angle and a 30-second cut with a 4K export. No creative agency required.",videoUrl:v.dance.videoUrl,fallbackImageUrl:v.dance.fallbackImageUrl},{id:2,heading:"Film pre-production",subheading:"Upload your screenplay. Get storyboard pictures, blocking references and previs video clips for every scene. No VFX house, no six-figure previs budget.",videoUrl:v.fly.videoUrl,fallbackImageUrl:v.fly.fallbackImageUrl},{id:3,heading:"Social media creators",subheading:"Type your idea. M Studio writes the hook, draws the shots, speaks in your cloned voice, adds music and exports a Reel ready to post. First cut in one session.",videoUrl:v.war.videoUrl,fallbackImageUrl:v.war.fallbackImageUrl},{id:4,heading:"VFX and filmmakers",subheading:"Describe your shot in plain words. Get a cinematic reference picture, then change the lens, light or angle and draw it again — as many times as the shot needs, with no art department.",videoUrl:v.dstudio.videoUrl,fallbackImageUrl:v.dstudio.fallbackImageUrl},{id:5,heading:"Anime and illustrated video",subheading:"Describe your world. M Studio keeps your characters the same in every shot, in any style — shonen, cyberpunk, dark fantasy — voices your cast in 12 languages and scores the episode.",videoUrl:v.animation.videoUrl,fallbackImageUrl:v.animation.fallbackImageUrl}],q=t=>{t.play().catch(()=>{})},Ve=()=>{const t=(0,r.useRef)(null),i=(0,r.useRef)([]),p=(0,r.useRef)(null),n=(0,r.useRef)({}),[l,g]=(0,r.useState)(S[0].id),b=(0,r.useRef)(0),[c,h]=(0,r.useState)({}),d=a=>{const f=n.current[a],w=c[a]===!0;if(f){if(w){q(f),h(s=>({...s,[a]:!1}));return}f.pause(),h(s=>({...s,[a]:!0}))}};return(0,r.useEffect)(()=>

1{if(!t.current||typeof window>"u")return;x.registerPlugin(V);const a=i.current.filter(Boolean),f=360/S.length;if(a.length===0)return;const w=u=>{const m=Math.round(u);m!==b.current&&(b.current=m,g(S[m].id)),p.current&&x.set(p.current,{rotation:-(u*f),transformOrigin:"50% 50%"}),a.forEach((N,R)=>{const k=R===m,A=R<u?-1:1,P=Math.abs(u-m),o=1-Math.min(P,.5)/.5,j=R<u?-18:18;x.set(N,{yPercent:k?j*(1-o):A*42,autoAlpha:k?o:0,scale:k?.94+o*.06:.9,zIndex:k?a.length:1,pointerEvents:k?"auto":"none"})})};w(0);const s=V.create({trigger:t.current,start:"top top",end:"bottom bottom",scrub:!0,snap:{snapTo:1/(a.length-1),duration:{min:.1,max:.3},delay:0,ease:"power2.out"},onUpdate:u=>{w(u.progress*(a.length-1))}});return()=>{s.kill()}},[]),(0,r.useEffect)(()=>{S.forEach(a=>{const f=n.current[a.id];if(f){if(a.id!==l){f.pause();return}c[a.id]||q(f)}})},[l,c]),(0,e.jsx)("section",{ref:t,className:"relative",id:"vertical-feature-list-section",style:{height:`${S.length*100}vh`},children:(0,e.jsxs)("div",{className:"sticky top-0 mx-auto h-screen w-full max-w-screen-2xl px-2 py-6 md:py-10 pt-24 lg:pt-48",children:[(0,e.jsx)("div",{className:"absolute -top-16 -z-10 left-1/2 hidden h-44 w-[50rem] -translate-x-1/2 rounded-[100%] bg-primary/40 blur-[180px] sm:block"}),(0,e.jsx)("div",{className:"absolute top-[56%] -left-[20rem] -translate-y-1/2 hidden lg:block",children:(0,e.jsxs)("div",{ref:p,className:"relative w-[40rem] h-[40rem]",children:[(0,e.jsx)("img",{src:"/images/landingpage/lence.webp",className:"h-full w-full [filter:hue-rotate(100deg)_saturate(1.1)]",alt:"",loading:"lazy",decoding:"async",width:640,height:640}),(0,e.jsx)("div",{className:"absolute inset-0 -translate-x-7 -translate-y-9 pointer-events-none",children:S.map((a,f)=>(0,e.jsx)("div",{className:"absolute left-1/2 top-1/2",style:{transform:`rotate(${f*(360/S.length)}deg)  translateX(23.5rem)`},children:(0,e.jsx)("span",{className:U("block text-7xl -translate-x-1/2 -translate-y-1/2 font-serif text-primary transition-opacity duration-300",l===a.id?"opacity-100":"opacity-50"),children:a.id})},a.id))})]})}),(0,e.jsx)("div",{className:"relative h-[68vh] md:h-[70vh]",children:S.map((a,f)=>(0,e.jsx)("div",{ref:w=>{i.current[f]=w},className:"absolute inset-0 flex items-center justify-center lg:justify-end px-3 md:px-8",children:(0,e.jsxs)("article",{className:"w-full max-w-3xl p-4 md:p-10",children:[(0,e.jsx)("h3",{className:"mb-7 text-3xl font-serif text-primary md:text-5xl lg:text-6xl",children:a.heading}),(0,e.jsxs)("div",{className:"relative mx-auto max-w-2xl overflow-hidden rounded-2xl border border-primary/20 bg-card/50",children:[(0,e.jsx)("button",{type:"button",onClick:()=>{d(a.id)},className:"absolute right-3 top-3 z-10 inline-flex h-9 w-9 items-center justify-center rounded-full border border-border/60 bg-background/80 text-foreground transition-colors hover:bg-background outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50","aria-label":c[a.id]?"Play video":"Pause video","aria-pressed":!c[a.id],children:c[a.id]?(0,e.jsx)(I,{className:"h-4 w-4","aria-hidden":"true"}):(0,e.jsx)(H,{className:"h-4 w-4","aria-hidden":"true"})}),(0,e.jsx)(W,{ref:w=>{n.current[a.id]=w},src:a.videoUrl,fallbackImageUrl:a.fallbackImageUrl,fallbackAlt:a.heading,containerClassName:"h-[180px] w-full md:h-[240px]",className:"block h-full w-full object-cover",autoPlay:!0,muted:!0,loop:!0,playsInline:!0})]}),(0,e.jsx)("p",{className:"mt-6 text-base leading-relaxed text-muted-foreground md:text-xl",children:a.subheading})]})},a.id))})]})})},Ge=Ve,qe=()=>(0,e.jsxs)("section",{id:"languages",className:"relative mx-auto max-w-screen-2xl overflow-hidden px-4 py-16 sm:px-6 sm:py-20",children:[(0,e.jsx)("div",{className:"absolute top-0 left-1/4 right-1/4 h-[1px] bg-gradient-to-r from-transparent via-border to-transparent"}),(0,e.jsxs)("div",{className:"relative z-10 mx-auto max-w-3xl text-center",children:[(0,e.jsx)(y,{variant:"up",children:(0,e.jsx)("p",{className:"text-xs font-semibold uppercase tracking-[0.25em] text-primary/80",children:"Create in your language"})}),(0,e.jsx)(y,{variant:"up",className:"mt-4",children:(0,e.jsxs)("h2",{className:"text-3xl font-bold tracking-tight text-foreground sm:text-4xl leading-tight",children:[se," languages, one pipeline"]})}),(0,e.jsx)(y,{variant:"up",className:"mt-4",children:(0,e.jsx)("p",{className:"mx-auto max-w-2xl text-sm leading-relaxed text-muted-foreground sm:text-base",children:"Scripts, dialogue, and narration are written and voiced in the language your audience speaks. Picture and video prompts stay in English for the models."})})]}),(0,e.jsx)(y,{variant:"up",className:"relative z-10 mt-10",children:(0,e.jsx)("div",{className:"mx-auto flex max-w-4xl flex-wrap items-center justify-center gap-2 sm:gap-3",children:ne.map(t=>(0,e.jsxs)("span",{className:"inline-flex items-baseline gap-2 rounded-full border border-border/40 bg-card/60 px-4 py-2 text-sm font-medium text-foreground transition-colors duration-300 hover:border-primary/40 hover:bg-card",children:[t.native,t.native!==t.label&&(0,e.jsx)("span",{className:"text-xs text-muted-foreground

1/70",children:t.label})]},t.value))})}),(0,e.jsx)(y,{variant:"up",className:"relative z-10 mt-8 text-center",children:(0,e.jsxs)("p",{className:"inline-flex items-center gap-2 text-xs text-muted-foreground/60",children:[(0,e.jsx)(ee,{className:"h-3.5 w-3.5","aria-hidden":"true"}),"Every language is verified end to end — script generation through spoken narration — before it ships."]})})]}),Be=qe,B=7e3,C=[{label:"Storyboard pictures",title:"Draw a storyboard picture for every shot",description:"Each shot gets a picture in your film look, so you can judge framing and mood before any video is made.",supportingText:"Change the lens, light or angle and draw it again until the shot reads right.",icon:Y,embedUrl:"https://www.youtube.com/embed/-HvMaAxU0Po?rel=0",embedAlt:"Storyboard pictures walkthrough"},{label:"Video clips",title:"Turn approved pictures into video clips",description:"Each storyboard picture becomes a video clip that keeps the shot's characters, set and direction.",supportingText:"Try a different camera move on any shot without leaving the storyboard.",icon:re,embedUrl:"https://www.youtube.com/embed/S5GFs0Edkq8?rel=0",embedAlt:"Video clips walkthrough"},{label:"Timeline",title:"Set the pacing on a real timeline",description:"Trim shots, ripple edits and place voice, music and sound effects on their own tracks.",supportingText:"Play the whole cut with narration, sound and transitions before you export.",icon:Q,embedUrl:"https://www.youtube.com/embed/YkNXKAdXKQU?rel=0",embedAlt:"Timeline sequencing and pacing controls"}],$e=()=>{const[t,i]=(0,r.useState)(0),p=(0,r.useRef)(0),n=(0,r.useRef)(!1),l=(0,r.useRef)([]),g=(0,r.useRef)([]),b=(0,r.useRef)(null),c=(0,r.useCallback)((s,u=!1)=>{p.current=s,i(s),l.current.forEach((m,N)=>{m&&(N===s?x.to(m,{autoAlpha:1,y:0,duration:.55,ease:"power3.out"}):x.to(m,{autoAlpha:0,y:24,duration:.35,ease:"power2.out"}))}),g.current.forEach((m,N)=>{m&&(x.killTweensOf(m),x.set(m,{height:0}),N===s&&(u?x.set(m,{height:"100%"}):x.fromTo(m,{height:0},{height:"100%",duration:B/1e3,ease:"none"})))})},[]),h=(0,r.useCallback)(()=>{b.current&&(window.clearInterval(b.current),b.current=null)},[]),d=(0,r.useCallback)(()=>{h(),!n.current&&(b.current=window.setInterval(()=>{c((p.current+1)%C.length)},B))},[c,h]),a=(0,r.useCallback)(()=>{if(n.current)return;n.current=!0,h();const s=g.current[p.current];s&&(x.killTweensOf(s),x.set(s,{height:"100%"}))},[h]);(0,r.useEffect)(()=>(n.current=!1,l.current.forEach((s,u)=>{s&&x.set(s,{autoAlpha:u===0?1:0,y:u===0?0:24})}),c(0),d(),()=>{h(),x.killTweensOf(l.current.filter(Boolean)),x.killTweensOf(g.current.filter(Boolean))}),[c,d,h]);const f=s=>{a(),c(s,!0)},w=(0,r.useCallback)(()=>{a()},[a]);return(0,e.jsxs)("section",{className:"relative overflow-hidden py-16 sm:py-20 lg:py-24",children:[(0,e.jsx)(O,{seed:"timed-feature-focus-section"}),(0,e.jsxs)("div",{className:"relative z-10 mx-auto grid max-w-7xl gap-8 px-4 sm:px-6 lg:grid-cols-[minmax(260px,360px)_1fr] lg:items-center lg:gap-10 lg:px-8",children:[(0,e.jsxs)("div",{children:[(0,e.jsxs)(y,{delay:0,children:[(0,e.jsx)("p",{className:"text-xs font-semibold uppercase tracking-[0.22em] text-primary/80",children:"Guided tour"}),(0,e.jsx)("h2",{className:"mt-3 max-w-[14ch] text-2xl font-semibold tracking-tight text-foreground sm:text-4xl",children:"See how a film comes together"})]}),(0,e.jsx)(y,{delay:0,children:(0,e.jsx)("ul",{className:"mt-8 space-y-4",children:C.map((s,u)=>{const m=s.icon;return(0,e.jsx)("li",{children:(0,e.jsxs)("button",{type:"button",onClick:()=>

1f(u),className:U("group flex w-full items-center gap-4 rounded-xl px-4 py-3 text-left transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",t===u?"bg-card/70":"hover:bg-card/40"),children:[(0,e.jsx)("span",{className:"relative h-10 w-1 rounded-full bg-border/50",children:(0,e.jsx)("span",{ref:N=>{g.current[u]=N},className:"absolute bottom-0 left-0 w-full rounded-full bg-primary"})}),(0,e.jsx)("span",{className:"inline-flex h-9 w-9 items-center justify-center rounded-lg border border-border/50 bg-background/70",children:(0,e.jsx)(m,{className:"h-4 w-4"})}),(0,e.jsx)("span",{className:"text-sm font-medium leading-tight sm:text-base",children:s.label})]})},s.label)})})})]}),(0,e.jsx)(y,{delay:0,direction:"top",variant:"scale",children:(0,e.jsx)("div",{className:"relative h-[360px] overflow-hidden rounded-2xl sm:h-[420px] sm:rounded-3xl",children:(0,e.jsx)("div",{className:"relative h-full rounded-2xl",onPointerDownCapture:w,children:C.map((s,u)=>(0,e.jsx)("div",{ref:m=>{l.current[u]=m},className:"absolute inset-0",children:u===t?(0,e.jsx)(je,{url:s.embedUrl,title:s.embedAlt,className:"h-full w-full rounded-xl sm:rounded-2xl"},`${s.label}-${t}`):null},s.label))})})})]})]})},De=$e,He=()=>{const{templates:t,loading:i}=Se(),p=M(l=>!!l.user),n=l=>{if(!p){F.visit(`/register?template=${l.slug}`);return}F.visit(`/dashboard/new?format=${l.slug}`)};return i||t.length===0?null:(0,e.jsxs)("section",{className:"relative mx-auto max-w-screen-2xl overflow-hidden px-2 pb-20 pt-4 sm:pb-24 md:pb-28","aria-labelledby":"templates-section-heading",children:[(0,e.jsx)(O,{seed:"templates-section"}),(0,e.jsxs)("div",{className:"relative z-10 mx-auto max-w-6xl",children:[(0,e.jsxs)(y,{delay:1,children:[(0,e.jsxs)("h2",{id:"templates-section-heading",className:"px-2 text-center text-3xl font-semibold leading-tight sm:text-4xl md:text-5xl",children:["Start from a"," ",(0,e.jsx)("span",{className:"font-serif font-normal italic text-primary",children:"template"})]}),(0,e.jsxs)("p",{className:"mx-auto mb-10 mt-4 max-w-[42rem] px-3 text-center text-sm text-muted-foreground sm:text-base",children:["Pick what you're making. Answer a few questions about your story, and M Studio writes the script and boards every shot."," ",(0,e.jsx)("span",{className:"text-foreground",children:"No blank page to stare at."})]})]}),(0,e.jsx)(y,{delay:2,children:(0,e.jsx)(ke,{templates:t,onSelect:n,limit:6})}),(0,e.jsx)(y,{delay:2,children:(0,e.jsx)("div",{className:"mt-8 flex justify-center",children:(0,e.jsx)(_,{variant:"outline",asChild:!0,children:(0,e.jsxs)("a",{href:"/templates",children:["Browse all templates",(0,e.jsx)(J,{className:"h-4 w-4","aria-hidden":"true"})]})})})})]})]})},We=He,$=[v.manyman,v.water,v.skate,v.bike,v.car,v.cry],Xe=()=>(0,e.jsxs)("section",{id:"studio-reel",className:"relative overflow-hidden py-16 sm:py-20 lg:py-24","aria-labelledby":"studio-reel-heading",children:[(0,e.jsx)(O,{seed:"studio-reel-section",className:"opacity-50"}),(0,e.jsxs)("div",{className:"relative z-10 mx-auto max-w-7xl px-4 sm:px-6 lg:px-8",children:[(0,e.jsx)(y,{variant:"up",children:(0,e.jsxs)("div",{className:"mx-auto mb-10 max-w-3xl text-center sm:mb-12",children:[(0,e.jsx)("p",{className:"text-xs font-semibold uppercase tracking-[0.24em] text-primary/80",children:"Showreel"}),(0,e.jsx)("h2",{id:"studio-reel-heading",className:"mt-3 text-3xl font-semibold tracking-tight text-foreground sm:text-4xl md:text-5xl",children:"Made in M Studio"}),(0,e.jsx)("p",{className:"mx-auto mt-4 max-w-2xl text-sm leading-relaxed text-muted-foreground sm:text-base",children:"Video clips from films made in M Studio — each one started as a line of script and a storyboard picture."})]})}),(0,e.jsx)("div",{className:"grid auto-rows-[150px] grid-cols-2 gap-3 sm:auto-rows-[190px] sm:gap-4 md:grid-cols-3 lg:auto-rows-[220px]",children:$.map((t,i)=>(0,e.jsx)(y,{variant:"scale",delay:Math.min(i*.05,.25),className:U("relative overflow-hidden rounded-2xl bg-card/60",i===0&&"col-span-2 md:row-span-2",i===$.length-1&&"hidden md:block"),children:(0,e.jsx)(W,{src:t.videoUrl,fallbackImageUrl:t.fallbackImageUrl,fallbackAlt:"Video clip made in M Studio",containerClassName:"absolute inset-0 h-full w-full",className:"h-full w-full object-cover",autoPlay:!0,muted:!0,loop:!0,playsInl

1ine:!0,preload:"metadata"})},t.name))}),(0,e.jsx)(y,{variant:"up",children:(0,e.jsx)("div",{className:"mt-10 flex justify-center",children:(0,e.jsx)(_,{variant:"outline",asChild:!0,children:(0,e.jsxs)("a",{href:"/demo",className:"inline-flex items-center gap-2",children:["Watch examples",(0,e.jsx)(te,{className:"h-4 w-4","aria-hidden":"true"})]})})})})]})]}),Ke=Xe,Qe=(t,i,p)=>({"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":`${t}/#webpage`,name:"AI Storyboard Generator & AI Movie Maker | M Studio",description:"Turn scripts and ideas into storyboards, AI video, voice, and sound in one production workspace.",url:`${t}/`,isPartOf:{"@id":`${t}/#website`},about:{"@id":`${t}/#software`},speakable:{"@type":"SpeakableSpecification",cssSelector:["h1",".hero-description","meta[name='description']"]}},{"@type":"SoftwareApplication","@id":`${t}/#software`,name:"M Studio",applicationCategory:"MultimediaApplication",operatingSystem:"Web",url:t,description:"AI filmmaking software for storyboarding, script to storyboard workflows, AI video generation, voice, sound design, timeline editing, and export.",brand:ve(t),inLanguage:"en",offers:ge(t,i),featureList:["AI storyboard generator","Script to storyboard workflow","AI movie maker","AI video generation","Voice and narration","Sound design and SFX","Timeline editing","Export and review sharing"]},{"@type":"FAQPage","@id":`${t}/#faq`,mainEntity:(p.length>0?p:ye).map(n=>({"@type":"Question",name:n.question,acceptedAnswer:{"@type":"Answer",text:n.answer}}))}]});const Je=({faqs:t=[]})=>{const{baseUrl:i,startingPriceCents:p}=xe(),n=(0,r.useRef)(null),l=(0,r.useRef)(null),g=(0,r.useRef)(null),b=(0,r.useRef)(null),c=(0,r.useRef)(null),h=(0,r.useRef)(null),d=(0,r.useRef)(null);return(0,r.useEffect)(()=>{if(typeof window>"u"||!n.current)return;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){x.set(n.current,{autoAlpha:1});return}x.set(n.current,{autoAlpha:0});const a=x.timeline({delay:.2,defaults:{ease:"power3.out"}});return a.to(n.current,{autoAlpha:1,duration:.9}),()=>{a.kill()}},[]),(0,e.jsxs)("div",{className:"theme-marketing min-h-screen bg-background text-foreground font-sans",children:[(0,e.jsx)(oe,{...ie.landing,canonical:"/",structuredData:Qe(i,p,t)}),(0,e.jsx)(Ae,{}),(0,e.jsx)(he,{variant:"blur",scrollBehavior:"hide-on-scroll"}),(0,e.jsx)(ze,{blurRevealRef:n,headingRevealRef:l,subheadingRevealRef:g,buttonsRevealRef:b,gridRevealRef:c,lineOneRowRef:h,lineTwoRowRef:d}),(0,e.jsx)(Ne,{}),(0,e.jsx)(We,{}),(0,e.jsx)(Ge,{}),(0,e.jsx)(Ke,{}),(0,e.jsx)(De,{}),(0,e.jsx)(pe,{}),(0,e.jsx)(we,{title:"Everything from script to final cut in one place",subheading:(0,e.jsxs)(e.Fragment,{children:["One connected pipeline — the"," ",(0,e.jsx)(K,{href:"/features/ai-storyboard-generator",className:"font-medium text-foreground underline decoration-primary/50 underline-offset-4 transition-colors hover:text-primary",children:"AI storyboard generator"})," ","turns your script into shots, then video clips, voice and sound land on a real timeline. First cut in one session."]})}),(0,e.jsx)(Be,{}),(0,e.jsx)(be,{items:t}),(0,e.jsx)(ce,{}),(0,e.jsx)(fe,{})]})};var Ft=Je;export{Je as LandingPage,Ft as default};