https://procreate-assets-cdn.procreate.com/_nuxt/BeuisLu9.js

1import{d as I,e as H,E as S,O as K,c as p,o as c,a as e,F as N,x as O,g as v,q as z,j as u,p as W,C,Q as Y,k as M,T as J,w as f,v as E,S as Q,n as D,h as m,U as A,V as Z,W as ee,y as se,z as te,X as ae,f as oe,r as X,b as F,t as V,l as ie,A as re,Y as R,B as ne}from"./DU4cSegC.js";import{I as P,D as de}from"./D2_o59wt.js";import{s as le}from"./BOamwaAU.js";import{A as ce,a as ue}from"./pGAx7IT1.js";import{u as pe}from"./CSBi3uw6.js";import{c as me,e as fe}from"./DQTBCwb5.js";import"./BB1ToJr3.js";const ve={class:"overflow-x-hidden pb-[300px]"},he={class:"container relative"},_e={class:"mb-[40px]"},ge=["innerHTML"],be=["innerHTML"],xe=I({__name:"FeatureGallery",setup(L){const d=W(()=>[{icon:"performance",heading:"Realtime rendering",body:"No more waiting for render previews. Instantly play back your animation as you make it."},{icon:"draw-squiggle",heading:"Pixel perfect painting",body:"With powerful rendering speeds, Procreate Dreams moves as fast as you can create."},{icon:"4k",heading:"4K workflows",body:"Perform lightning-fast edits as you work on 4K ProRes footage on supported devices."},{icon:"snapping",heading:"Instant open",body:"Procreate Dreams' files open and close in an instant, so you can dive straight into creating."},{icon:"touch-timeline",heading:"Multitouch timeline",body:"A revolutionary timeline made for animation, with fluid gestures that keep you focused on creating."},{icon:"folder",heading:"Automatic Saving",body:"Everything you do is instantly saved, so you never need to worry about losing your work."}]),i=S(null),s=C({index:0,starting:0,elementSize:0,minLeft:0,maxLeft:0}),o=C({initial:0,starting:0,current:0,isDragging:!1,snappingBack:!1}),g=function(){const l=o.starting+o.current-o.initial;return(l>s.maxLeft?s.maxLeft:l<s.minLeft?s.minLeft:l)+"px"},b=function(){const l=i.value.style.left;if(parseInt(l)>s.maxLeft)return s.maxLeft+"px";if(parseInt(l)<s.minLeft)return s.minLeft+"px";const a=Math.abs(parseInt(l)%s.elementSize);return a===0?l:(o.snappingBack=!0,i.value.classList.add("snapBack"),setTimeout(()=>{o.snappingBack=!1,i.value.classList.remove("snapBack")},200),a>=s.elementSize/2?parseInt(l)-(s.elementSize-a)+"px":parseInt(l)+a+"px")},_=function(){i.value&&(s.elementSize=i.value.children[0].offsetWidth+20,window.innerWidth>=1080?s.minLeft=s.elementSize*3-i.value.offsetWidth:window.innerWidth>=600?s.minLeft=s.elementSize*2-i.value.offsetWidth:s.minLeft=s.elementSize-i.value.offsetWidth,i.value.style.left=b())},j=function(l){o.snappingBack||(o.initial=l.type==="touchstart"?l.touches[0].clientX:l.clientX,o.starting=parseInt(i.value.style.left),o.isDragging=!0)},y=function(l){o.snappingBack||(o.isDragging=!1,i.value.style.left=b())},k=function(l){o.isDragging&&(l.preventDefault(),o.current=l.type==="touchstart"?l.touches[0].clientX:l.clientX,i.value.style.left=g())};return H(()=>{_(),i.value&&(i.value.addEventListener("mousedown",j),i.value.addEventListener("touchstart",j),i.value.addEventListener("mouseleave",y),i.value.addEventListener("mouseup",y),i.value.addEventListener("touchend",y),i.value.addEventListener("mousemove",k),i.value.addEventListener("touchmove",k),window.addEventListener("resize",_))}),K(()=>{window.removeEventListener("resize",_)}),(l,a)=>{const t=z;return c(),p("div",ve,[e("div",he,[e("ul",{class:"dreams-feature-slider absolute t-0 pl-5 flex flex-nowrap flex-row gap-[20px]",ref_key:"slider",ref:i,style:{left:"0px"}},[(c(!0),p(N,null,O(u(d),(h,x)=>(c(),p("li",{class:"dreams-features-item p-[30px] rounded-[42px] bg-[#141414] border border-[#242424]",key:x},[e("div",_e,[v(t,{icon:h.icon,class:"text-[#f7235b] text-[44px]"},null,8,["icon"])]),e("h3",{class:"text-heading text-heading--xs mb-[6px]",innerHTML:h.heading},null,8,ge),e("p",{class:"text-body text-body--sm",innerHTML:h.body},null,8,be)]))),128))],512)])])}}}),ye=Object.assign(xe,{__name:"DreamsFeatureGallery"}),we={class:"overflow-hidden pb-[30px]"},ke={class:"pro-icon pro-icon--arrow-left","aria-hidden":"true"},$e={xmlns:"http://www.w3.org/2000/svg",style:{fill:"currentColor","fill-rule":"evenodd","clip-rule":"evenodd","stroke-linejoin":"round","stroke-miterlimit":"1.41421"},viewBox:"0 0 144 144"},Le={class:"pro-icon pro-icon--arrow-right","aria-hidden":"true"},je={xmlns:"http://www.w3.org/2000/svg",style:{fill:"currentColor","fill-rule":"evenodd","clip-rule":"evenodd","stroke-linejoin":"round","stroke-miterlimit":"1.41421"},viewBox:"0 0 144 144"},Pe={class:"dreams-carousel__item","data-audio":"true"},Te=["src","poster"],Me={class:"dreams-carousel__item dreams-carousel__item--next","data-audio":"true"},De=["src","poster"],Ee={class:"dreams-carousel__item dreams-carousel__item--next-2","data-audio":"true"},Se=["src","poster"],Ce={class:"dreams-carousel__item dreams-carousel__item--previous-2","data-audio":"true"},Ie=["src","poster"],Ve={class:"dreams-carousel__item dreams-carousel__item--previous-2","data-audio":"true"},We=["src","poster"],Ae={class:"dreams-carousel__item dreams-carousel__item--previous-2","data-audio":"true"},Be=["src","poster"],qe={class:"dreams-carousel__item dreams-carousel__item--previous-2","data-audio":"true"},He=["src","poster"],ze={class:"dreams-carousel__item dreams-carousel__item--previous-2","data-audio":"true"},Fe=["src","poster"],Ne={class:"dreams-carousel__item dreams-carousel__item--previous-2","data-audio":"true"}

