1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4365],{3936:(e,t,s)=>{"use strict";s.r(t),s.d(t,{ShareableVisualsPage:()=>ei,default:()=>er});var a,i=s(80263),r=s(53239),l=s(67689),o=s.n(l),n=s(12556),c=s(97930),d=s(78852),m=s(48851),u=s(27518),_=s.n(u),h=s(42173),x=s(29290),p=s(37247),g=s(33064),j=s(71796),b=s.n(j);let v=["visual-1.webp","visual-2.webp","visual-3.webp","visual-4.webp","visual-5.webp","visual-6.webp"],f=()=>{let{isBelowMd:e}=(0,n.yU)(),t=(0,p.J_)(v,0,60);return(0,i.jsx)(c.xA,{className:b().root,columns:`repeat(60, ${e?160:230}px)`,horizontalSpacing:3,children:t?.map((e,t)=>(0,i.jsx)(x._,{className:b().imageButton,eagerLoading:!0,fallbackExt:"jpg",imageClassName:b().image,overlayClassName:b().overlay,shape:"square",src:`${g.Z4.basePath}/static/images/shareable-visuals/${e}`,title:"Visual"},t))})};var w=s(81076),N=s(62907),k=s(6750),y=s(23402),C=s.n(y),E=s(8112),T=s.n(E);let B=()=>(0,i.jsx)("footer",{className:T().footer,children:(0,i.jsxs)(c.NP,{className:C().normalWidth,columns:"auto auto auto",justifyContent:"center",children:[(0,i.jsxs)("span",{children:["\xa9 2022â",(0,k.hk)()," Volumo Music O\xdc"]}),(0,i.jsxs)(c.NP,{autoFlow:"column",justifyContent:"center",justifyItems:"center",children:[(0,i.jsx)(N.u,{className:T().button,href:"https://www.facebook.com/volumomusic",children:"Facebook"}),(0,i.jsx)(N.u,{className:T().button,href:"https://www.instagram.com/volumomusic",children:"Instagram"}),(0,i.jsx)(N.u,{className:T().button,href:"https://twitter.com/volumomusic",children:"X\xa0(Twitter)"}),(0,i.jsx)(N.u,{className:T().button,href:(0,w.W)("volumomusic"),children:"YouTube"})]}),(0,i.jsx)("span",{children:"EU VAT number: EE102388455"})]})});var S=s(70719),P=s(91840),V=s(50016),H=s(51890),U=s.n(H);function A(){return(A=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)({}).hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e}).apply(null,arguments)}let W=e=>r.createElement("svg",A({xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",viewBox:"0 0 32 32"},e),a||(a=r.createElement("path",{fill:"none",stroke:"#000",strokeMiterlimit:10,strokeWidth:3,d:"M23 16H7M16 7.5l8.5 8.5-8.5 8.5"})));var K=s(32542),$=s.n(K);let I=()=>{let{isBelowSm:e}=(0,n.yU)();return(0,i.jsx)(c.xA,{className:U().root,children:(0,i.jsxs)("div",{className:$().normalWidth,children:[(0,i.jsx)(d.K,{mt:2}),(0,i.jsx)(V.V,{className:$().note,variant:"body1",children:"Try Now at Volumo.com"}),(0,i.jsx)(d.K,{mt:e?27.5:29}),(0,i.jsxs)(c.xA,{alignItems:"center",justifyItems:"center",style:{textAlign:"center"},children:[(0,i.jsx)(V.V,{className:$().title,id:"letsTalk",variant:"h2",children:(0,i.jsx)("span",{className:$().accent,children:"Get Started"})}),(0,i.jsx)(d.K,{pt:3}),(0,i.jsx)(P.K,{className:U().circle,href:S.KW.Root,iconClassName:U().arrow,iconComponent:W,size:"big",title:"Get started"})]}),(0,i.jsx)(d.K,{mt:e?25.5:27})]})})};var M=s(72421),O=s(3638),G=s(72422),L=s.n(G);let Z=()=>{let{isBelowSm:e}=(0,n.yU)();return(0,i.jsxs)("header",{className:L().header,children:[(0,i.jsx)("div",{className:L().backdrop}),(0,i.jsxs)(c.xA,{alignItems:"center",className:(0,O.A)($().normalWidth,{[L().containerMobile]:e}),columns:"auto auto",justifyContent:"space-between",children:[(0,i.jsx)(M.g,{className:L().logo}),(0,i.jsxs)("div",{className:L().howToUse,children:[(0,i.jsx)("span",{className:L().dot}),"\xa0\xa0How to use"]})]})]})};var D=s(70635),F=s.n(D);let q=e=>{let{title:t,subtitle:s,step:a,content:r}=e;return(0,i.jsxs)(c.xA,{alignItems:"end",className:F().root,rows:"auto 1fr",verticalSpacing:0,children:[(0,i.jsxs)(c.xA,{className:F().headerContainer,columns:"auto auto",horizontalSpacing:2,justifyContent:"space-between",children:[(0,i.jsxs)("div",{className:F().titleContainer,children:[(0,i.jsx)("div",{className:(0,O.A)(C().subtitle,C().accent,F().title),children:t}),(0,i.jsx)(d.K,{mt:.25}),(0,i.jsx)("div",{className:(0,O.A)(C().text,F().text),children:s})]}),(0,i.jsx)("div",{className:(0,O.A)(C().text,F().step),children:a})]}),r]})};var X=s(95063),Y=s.n(X);let z=()=>{let{isAboveSm:e,isBelowMd:t,isBelowSm:s}=(0,n.yU)();return(0,i.jsx)("div",{className:(0,O.A)(Y().root),children:(0,i.jsxs)("div",{className:$().normalWidth,children:[(0,i.jsxs)("div",{className:$().centered,children:[(0,i.jsx)(d.K,{mt:e?6:4}),(0,i.jsx)(V.V,{className:(0,O.A)($().title,Y().title),variant:"h2",children:"How to Use"}),(0,i.jsx)(d.K,{mt:e?8:6}
1)]}),s&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(V.V,{className:$().note,variant:"body1",children:"Turn your music into engaging visuals effortlessly!"}),(0,i.jsx)(d.K,{mt:4})]}),(0,i.jsxs)(c.NP,{alignItems:"end",columns:t?"1fr 1fr":"repeat(4, minmax(0, 1fr))",horizontalSpacing:3,justifyContent:"center",verticalSpacing:s?2:3,children:[(0,i.jsx)(q,{content:(0,i.jsx)(x._,{className:Y().image,fallbackExt:"png",src:`${g.Z4.basePath}/static/images/shareable-visuals-step-1.webp`,title:"Select the release"}),step:1,subtitle:"And click the âShareâ button.",title:"Select the release"}),(0,i.jsx)(q,{content:(0,i.jsx)(x._,{className:Y().image,fallbackExt:"png",src:`${g.Z4.basePath}/static/images/shareable-visuals-step-2.webp`,title:"Click âGenerateâ button"}),step:2,subtitle:"To begin creating your visual.",title:"Click âGenerateâ button"}),(0,i.jsx)(q,{content:(0,i.jsx)("div",{className:Y().imageCentered,children:(0,i.jsx)(x._,{className:Y().image,fallbackExt:"png",src:`${g.Z4.basePath}/static/images/shareable-visuals-step-3.webp`,title:"Set up your video"})}),step:3,subtitle:"Customize the aspect ratio, colors, animation, track, and part of the track you want featured.",title:"Set up your video"}),(0,i.jsx)(q,{content:(0,i.jsx)("div",{className:Y().imageCentered,children:(0,i.jsx)(x._,{className:Y().image,src:`${g.Z4.basePath}/static/svg/shareable-visuals-social.svg`,title:"Download Your video"})}),step:4,subtitle:"And share it wherever you like!",title:"Download Your video"})]}),e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.K,{mt:4}),(0,i.jsx)(V.V,{className:$().note,variant:"body1",children:"Turn your music into engaging visuals effortlessly!"})]}),(0,i.jsx)(d.K,{mt:2})]})})};var J=s(66847),R=s.n(J);let Q=()=>(0,i.jsxs)("div",{className:$().normalWidth,children:[(0,i.jsx)(V.V,{className:$().mainTitle,variant:"h1",children:"Create Volumo Clips"}),(0,i.jsx)(d.K,{mt:2}),(0,i.jsx)("div",{className:R().subtitleContainer,children:(0,i.jsx)(V.V,{className:$().subtitle,variant:"body1",children:"Bring your music to life with custom visuals. Our online music store makes it easy to create eye-catching videos or static images for promoting your music on social media."})})]});var ee=s(80267),et=s.n(ee);let es={dark:o()["theme-dark"]},ea=e=>{let{isBelowSm:t}=(0,n.yU)();return(0,i.jsxs)(m.NP,{defaultThemeName:"dark",themeClassNames:es,children:[(0,i.jsxs)(_(),{children:[(0,i.jsx)("link",{href:"https://fonts.googleapis.com",rel:"preconnect"}),(0,i.jsx)("link",{crossOrigin:"anonymous",href:"https://fonts.googleapis.com",rel:"preconnect"}),(0,i.jsx)("link",{href:"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,[email protected],100..148,400..900&display=swap",rel:"stylesheet"}),(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:` 2 html { 3 scroll-padding-top: 6rem; 4 scroll-behavior: smooth; 5 }`}})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)(h.t,{fields:{title:"Clips",description:"Welcome to Volumo"},pageName:"shareableVisuals"}),(0,i.jsx)("div",{className:et().background}),(0,i.jsxs)(c.xA,{className:et().root,children:[(0,i.jsx)(Z,{}),(0,i.jsx)(d.K,{mt:3}),(0,i.jsx)(Q,{}),(0,i.jsx)(d.K,{mt:t?6:9}),(0,i.jsx)(f,{}),(0,i.jsx)(d.K,{mt:4}),(0,i.jsx)(z,{}),(0,i.jsx)(I,{}),(0,i.jsx)(B,{})]})]})]})},ei=e=>(0,i.jsx)(ea,{...e});ei.getConfig=()=>({skipNonBasicGlobalDataFetching:!0,skipCookieConsent:!0}),ei.displayName="ShareableVisualsPage";let er=ei},8112:e=>{e.exports={footer:"Footer_footer__BvG7i",button:"Footer_button__LBsg9"}},8650:(e,t,s)=>{"use strict";s.d(t,{Y:()=>a});let a={de:{title:"Deutsch",titleEn:"German"},en:{title:"English",titleEn:"English"},es:{title:"Espa\xf1ol",titleEn:"Spanish"},et:{title:"Eesti keel",titleEn:"Estonian",uncrawlable:!0},fr:{title:"Fran\xe7ais",titleEn:"French"},it:{title:"Italiano",titleEn:"Italian"},jp:{title:"æ¥æ¬èª",titleEn:"Japanese"},nl:{title:"Nederlands",titleEn:"Dutch"},pt:{title:"Portugu\xeas",titleEn:"Portuguese"},uk:{title:"УкÑаÑнÑÑка",titleEn:"Ukrainian",uncrawlable:!0}}},23402:e=>{e.exports={button:"shared_button__UCwaJ",ctaButtonBlue:"shared_ctaButtonBlue__oZPM8",ctaButtonWhite:"shared_ctaButtonWhite__4UFCA",centered:"shared_centered__Hxx8k",normalWidth:"shared_normalWidth__38dcr",title:"shared_title__SiZXL",accent:"shared_accent___yJsO",title2:"shared_title2__JvQph",subtitle:"shared_subtitle___8zEG",text:"shared_text__7GAe4",infoBlock:"shared_
5infoBlock___Rp4p",infoBlockWhite:"shared_infoBlockWhite__cmpVp",infoBlockDark:"shared_infoBlockDark__oCK0t",infoBlockTrans:"shared_infoBlockTrans__rqGvg",infoBlockTransDark:"shared_infoBlockTransDark__cPKcU",blurBg:"shared_blurBg__zjjcX",divider:"shared_divider__rbqmq",badge:"shared_badge__JN_d1",whiteArea:"shared_whiteArea__V96TY",footnote:"shared_footnote__do5Cy"}},32542:e=>{e.exports={normalWidth:"shared_normalWidth__YW9eZ",centered:"shared_centered__ZqlkF",mainTitle:"shared_mainTitle__OKaiS",subtitle:"shared_subtitle__7_PvW",title:"shared_title__2WCqi",text:"shared_text__MgItZ",note:"shared_note__FwoV9"}},42173:(e,t,s)=>{"use strict";s.d(t,{t:()=>x});var a=s(80263),i=s(8650),r=s(61528),l=s(13463),o=s(65963),n=s(27518),c=s.n(n),d=s(61469),m=s(53239),u=s(13380),_=s(8259),h=s(18067);let x=e=>{let{baseCanonicalUrl:t,children:s,fields:n,microdata:x,noHreflang:p,noOtherLocales:g,pageName:j,robots:b}=e,{cookieData:v}=(0,u.iT)(),{defaultLocale:f,locale:w,supportedLocales:N}=(0,l.c3)(),{asPath:k}=(0,d.useRouter)(),y=g?void 0:N?.filter(e=>e!==w&&i.Y[e]&&!i.Y[e].uncrawlable),C=(0,h.Z)({fields:n,locale:w,pageName:j,path:k}),E=t&&w&&w!==f&&!p?`/${w}${t}`:t,T=(0,o.j)(E?.startsWith("/")?(0,_.MX)(E):E,"/"),B=w&&i.Y[w]?.uncrawlable?"none":b;return(0,m.useEffect)(()=>{v.hasDebugSet&&console.debug(["Canonical URL: %s","Metaplaceholders: %O","Microdata: %O","Page name: %s","Title: %s","H1: %s","Description: %s","Image: %s"].join(o.Dg),T,n,x,j,C.title,C.h1Title,C.metaTagValues.description,C.metaTagValues["og:image"])},[v.hasDebugSet,T,n,x,j,C.title,C.h1Title,C.metaTagValues.description,C.metaTagValues["og:image"]]),(0,a.jsxs)(c(),{children:[B&&(0,a.jsx)("meta",{content:B,name:"robots"}),(0,a.jsx)("title",{children:C.title}),Object.entries(C.metaTagValues).map((e,t)=>{let[s,i]=e;return i?(0,a.jsx)("meta",{content:i,name:s},t):null}),T&&(0,a.jsx)("link",{href:T,hrefLang:p?void 0:w,rel:"canonical"}),void 0===t||p?null:y?.map(e=>(0,a.jsx)("link",{href:(0,o.j)((0,_.MX)(e===f?t:`/${e}${t}`),"/"),hrefLang:e,rel:"alternate"},e)),void 0===t||p?null:(0,a.jsx)("link",{href:(0,o.j)((0,_.MX)(t),"/"),hrefLang:"x-default",rel:"alternate"}),x&&(0,a.jsx)(r.AZ,{data:x}),s]})}},42563:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/clips",function(){return s(3936)}])},51890:e=>{e.exports={root:"GetStarted_root__kZvc0",circle:"GetStarted_circle__oZxCx",arrow:"GetStarted_arrow__bAtI1"}},61528:(e,t,s)=>{"use strict";s.d(t,{vS:()=>o,AZ:()=>r,bE:()=>l,Oq:()=>n});var a=s(80263),i=s(53239);let r=e=>{let{data:t}=e,s=(0,i.useMemo)(()=>JSON.stringify(t).replace(/</g,"\\u003c"),[t]);return(0,a.jsx)("script",{dangerouslySetInnerHTML:{__html:s},type:"application/ld+json"})},l="https://schema.org/",o="https://schema.org/DigitalFormat",n=e=>{if(e)return{"@context":l,"@type":"BreadcrumbList",itemListElement:e.map((e,t)=>({"@type":"ListItem",position:t+1,item:{"@id":e?.href??void 0,name:e.text,image:e.image,"@type":e.type,description:e.description}}))}}},66847:e=>{e.exports={subtitleContainer:"Intro_subtitleContainer__5vvs6"}},70635:e=>{e.exports={root:"Card_root__IIwF0",headerContainer:"Card_headerContainer__uW1H7",titleContainer:"Card_titleContainer__sttCd",title:"Card_title__xmU5b",text:"Card_text__5Cc4u",step:"Card_step__6vjcP"}},71796:e=>{e.exports={root:"Examples_root__51Ug2",imageButton:"Examples_imageButton__yLVUZ",shift:"Examples_shift__725K0",image:"Examples_image__BPCIi",overlay:"Examples_overlay__kg3YU"}},72422:e=>{e.exports={header:"Header_header__fnaPc",button:"Header_button__bPrv0",containerMobile:"Header_containerMobile__hp2T_",backdrop:"Header_backdrop__ja5ks",animateOpacity:"Header_animateOpacity__ugkPv",logo:"Header_logo__uiBKx",howToUse:"Header_howToUse__jiMl_",dot:"Header_dot__OHXiX"}},80267:e=>{e.exports={root:"ShareableVisualsPageComponent_root__QWGRS",background:"ShareableVisualsPageComponent_background__RLlHg"}},81076:(e,t,s)=>{"use strict";s.d(t,{Mq:()=>u,NG:()=>r,OE:()=>o,W:()=>d,Yl:()=>m,j7:()=>c,s5:()=>n,tX:()=>l});var a=s(43138);let i=/^(?:(?:https|http):\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be).*?(?:\/|v\/|u\/|embed\/|ytscreeningroom\/|shorts\/|watch|\?(v|vi)=|(?<username>user\/))(?<id>
5[\w\-]{11})(?:\?|&|$)/,r=e=>{var t,s;return null==(s=null==(t=i.exec(e))?void 0:t.groups)?void 0:s.id},l=e=>i.test(e),o="https://www.youtube.com",n=e=>`${o}/watch?v=${e}`,c=(e,t)=>{let s=e?`${o}/embed/${e}`:void 0;return s?t?(0,a.du)(s,t):s:void 0},d=e=>`${o}/@${e}`,m=(e,t)=>`https://img.youtube.com/vi/${e}/${({maxres:"maxresdefault.jpg",sd:"sddefault.jpg",hq:"hqdefault.jpg",mq:"mqdefault.jpg",default:"default.jpg"})[t]}`,u=e=>(0,a.du)(`${o}/oembed`,{url:n(e),format:"json"})},95063:e=>{e.exports={root:"HowToUse_root__tLXX5",title:"HowToUse_title__H9bvr",footnote:"HowToUse_footnote__dtfHj",container:"HowToUse_container__mKQny",imageCentered:"HowToUse_imageCentered__QLDG_",image:"HowToUse_image__q3E2J"}}},e=>{e.O(0,[8288,636,6593,8792],()=>e(e.s=42563)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.