https://content-x.ai/_next/static/chunks/8931.2599b64b099e9064.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8931],{54624:(e,n,a)=>{"use strict";a.d(n,{M:()=>t});var i=a(47940);function t(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];(0,i.useLayoutEffect)(()=>{let i=e.current;if(!i)return;let t=!1,o=()=>{},s=0;return Promise.all([a.e(9701),a.e(5273),a.e(4346)]).then(a.bind(a,24346)).then(a=>{if(t||!e.current)return;let{gsap:c}=a.ensureGsap(),r=c.context(()=>{a.setupReveal(i,n)},i);o=()=>r.revert(),s=window.setTimeout(()=>{if(!t&&e.current)for(let e of(a.ensureGsap().ScrollTrigger.refresh(),[i,...Array.from(i.querySelectorAll("[data-reveal]"))]))("0"===window.getComputedStyle(e).opacity||"hidden"===window.getComputedStyle(e).visibility)&&c.set(e,{autoAlpha:1,y:0,x:0,scale:1,clearProps:"visibility"})},700)}),()=>{t=!0,window.clearTimeout(s),o()}},t)}a(37276)},67206:e=>{e.exports={section:"StudioLandingSongShowcaseSection_section__m50xW",anchor:"StudioLandingSongShowcaseSection_anchor__xyQTt",header:"StudioLandingSongShowcaseSection_header__3qzmc",eyebrow:"StudioLandingSongShowcaseSection_eyebrow__a03E_",eyebrowBold:"StudioLandingSongShowcaseSection_eyebrowBold___jlmw",title:"StudioLandingSongShowcaseSection_title__ewUcT",lead:"StudioLandingSongShowcaseSection_lead__xWoHC",gallery:"StudioLandingSongShowcaseSection_gallery__qxyIF",railItem:"StudioLandingSongShowcaseSection_railItem__4kH0L",card:"StudioLandingSongShowcaseSection_card__w1_Xj",cardMedia:"StudioLandingSongShowcaseSection_cardMedia__W0qL6",cardInfo:"StudioLandingSongShowcaseSection_cardInfo__vAd5_",cardTitle:"StudioLandingSongShowcaseSection_cardTitle__Ji9Uw",cardArtist:"StudioLandingSongShowcaseSection_cardArtist__xnxpx",coverImg:"StudioLandingSongShowcaseSection_coverImg__aNbYX",coverShade:"StudioLandingSongShowcaseSection_coverShade__kYtxS",pills:"StudioLandingSongShowcaseSection_pills__lX_1H",pillGenre:"StudioLandingSongShowcaseSection_pillGenre___lzPM",pillDuration:"StudioLandingSongShowcaseSection_pillDuration__xzVuS",playing:"StudioLandingSongShowcaseSection_playing__FTbhD",playFab:"StudioLandingSongShowcaseSection_playFab__6pLdg",playIcon:"StudioLandingSongShowcaseSection_playIcon___rRYo",pauseIcon:"StudioLandingSongShowcaseSection_pauseIcon__7v76U",ctaRow:"StudioLandingSongShowcaseSection_ctaRow__1Xpr5",ctaPrimary:"StudioLandingSongShowcaseSection_ctaPrimary__FlqIF",ctaGhost:"StudioLandingSongShowcaseSection_ctaGhost__UGybn"}},68931:(e,n,a)=>{"use strict";a.r(n),a.d(n,{default:()=>g});var i=a(88392),t=a(80244),o=a.n(t),s=a(47940),c=a(43042),r=a(67206),d=a.n(r),l=a(54624),u=a(37276);let S=[{id:"soft-keys",title:"Soft Keys",artist:"ContentX Music Studio",genre:"Ambient",durationLabel:"28s",audioSrc:"/demo-songs/soft-keys.mp3",coverSrc:"/figma-landing/engine-card-02.png"},{id:"city-lights",title:"City Lights",artist:"ContentX Music Studio",genre:"Indie Pop",durationLabel:"28s",audioSrc:"/demo-songs/city-lights.mp3",coverSrc:"/figma-landing/engine-card-04.png"},{id:"golden-hour",title:"Golden Hour",artist:"ContentX Music Studio",genre:"Cinematic",durationLabel:"28s",audioSrc:"/demo-songs/golden-hour.mp3",coverSrc:"/figma-landing/film-card.png"},{id:"night-drive",title:"Night Drive",artist:"ContentX Music Studio",genre:"Synthwave",durationLabel:"28s",audioSrc:"/demo-songs/night-drive.mp3",coverSrc:"/figma-landing/engine-card-03.png"},{id:"neon-pulse",title:"Neon Pulse",artist:"ContentX Music Studio",genre:"House",durationLabel:"28s",audioSrc:"/demo-songs/neon-pulse.mp3",coverSrc:"/figma-landing/engine-card-01.png"},{id:"deep-focus",title:"Deep Focus",artist:"ContentX Music Studio",genre:"Lo-fi",durationLabel:"28s",audioSrc:"/demo-songs/deep-focus.mp3",coverSrc:"/figma-landing/engine-card-05.png"}];function g(){let e=(0,s.useRef)(null);(0,l.M)(e,{targets:"[data-reveal]",stagger:u.bo.stagCards});let n=(0,s.useRef)(null),[a,t]=(0,s.useState)(null);(0,s.useEffect)(()=>{let e=new Audio;e.preload="none",n.current=e;let a=()=>t(null);return e.addEventListener("ended",a),()=>{e.pause(),e.removeEventListener("ended",a),n.current=null}},[]);let r=(0,s.useCallback)(()=>{let e=n.current;e&&(e.pause(),e.currentTime=0,t(null))},[]),g=(0,s.useCallback)(async e=>{let i=n.current;if(i){if(a===e.id)return void r();i.pause(),i.src=e.audioSrc,i.currentTime=0,t(e.id);try{await i.play()}catch(e){t(null)}}},[a,r]);return(0,i.jsxs)("section",{ref:e,id:"music-studio",className:d().section,"aria-labelledby":"song-showcase-heading",children:[(0,i.jsx)("span",{id:"song-showcase","aria-hidden":"true",className:d().anchor}),(0,i.jsxs)("div",{className:d().header,"data-reveal":!0,children:[(0,i.jsxs)("p",{className:d().eyebrow,children:[(0,i.jsx)("span",{className:d().eyebrowBold,children:"MUSIC STUDIO"}),(0,i.jsx)("span",{children:" - PLAYABLE PREVIEWS"})]}),(0,i.jsx)("h2",{id:"song-showcase-heading",className:d().title,children:"Mind-blowing song quality"}),(0,i.jsx)("p",{className:d().lead,children:"Whether you have a melody, lyrics, or just a feeling ContentX Music Studio turns it into a release-ready track with commercial rights. Tap any cover to hear a preview."})]}),(0,i.jsx)("div",{className:d().gallery,role:"list","aria-label":"Playable song previews",children:S.map(e=>(0,i.jsx)("div",{role:"listitem",className:d().railItem,"data-reveal":!0,children:(0,i.jsx)(h,{song:e,playing:a===e.id,onToggle:()=>void g(e)})},e.id))}),(0,i.jsxs)("div",{className:d().ctaRow,children:[(0,i.jsxs)("button",{type:"button",className:d().ctaPrimary,onClick:()=>(0,c.Pt)(c.rF),children:["Order a song - ",c.rF.price]}),(0,i.jsx)(o(),{href:"/pricing#sku-song",className:d().ctaGhost,children:"See Music Studio pricing"}),(0,i.jsx)(o(),{href:"/pricing#music-studio",className:d().ctaGhost,children:"Song → Music Video path"})]})]})}function h(e){let{song:n,playing:a,onToggle:t}=e;return(0,i.jsxs)("article",{className:a?"".concat(d().card," ").concat(d().playing):d().card,children:[(0,i.jsxs)("div",{className:d().cardMedia,children:[(0,i.jsx)("img",{src:n.coverSrc,alt:"",className:d().coverImg}),(0,i.jsx)("span",{className:d().coverShade,"aria-hidden":"true"}),(0,i.jsxs)("div",{className:d().pills,children:[(0,i.jsx)("span",{className:d().pillGenre,children:n.genre}),(0,i.jsx)("span",{className:d().pillDuration,children:n.durationLabel})]}),(0,i.jsx)("button",{type:"button",className:d().playFab,onClick:t,"aria-label":a?"Pause ".concat(n.title):"Play preview of ".concat(n.title),"aria-pressed":a,children:a?(0,i.jsxs)("span",{className:d().pauseIcon,"aria-hidden":"true",children:[(0,i.jsx)("span",{}),(0,i.jsx)("span",{})]}):(0,i.jsx)("span",{className:d().playIcon,"aria-hidden":"true"})})]}),(0,i.jsxs)("div",{className:d().cardInfo,children:[(0,i.jsx)("p",{className:d().cardTitle,children:n.title}),(0,i.jsx)("p",{className:d().cardArtist,children:n.artist})]})]})}}}]);