1,Oe=["src","poster"],Xe={class:"dreams-carousel__item dreams-carousel__item--previous","data-audio":"true"},Re=["src","poster"],Ge=I({__name:"DreamsCarousel",setup(L){const d=S(null),i=S(null),s=C({index:0,currentElement:null,currentVideo:null,count:0,mute:!0,muteVisible:!0,videoEnded:!1,animating:!1}),o=C({start:0,startPos:0,swiping:!1});let g;const b=function(n,r,w="true"){n.className="dreams-carousel__item"+r,n.setAttribute("aria-hidden",w)},_=function(n){const r=s.index+n;return r>=s.count?r-s.count:r<0?s.count+r:r},j=function(){s.videoEnded=!0},y=function(){s.currentVideo&&(s.videoEnded=!1,s.currentVideo.currentTime=0,s.currentVideo.pause())},k=function(){g=new IntersectionObserver(([n])=>{navigator.userActivation.hasBeenActive&&(n.isIntersecting&&s.currentVideo&&!s.videoEnded?s.currentVideo.play():s.currentVideo&&!s.videoEnded&&s.currentVideo.pause())},{root:null,rootMargin:"0px",threshold:.2}),i.value&&g.observe(i.value)},l=function(){d.value&&(s.currentElement=d.value.children[_(0)],s.currentVideo=s.currentElement?.querySelector("video"),b(s.currentElement," dreams-carousel__item--selected","false"),b(d.value.children[_(1)]," dreams-carousel__item--next"),b(d.value.children[_(2)]," dreams-carousel__item--next-2"),b(d.value.children[_(-1)]," dreams-carousel__item--previous"),b(d.value.children[_(-2)]," dreams-carousel__item--previous-2"),s.currentVideo&&s.currentVideo.addEventListener("ended",j))},a=function(){i.value&&(i.value.addEventListener("mousedown",t),i.value.addEventListener("touchstart",t),i.value.addEventListener("mouseleave",h),i.value.addEventListener("mouseup",h),i.value.addEventListener("touchend",h))},t=function(n){const r=new Date;o.start=r.getTime(),o.startPos=n.type==="touchstart"?n.touches[0].clientX:n.clientX,o.swiping=!0},h=function(n){if(!s.animating&&o.swiping&&new Date().getTime()-o.start<500){const w=n.type==="touchstart"?n.touches[0].clientX:n.clientX;w-o.startPos<-100&&B(),w-o.startPos>100&&q()}o.start=0,o.startPos=0,o.swiping=!1},x=function(){s.animating=!0,setTimeout(()=>{s.animating=!1},300)},B=function(){s.animating||(y(),s.index=s.index==s.count-1?0:s.index+1,x(),l(),$())},q=function(){s.animating||(y(),s.index=s.index>0?s.index-1:s.count-1,l(),x(),$())},T=function(){s.mute=!s.mute,s.currentVideo&&(s.currentVideo.muted=s.mute)},$=function(){y(),s.currentVideo&&(s.currentVideo.muted=s.mute,s.currentVideo.play())};return H(()=>{s.count=d.value?.children.length,k(),l(),a()}),Y(()=>{g&&i.value&&g.unobserve(i.value)}),(n,r)=>{const w=z;return c(),p("div",we,[e("div",{class:"dreams-carousel-container aspect-[1/1.2] sm:aspect-[4/3] md:aspect-[16/9]",ref_key:"dreamsCarousel",ref:i,"aria-hidden":"true"},[e("button",{class:"dreams-carousel__previous",onClick:q,title:"previous"},[e("span",ke,[(c(),p("svg",$e,[...r[0]||(r[0]=[e("path",{d:"M83.935 100.991L54.944 72l28.991-28.991a3 3 0 114.243 4.242L63.429 72l24.749 24.749a3 3 0 01-4.243 4.242z"},null,-1)])]))])]),v(J,{name:"fade"},{default:f(()=>[s.videoEnded?(c(),p("button",{key:0,onClick:$,class:"dreams-carousel__replay",title:"restart"},[v(w,{icon:"reset"})])):E("",!0)]),_:1}),M(e("button",{class:"dreams-carousel__mute-toggle",onClick:T,title:"mute"},[s.mute?(c(),D(w,{key:0,icon:"mute"})):E("",!0),s.mute?E("",!0):(c(),D(w,{key:1,icon:"unmute"}))],512),[[Q,s.muteVisible]]),e("button",{class:"dreams-carousel__next",onClick:B,title:"next"},[e("span",Le,[(c(),p("svg",je,[...r[1]||(r[1]=[e("path",{d:"M60.065 43.009L89.056 72l-28.991 28.991a3 3 0 11-4.243-4.242L80.571 72 55.822 47.251a3 3 0 014.243-4.242z"},null,-1)])]))])]),e("div",{class:"flex flex-nowrap flex-row",ref_key:"items",ref:d,role:"region",id:"slides","aria-live":"polite"},[e("div",Pe,[e("video",{class:"rounded-[36px] md:rounded-[64px] overflow-hidden aspect-[1/1.2] sm:aspect-[4/3] md:aspect-[16/9] border border-[#ffffff12] object-cover h-full",autoplay:"",loop:"",muted:"",playsinline:"",height:"400","aria-hidden":"true",src:n.$asset("videos/dreams/carousel/1.ordinary-folk.mp4"),poster:n.$asset("videos/dreams/carousel/1.cover.jpg"),disableremoteplayback:"","x-webkit-airplay":"deny"},null,8,Te),r[2]||(r[2]=e("span",{class:"dreams-carousel__credit block px-[30px] h-[20px] text-[12px] mt-[14px] text-left"},[m("Created by "),e("span",{class:"font-semibold"},"Ordinary Folk")],-1))]),e("div",Me,[e("video",{class:"rounded-[36px] md:rounded-[64px] overflow-hidden aspect-[1/1.2] sm:aspect-[4/3] md:aspect-[16/9] border border-[#ffffff12] object-cover h-full",muted:"",playsinline:"",src:n.$asset("videos/dreams/carousel/2.aaron-blaise.mp4"),poster:n.$asset("videos/dreams/carousel/2.cover.jpg"),"aria-hidden":"false",disableremoteplayback:"","x-webkit-airplay":"deny"},null,8,De),r[3]||(r[3]=e("span",{class:"dreams-carousel__credit block px-[30px] h-[20px] text-[12px] mt-[14px] text-left text-[#888888]"},[m("Created by "),e("span",{class:"font-semibold"},"Aaron Blaise")],-1))]),e("div",Ee,[e("video",{class:"rounded-[36px] md:rounded-[64px] overflow-hidden aspect-[1/1.2] sm:aspect-[4/3] md:aspect-[16/9] border border-[#ffffff12] object-cover h-full",muted:"",loop:"",playsinline:"",height:"400","aria-hidden":"true",src:n.$asset("videos/dreams/carousel/3.alex-grigg.mp4"),poster:n.$asset("videos/dreams/carousel/3.cover.jpg"),disableremoteplayback:"","x-webkit-airplay":"deny"},null,8,Se),r[4]||(r[4]=e("span",{class:"dreams-carousel__credit block px-[30px] h-[20px] text-[12px] mt-[14px] text-left"},[m("Created by "),e("span",{class:"font-semibold"},"Alex Grigg")],-1))]),e("div",Ce,[e("video",{class:"rounded-[36px] md:rounded-[64px] overflow-hidden aspect-[1/1.2] sm:aspect-[4/3] md:aspect-[16/9] border border-[#ffffff12] object-cover h-full",muted:"",playsinline:"",height:"400","aria-hidden":"true",src:n.$asset("videos/dreams/carousel/4.michael-relth.mp4"),poster:n.$asset("videos/dreams/carousel/4.cover.jpg"),disableremoteplayback:"","x-webkit-airplay":"deny"},null,8,Ie),r[5]||(r[5]=e("span",{class:"dreams-carousel__credit block px-[30px] h-[20px] text-[12px] mt-[14px] text-left"},[m("Created by "),e("span",{class:"font-semibold"},"Michael Relth")],-1))]),e("div",Ve,[e("video",{class:"rounded-[36px] md:rounded-[64px] overflow-hidden aspect-[1/1.2] sm:aspect-[4/3] md:aspect-[16/9] border border-[#ffffff12] object-cover h-full",muted:"",loop:"",playsinline:"",height:"400","aria-hidden":"true",src:n.$asset("videos/dreams/carousel/5.david-milan.mp4"),poster:n.$asset("videos/dreams/carousel/5.cover.jpg"),disableremoteplayback:"","x-webkit-airplay":"deny"},null,8,We),r[6]||(r[6]=e("span",{class:"dreams-carousel__credit block px-[30px] h-[20px] text-[12px] mt-[14px] text-left"},[m("Created by "),e("span",{class:"font-semibold"},"David Milan")],-1))]),e("div",Ae,[e("video",{class:"rounded-[36px] md:rounded-[64px] overflow-hidden aspect-[1/1.2] sm:aspect-[4/3] md:aspect-[16/9] border border-[#ffffff12] object-cover h-full",muted:"",playsinline:"",height:"400","aria-hidden":"true",src:n.$asset("videos/dreams/carousel/6.nikolai-lockertsen.mp4"),poster:n.$asset("videos/dreams/carousel/6.cover.jpg"),disableremoteplayback:"","x-webkit-airplay":"deny"},null,8,Be),r[7]||(r[7]=e("span",{class:"dreams-carousel__credit block px-[30px] h-[20px] text-[12px] mt-[14px] text-left"},[m("Created by "),e("span",{class:"font-semibold"},"Nikolai Lockertsen")],-1))]),e("div",qe,[e("video",{class:"rounded-[36px] md:rounded-[64px] overflow-hidden aspect-[1/1.2] sm:aspect-[4/3] md:aspect-[16/9] border border-[#ffffff12] object-cover h-full",muted:"",playsinline:"",height:"400","aria-hidden":"true",src:n.$asset("videos/dreams/carousel/7.haojing.mp4"),poster:n.$asset("videos/dreams/carousel/7.cover.jpg"),disableremoteplayback:"","x-webkit-airplay":"deny"},null,8,He),r[8]||(r[8]=e("span",{class:"dreams-carousel__credit block px-[30px] h-[20px] text-[12px] mt-[14px] text-left"},[m("Created by "),e("span",{class:"font-semibold"},"Haojing")],-1))]),e("div",ze,[e("video",{class:"rounded-[36px] md:rounded-[64px] overflow-hidden aspect-[1/1.2] sm:aspect-[4/3] md:aspect-[16/9] border border-[#ffffff12] object-cover h-full",muted:"",playsinline:"",height:"400","aria-hidden":"true",src:n.$asset("videos/dreams/carousel/8.lucan-studio.mp4"),poster:n.$asset("videos/dreams/carousel/8.cover.jpg"),disableremoteplayback:"","x-webkit-airplay":"deny"},null,8,Fe),r[9]||(r[9]=e("span",{class:"dreams-carousel__credit block px-[30px] h-[20px] text-[12px] mt-[14px] text-left"},[m("Created by "),e("span",{class:"font-semibold"},"Lucan Studio")],-1))]),e("div",Ne,[e("video",{class:"rounded-[36px] md:rounded-[64px] overflow-hidden aspect-[1/1.2] sm:aspect-[4/3] md:aspect-[16/9] border border-[#ffffff12] object-cover h-full",muted:"",loop:"",playsinline:"",height:"400","aria-hidden":"true",src:n.$asset("videos/dreams/carousel/9.michael-eugene.mp4"),poster:n.$asset("videos/dreams/carousel/9.cover.jpg"),disableremoteplayback:"","x-webkit-airplay":"deny"},null,8,Oe),r[10]||(r[10]=e("span",{class:"dreams-carousel__credit block px-[30px] h-[20px] text-[12px] mt-[14px] text-left"},[m("Created by "),e("span",{class:"font-semibold"},"Michael Eugene")],-1))]),e("div",Xe,[e("video",{class:"rounded-[36px] md:rounded-[64px] overflow-hidden aspect-[1/1.2] sm:aspect-[4/3] md:aspect-[16/9] border border-[#ffffff12] object-cover h-full",muted:"",playsinline:"",height:"400","aria-hidden":"true",src:n.$asset("videos/dreams/carousel/10.havtza.mp4"),poster:n.$asset("videos/dreams/carousel/10.cover.jpg"),disableremoteplayback:"","x-webkit-airplay":"deny"},null,8,Re),r[11]||(r[11]=e("span",{class:"dreams-carousel__credit block px-[30px] h-[20px] text-[12px] mt-[14px] text-left"},[m("Created by "),e("span",{class:"font-semibold"},"Havtza")],-1))])],512)],512)])}}}),Ue=Object.assign(Ge,{__name:"DreamsCarousel"}),Ke={class:"w-full relative flex items-center"},Ye={class:"w-[min(80vw,450px)] sm:w-[350px] md:w-[550px] lg:w-[700px] z-10 absolute right-[50%]"},Je={class:"w-[500px] sm:w-[400px] xs:w-[90%] md:w-[600px] lg:w-[800px] z-20 mx-auto"},Qe={class:"w-[min(80vw,450px)] ml-1 sm:w-[350px] md:w-[550px] lg:w-[700px] z-10 absolute left-[50%]"},Ze=I({__name:"TripleIpad",setup(L){return(d,i)=>(c(),p("div",Ke,[e("div",Ye,[v(u(P),{noShadow:"",style:{width:"100%"}},{default:f(()=>[A(d.$slots,"left")]),_:3})]),e("div",Je,[v(u(P),{noShadow:"",style:{width:"100%"}},{default:f(()=>[A(d.$slots,"middle")]),_:3})]),e("div",Qe,[v(u(P),{noShadow:"",style:{width:"100%"}},{default:f(()=>[A(d.$slots,"right")]),_:3})])]))}}),es=Object.assign(Ze,{__name:"DreamsTripleIpad"}),ss={class:"relative max-w-full lg:max-w-[1340px] mx-auto h-auto"},ts={class:"mx-[25px] md:mx-[60px] rounded-[36px] md:rounded-[64px] overflow-hidden aspect-[1/1.2] sm:aspect-[4/3] md:aspect-[16/9] lg:aspect-[2.2/1] border border-[#ffffff12]"},as=["src","poster"],os={class:"relative max-w-full lg:max-w-[1340px] mx-auto mx-[50px] md:mx-[60px] px-[50px] md:px-[60px]"},is={class:"background-media__body text-heading text-heading--md dreams-dim-span mt-[40px]"},rs=I({__name:"WidescreenVideoPlayer",props:{src:{},poster:{}},setup(L){return(d,i)=>(c(),p("div",ss,[e("div",ts,[e("video",{src:L.src,poster:L.poster,autoplay:"",playsinline74:"",muted:"",loop:"","x-webkit-airplay":"deny","aria-hidden":"true",class:"object-cover h-full"},null,8,as)]),e("div",os,[e("div",is,[A(d.$slots,"default")])])]))}}),G=Object.assign(rs,{__name:"DreamsWidescreenVideoPlayer"}),ns=I({__name:"ProMarquee",props:{useDivider:{type:Boolean,default:!0},speed:{default:.3},reverse:{type:Boolean,default:!1},pauseOnHover:{type:Boolean,default:!0}},setup(L){const d=L,i=S(null),s=S(null),o=C({viewportWidth:0,sliderWidth:0,dividerWidth:152,sliderTransitionPosition:0,sliderPosition:0,sliderStartPosition:0,speed:d.reverse?d.speed:-d.speed,reverse:d.reverse,marqueeInterval:null}),g=function(){i.value&&(o.viewportWidth=i.value.clientWidth)},b=function(){const a=document.createElement("span");a.style.transform="rotate(180deg)";const t=Z(z,{icon:"chev-e"});return ee(t,a),a},_=function(a){return s.value&&Array.from(s.value?.children).forEac

1h(h=>{const x=h.cloneNode(!0);s.value?.appendChild(x),d.useDivider&&a.push(x)}),a},j=function(){if(s.value){s.value.style.display="flex";let a=0,t=[];for(const h of s.value.children)d.useDivider?(a+=o.dividerWidth,t.push(h)):(h.style.margin="0 50px 0 0",a+=50),a+=h.clientWidth;for(a;a<o.viewportWidth;a+=a)t=_(t);t=_(t),d.useDivider&&t.forEach(h=>{const x=b();h.after(x)}),o.sliderTransitionPosition=a,o.sliderWidth=a*2,o.reverse&&(o.sliderStartPosition=-a,o.sliderPosition=-a)}},y=function(){k(),s.value&&d.pauseOnHover&&(s.value.addEventListener("mouseenter",l),s.value.addEventListener("mouseleave",k))};function k(){o.marqueeInterval=le(function(){s.value&&(Math.abs(o.sliderStartPosition-o.sliderPosition)>o.sliderTransitionPosition&&(o.sliderPosition+=o.reverse?-o.sliderTransitionPosition:o.sliderTransitionPosition),o.sliderPosition+=o.speed,s.value.style.transform=`translateX(${o.sliderPosition}px)`)},0)}function l(){clearInterval(o.marqueeInterval)}return H(()=>{g(),j(),y()}),(a,t)=>(c(),p("div",{ref_key:"viewport",ref:i,class:"relative w-full mx-auto h-[190px] overflow-hidden"},[e("div",{ref_key:"slider",ref:s,class:"hidden absolute left-0 top-0 h-[190px] [&_svg]:align-middle *:inline-block *:h-[190px] *:text-nowrap *:text-[190px] *:leading-[85%] *:-tracking-[0.5%]"},[A(a.$slots,"default")],512)],512))}}),U=Object.assign(ns,{__name:"ProMarquee"}),ds={class:"dreams-product-page"},ls={class:"dreams-hero",style:{"background-color":"var(--neutral-950)"}},cs=["src"],us={class:"container"},ps={class:"grid text-center justify-center pt-6 gap-5 sm:gap-8 mx-auto justify-items-center procreate-copy--bright max-w-[60ch] md:max-w-[74ch]"},ms={class:"procreate-ada-block__awards"},fs={class:"laurel-badge"},vs=["src"],hs={class:"text-body text-body--sm procreate-copy__price"},_s={class:"procreate-section !gap-0"},gs={href:"/dreams/whats-new"},bs={href:"/dreams/whats-new"},xs={class:"container !mt-[20px]"},ys={class:"procreate-copy procreate-copy--center"},ws={class:"procreate-section"},ks={class:"procreate-section"},$s={class:"overflow-hidden"},Ls=["src"],js=["src","poster"],Ps=["src"],Ts={class:"procreate-section"},Ms={class:"container grid justify-items-center grid-cols-1 gap-[40px] sm:grid-cols-3 sm:gap-[20px]"},Ds={class:"max-w-[350px]"},Es=["src"],Ss={class:"max-w-[350px]"},Cs=["src"],Is={class:"max-w-[350px]"},Vs=["src"],Ws={class:"procreate-section"},As={class:"procreate-section"},Bs={class:"dual-ipads-section overflow-hidden"},qs={class:"container"},Hs={class:"dual-ipads-container relative"},zs={class:"absolute top-0 right-[70%]"},Fs=["src"],Ns={class:"dreams-dual-ipads-base-ipad"},Os=["src"],Xs={class:"container"},Rs={class:"grid grid-cols-1 gap-[40px] sm:grid-cols-2 sm:gap-5"},Gs={class:"rounded-[42px] bg-[#141414] border border-[#242424] overflow-hidden"},Us=["src"],Ks={class:"rounded-[42px] bg-[#141414] border border-[#242424] overflow-hidden"},Ys=["src"],Js={class:"procreate-section"},Qs={class:"container"},Zs=["src"],et={class:"procreate-section"},st={class:"dual-ipads-section overflow-hidden"},tt={class:"container"},at={class:"dual-ipads-container relative"},ot={class:"absolute top-0 right-[30%]"},it=["src"],rt={class:"dreams-dual-ipads-base-ipad left"},nt=["src"],dt={class:"procreate-section"},lt={class:"procreate-section"},ct={class:"container container--narrow"},ut={class:"procreate-section dreams-faq",id:"faq"},pt={class:"container"},mt={class:"procreate-copy"},ft=["innerHTML"],vt={class:"accordion-content"},ht=["innerHTML"],_t={key:0,class:"dreams-clarifications"},gt=["innerHTML"],bt={key:1,class:"accordion-table"},xt=["innerHTML"],yt=["innerHTML"],wt=["innerHTML"],kt=["innerHTML"],$t=["src"],St=I({__name:"index",setup(L){const d=se(),i=pe(),s=C({accordion:{section:!1,table:!1,table_base_count:7}}),o=S(null),g=W(()=>i.procreate),b=W(()=>R(d,"dreams.faq.questions")),_=W(()=>R(d,"dreams.faq.ipad_table")),j=W(()=>s.accordion.table?_.value:_.value.slice(0,s.accordion.table_base_count)),y=function(a){o.value?.update(a)},k=function(){s.accordion.table=!s.accordion.table},l=async function(){try{await i.fetchPrices()}catch{}};return H(()=>

1{l(),window.innerWidth>822&&(s.accordion.table_base_count=15)}),te({title:()=>d.t("dreams.meta.title"),description:()=>d.t("dreams.meta.description"),image:()=>ne(d.t("dreams.meta.image"))}),ae({appleItunesApp:{appId:"1595520602"}}),oe({script:[me(fe)],bodyAttrs:{class:"dreams-landing"}}),(a,t)=>{const h=ie,x=z,B=re,q=X("fathom-event"),T=X("fade");return c(),p("div",ds,[e("div",ls,[e("img",{class:"",src:a.$asset("images/dreams/overview/dreams2/hero.jpg"),width:"2880",height:"1372",alt:""},null,8,cs),e("div",us,[e("div",ps,[t[1]||(t[1]=e("h1",{class:"sr-only"},"Procreate Dreams",-1)),t[2]||(t[2]=e("p",{class:"text-subheading"},"Procreate Dreams",-1)),t[3]||(t[3]=e("h2",{class:"text-heading text-heading--lg"},"Edit. Animate. Create.",-1)),t[4]||(t[4]=e("p",{class:"text-body max-w-[500px]"},"Procreate Dreams is an award-winning animation app, packed with powerful tools that anyone can use.",-1)),e("div",ms,[e("div",fs,[e("img",{src:a.$asset("images/badges/ada-2024_en.svg"),alt:"Apple Design Awards 2024 Winner",height:"51"},null,8,vs)])]),M((c(),D(h,{size:"md",class:"!bg-[#f7235b]",target:"_blank","aria-label":`${a.$t("global.buy")} ${a.$t("home.procreate.product_title")}`,href:"https://apps.apple.com/app/apple-store/id1595520602?pt=345446&ct=procreate.com&mt=8"},{default:f(()=>[m(V(a.$t("global.buy_now")),1)]),_:1},8,["aria-label"])),[[q,["leads_app-store-procreate-dreams-preorder"],"click"]]),e("p",hs,"No subscriptions. "+V(u(g)?u(g).formattedPrice+" "+u(g).currency:"$12.99 USD")+" once.",1)])])]),e("div",_s,[e("a",gs,[v(u(U),{useDivider:!1,reverse:!0},{default:f(()=>[...t[5]||(t[5]=[e("span",{class:"hover:text-white font-semibold text-[#282828] transition-colors delay-50"},"What's new?",-1)])]),_:1})]),e("a",bs,[v(u(U),{class:"text-[#282828]",useDivider:!1,"pause-on-hover":!1},{default:f(()=>[...t[6]||(t[6]=[e("span",{class:"font-semibold"},"Mini Flipbook.",-1),e("span",{class:"font-semibold"},"Flip & Reset.",-1),e("span",{class:"font-semibold"},"Easing upgrades.",-1),e("span",{class:"font-semibold"},"Backstage visibility.",-1),e("span",{class:"font-semibold"},"Multi-select reload.",-1)])]),_:1})]),e("div",xs,[e("div",ys,[t[8]||(t[8]=e("p",{class:"text-body"},"Learn about the latest update.",-1)),v(h,{href:"/dreams/whats-new",pill:"",class:"!bg-[#f7235b]",size:"md"},{default:f(()=>[...t[7]||(t[7]=[m("See what's new",-1)])]),_:1})])])]),e("div",ws,[v(u(G),{src:a.$asset("videos/dreams/overview/everything.mp4"),poster:a.$asset("videos/dreams/overview/everything.jpg")},{default:f(()=>[...t[9]||(t[9]=[e("p",{class:"whale-text"},[m("Everything you need"),e("span",null," to create rich 2D animations, expressive videos, and breathtaking stories.")],-1)])]),_:1},8,["src","poster"])]),e("div",ks,[t[10]||(t[10]=e("div",{class:"container container--medium"},[e("div",{class:"procreate-copy procreate-copy--center"},[e("h2",{class:"text-subheading product-color-text leader-with-icon"}," Flipbook "),e("p",{class:"text-heading text-heading--md"},"Bring your artwork to life.")])],-1)),e("div",$s,[v(u(es),null,{left:f(()=>[e("img",{src:a.$asset("images/dreams/overview/dreams2/flipbook-left.jpeg"),alt:"",width:"1734",height:"1300"},null,8,Ls)]),middle:f(()=>[e("video",{src:a.$asset("videos/dreams/overview/flipbook_en.mp4"),poster:a.$asset("videos/dreams/overview/flipbook_en.jpg"),muted:"",loop:"",playsinline:"",autoplay:""},null,8,js)]),right:f(()=>[e("img",{src:a.$asset("images/dreams/overview/dreams2/flipbook-right.jpeg"),alt:"",width:"1734",height:"1300"},null,8,Ps)]),_:1})]),t[11]||(t[11]=e("div",{class:"container !max-w-[650px]"},[e("p",{class:"text-body text-center"},"Discover the magic of animation with Flipbook. Draw each frame with beautifully textured brushes, multiple tracks and the tools you know and love from Procreate.")],-1))]),e("div",Ts,[e("div",Ms,[M((c(),p("div",Ds,[e("img",{class:"rounded-[42px] block mb-5",src:a.$asset("images/dreams/overview/dreams2/tile-brushes.jpeg")},null,8,Es),t[12]||(t[12]=e("p",{class:"text-body !font-semibold px-5"},[m(" Draw in any style with over 300 gorgeous, hand-made "),e("span",{class:"text-white"},"Procreate brushes.")],-1))])),[[T]]),M((c(),p("div",Ss,[e("img",{class:"rounded-[42px] block mb-5",src:a.$asset("images/dreams/overview/dreams2/tile-onionskins.jpeg")},null,8,Cs),t[13]||(t[13]=e("p",{class:"text-body !font-semibold px-5"},[m(" Take the guesswork out of animation with "),e("span",{class:"text-white"},"Onion Skins."),m(" Reference your surrounding frames for precise control. ")],-1))])),[[T]]),M((c(),p("div",Is,[e("img",{class:"rounded-[42px] block mb-5",src:a.$asset("images/dreams/overview/dreams2/tile-tracks.jpg")},null,8,Vs),t[14]||(t[14]=e("p",{class:"text-body !font-semibold px-5"},[m(" Create rich and detailed animations by layering your flipbook with "),e("span",{class:"text-white"},"Multiple Tracks.")],-1))])),[[T]])])]),e("div",Ws,[v(u(G),{src:a.$asset("videos/dreams/overview/anyone-can-animate_t.mp4"),poster:a.$asset("videos/dreams/overview/anyone-can-animate_t.jpg")},{default:f(()=>[...t[15]||(t[15]=[e("p",null,[m("Now anyone can animate, "),e("span",null,"record motion or effects through touch and instantly respond to the mov

1ie as it plays.")],-1)])]),_:1},8,["src","poster"])]),e("div",As,[e("div",Bs,[e("div",qs,[e("div",Hs,[e("div",zs,[v(u(P),{"no-shadow":"",big:""},{default:f(()=>[e("img",{src:a.$asset("images/dreams/overview/dreams2/mark-left.jpeg"),alt:"",width:"1734",height:"1300"},null,8,Fs)]),_:1})]),e("div",Ns,[v(u(P),{"no-shadow":"",big:""},{default:f(()=>[e("img",{src:a.$asset("images/dreams/overview/dreams2/mark-right.jpeg"),alt:"",width:"1734",height:"1300"},null,8,Os)]),_:1})])])])]),t[18]||(t[18]=F('<div class="container container--medium"><div class="procreate-copy dreams-tiles__copy"><h2 class="text-subheading product-color-text leader-with-icon">Keyframes</h2><p class="text-heading text-heading--md">Mark the moment.</p><p class="text-body" style="max-width:660px;">Make your drawings scale, rotate, blur and more with easy to use keyframes. Procreate Dreams will instantly create every frame, turning simple keyframes markers into fluid motion and effects.</p></div></div>',1)),e("div",Xs,[e("div",Rs,[M((c(),p("div",Gs,[t[16]||(t[16]=e("div",{class:"p-8"},[e("h3",{class:"text-heading text-heading--sm"},"Move & Scale"),e("p",{class:"text-body text-body--sm mt-[6px]"},"Powerful keys like Warp, Scale and Distort add another dimension to your animation.")],-1)),e("img",{class:"w-full block",src:a.$asset("images/dreams/overview/dreams2/move-scale.jpg"),alt:"Filters & Effects"},null,8,Us)])),[[T]]),M((c(),p("div",Ks,[e("img",{class:"w-full block",src:a.$asset("images/dreams/overview/dreams2/filters-effects.jpg"),alt:"Filters & Effects"},null,8,Ys),t[17]||(t[17]=e("div",{class:"p-8"},[e("h3",{class:"text-heading text-heading--sm"},"Filters & Effects"),e("p",{class:"text-body text-body--sm mt-[6px]"},"With just a few taps, add non-destructive cinematic filters and effects like Lens Blur, Noise and HSB.")],-1))])),[[T]])])])]),e("div",Js,[t[19]||(t[19]=e("div",{class:"container container--medium"},[e("div",{class:"procreate-copy procreate-copy--center"},[e("h2",{class:"text-subheading product-color-text leader-with-icon"}," Import your assets "),e("p",{class:"text-heading text-heading--md"},[m("Let audio and video"),e("br"),m("steal the show.")])])],-1)),e("div",Qs,[v(u(P),{sizing:"dynamic","no-shadow":"",class:"!w-[90%] mx-auto"},{default:f(()=>[e("img",{src:a.$asset("images/dreams/overview/dreams2/import.jpeg"),alt:"",width:"1734",height:"1300"},null,8,Zs)]),_:1})]),t[20]||(t[20]=e("div",{class:"container !max-w-[600px]"},[e("p",{class:"text-body text-center"},"You don't have to draw every frame to tell a bigger story. Import video and breath life into your stories by adding sound effects, atmospheric music and dramatic voice overs.")],-1))]),e("div",et,[e("div",st,[e("div",tt,[e("div",at,[e("div",ot,[v(u(P),{"no-shadow":"",big:""},{default:f(()=>[e("img",{src:a.$asset("images/dreams/overview/dreams2/power-left.jpeg"),alt:"",width:"1734",height:"1300"},null,8,it)]),_:1})]),e("div",rt,[v(u(P),{"no-shadow":"",big:""},{default:f(()=>[e("img",{src:a.$asset("images/dreams/overview/dreams2/power-right.jpeg"),alt:"",width:"1734",height:"1300"},null,8,nt)]),_:1})])])])]),t[21]||(t[21]=F('<div class="container container--medium"><div class="procreate-copy dreams-tiles__copy"><h2 class="text-subheading product-color-text leader-with-icon">Next Generation Technology</h2><p class="text-heading text-heading--md">Power you&#39;ve been dreaming of.</p><p class="text-body" style="max-width:660px;">For the first time you can draw, animate, edit, and composite in a powerful animation studio you can take everywhere.</p></div></div>',1)),v(u(ye))]),t[23]||(t[23]=F('<section class="procreate-section"><div class="container"><div class="procreate-copy procreate-copy--widest px-[40px]"><p class="text-heading text-heading--special procreate-copy__dimmable"> We believe art is for everyone<span style="opacity:0.65;">, that&#39;s why we&#39;ve designed powerful animation tools that anyone can use.</span></p></div></div></section>',1)),e("section",dt,[v(u(Ue))]),e("div",lt,[e("div",ct,[v(u(de))])]),e("div",ut,[e("div",pt,[e("div",mt,[e("h2",{class:"text-heading",innerHTML:a.$t("dreams.faq.heading")},null,8,ft)]),v(u(ue),{ref_key:"faqAccordions",ref:o},{default:f(()=>[(c(!0),p(N,null,O(u(b),($,n)=>(c(),D(u(ce),{role:"listitem",key:n,"block-id":`faqAccordion${n}`,heading:$.question,onUpdate:y},{default:f(()=>[e("div",vt,[e("p",{class:"text-body text-body--sm",innerHTML:$.answer},null,8,ht),$.includes_ipad_table?(c(),p("div",_t,[e("p",{class:"text-body text-body--sm",innerHTML:a.$t("dreams.clarification")},null,8,gt)])):E("",!0),$.includes_ipad_table?(c(),p("div",bt,[e("table",null,[e("thead",null,[e("tr",null,[e("th",{innerHTML:a.$t("dreams.faq.table_titles.device")},null,8,xt),e("th",{innerHTML:a.$t("dreams.faq.table_titles.content")},null,8,yt),e("th",{innerHTML:a.$t("dreams.faq.table_titles.video")},null,8,wt)])]),e("tbody",null,[(c(!0),p(N,null,O(u(j),(r,w)=>(c(),p("tr",{key:w},[e("td",null,V(r.device),1),e("td",null,[m(V(r.content_tracks),1),t[22]||(t[22]=e("sup",null,"‡",-1))]),e("td",null,[e("span",{innerHTML:r.video_tracks},null,8,kt),r.prores?(c(),p("img",{key:0,src:a.$asset("images/dreams/prores.svg"),width:"42",height:"12",title:"ProRes"},null,8,$t)):E("",!0)])]))),128))])]),$.includes_ipad_table?(c(),D(B,{key:0,onClick:t[0]||(t[0]=r=>k()),class:"btn-muted show-more","aria-expanded":u(s).accordion.table},{default:f(()=>[m(V(u(s).accordion.table?a.$t("dreams.faq.table_titles.show_less"):a.$t("dreams.faq.table_titles.show_all"))+" ",1),u(s).accordion.table?(c(),D(x,{key:0,icon:"arrow-down",class:"rotate-180"})):(c(),D(x,{key:1,icon:"arrow-down"}))]),_:1},8,["aria-expanded"])):E("",!0)])):E("",!0)])]),_:2},1032,["block-id","heading"]))),128))]),_:1},512)])])])}}});

1export{St as default};