https://www.stonelovemixtapes.com/_next/static/chunks/5071-9cced3b31b020e97.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5071],{5071:function(e,t,i){i.d(t,{bH:function(){return k},zR:function(){return D},ng:function(){return S}});var s=i(7437),a=i(2265),n=i(9733),l=i(6648),r=i(3753),o=i(4624),c=i(633),d=i(9354);function x(e){var t;let{isActive:i,onPlayStarted:n}=e,x=(0,c.Z)(),m=(0,a.useRef)(new o.Z(x)).current,[u,h]=(0,a.useState)(null),[p,f]=(0,a.useState)(!0),[b,y]=(0,a.useState)(!1),g=(0,a.useRef)(!1),j=(0,a.useRef)(new r.Z),w=(0,a.useRef)(null),v=(null===(t=x.music.activeTrack)||void 0===t?void 0:t.id)===(null==u?void 0:u.id);return((0,a.useEffect)(()=>{(async()=>{try{let e=await j.current.getRandomSong();e&&h(e)}catch(e){console.error("Error loading random song:",e)}finally{f(!1)}})()},[]),(0,a.useEffect)(()=>{if(i&&!p)return w.current=setTimeout(()=>{g.current||y(!0)},5e3),()=>{w.current&&clearTimeout(w.current)}},[i,p]),p)?(0,s.jsx)("div",{className:"flex flex-1 items-center justify-center p-8",children:(0,s.jsx)("p",{className:"text-white/60",children:"Loading..."})}):(0,s.jsxs)("div",{className:(0,d.cn)("flex flex-1 flex-col items-center justify-center px-8 pb-32 transition-opacity duration-400",i?"opacity-100":"opacity-0"),children:[(0,s.jsx)("div",{className:"mb-8 w-1/2 max-w-[200px]",children:(0,s.jsx)(l.default,{src:"/logo.png",alt:"Stone Love Mixtapes",width:200,height:60,className:"h-auto w-full object-contain"})}),(0,s.jsx)("h2",{className:"mb-3 text-center text-3xl font-bold text-white",children:"The Sound That Shaped a Culture"}),(0,s.jsxs)("p",{className:"mb-10 text-center text-base leading-relaxed text-white/70",children:["Stone Love Sound System, Kingston Jamaica since 1972.",(0,s.jsx)("br",{}),"Tap to hear a mix."]}),u&&(0,s.jsxs)("div",{className:"relative flex flex-col items-center",children:[b&&!v&&(0,s.jsxs)("div",{className:"absolute -top-12 left-1/2 -translate-x-1/2 animate-fade-in-up whitespace-nowrap rounded-full bg-primary px-4 py-1.5 text-xs font-semibold text-white shadow-lg",children:["\uD83D\uDC47 Tap to play a sample",(0,s.jsx)("span",{className:"absolute -bottom-1.5 left-1/2 -translate-x-1/2 border-4 border-transparent border-t-primary"})]}),(0,s.jsxs)("button",{type:"button",onClick:()=>{u&&(u.previewUrl||u.musicUrl)&&(g.current||(g.current=!0,y(!1),w.current&&clearTimeout(w.current),n()),m.playSong(u))},className:"group relative mb-6 block cursor-pointer text-left","aria-label":"Play ".concat(u.title),children:[!v&&!g.current&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"pointer-events-none absolute inset-0 rounded-xl animate-ping opacity-20 bg-primary",style:{animationDuration:"1.8s"}}),(0,s.jsx)("span",{className:"pointer-events-none absolute inset-0 rounded-xl animate-ping opacity-10 bg-primary",style:{animationDuration:"1.8s",animationDelay:"0.6s"}})]}),(0,s.jsxs)("div",{className:(0,d.cn)("relative overflow-hidden rounded-xl transition-all duration-300","w-[216px] h-[216px]","ring-2 ring-white/10 group-hover:ring-primary/50",v&&"ring-2 ring-primary",!v&&!g.current&&"ring-primary/40"),children:[(0,s.jsx)(l.default,{src:u.artwork,alt:u.title,width:216,height:216,className:"h-full w-full object-cover"}),(0,s.jsx)("div",{className:(0,d.cn)("absolute inset-0 flex items-center justify-center bg-black/30 transition-opacity",!v&&"group-hover:bg-black/20"),children:(0,s.jsx)("div",{className:(0,d.cn)("flex h-14 w-14 items-center justify-center rounded-full transition-all","bg-white/90 shadow-lg",v?"scale-100":"scale-90 group-hover:scale-100"),children:v?(0,s.jsx)("div",{className:"flex gap-1",children:[1,2,3,4].map(e=>(0,s.jsx)("span",{className:"w-1 rounded-full bg-primary",style:{height:[12,20,16,10][e-1],animation:"soundBar 0.8s ease-in-out infinite",animationDelay:"".concat((e-1)*.2,"s")}},e))}):(0,s.jsx)("svg",{className:"ml-1 h-6 w-6 text-black",fill:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{d:"M8 5v14l11-7z"})})})})]}),(0,s.jsx)("p",{className:"mt-2 text-center text-sm font-medium text-white",children:u.title})]})]}),(0,s.jsx)("p",{className:"text-center text-sm font-medium text-primary",children:"Tap play to continue"})]})}var m=i(4504),u=i(1510),h=i(4241);let p=[{icon:m.Z,title:"Full Party-Length Mixes",description:"45-60 minute sessions mixed by Stone Love's legendary DJs",delay:100,iconColor:"text-primary"},{icon:u.Z,title:"Share the Vibes",description:"Send mixes to your crew on WhatsApp, Facebook, or anywhere — spread the culture",delay:200,iconColor:"text-emerald-400"},{icon:h.Z,title:"Fresh Drops Every Week",description:"New exclusive mixes added weekly. Never run out of vibes",delay:300,iconColor:"text-amber-400"}];function f(e){let{icon:t,title:i,description:a,delay:n,iconColor:l,isActive:r}=e;return(0,s.jsxs)("div",{className:(0,d.cn)("flex items-center gap-4 roun

1ded-[20px] border border-white/10 bg-white/5 p-5 shadow-lg transition-all duration-400","animate-fade-in-up",r?"opacity-100":"opacity-0"),style:{animationDelay:"".concat(n,"ms"),animationFillMode:"both"},children:[(0,s.jsx)("div",{className:"flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-white/10",children:(0,s.jsx)(t,{className:(0,d.cn)("h-8 w-8",l),strokeWidth:2.5})}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("h3",{className:"mb-1 text-lg font-semibold text-white",children:i}),(0,s.jsx)("p",{className:"text-sm leading-relaxed text-white/70",children:a})]})]})}function b(e){let{isActive:t}=e;return(0,s.jsxs)("div",{className:(0,d.cn)("flex flex-1 flex-col justify-center px-6 pb-40 pt-8 transition-opacity duration-400",t?"opacity-100":"opacity-0"),children:[(0,s.jsxs)("div",{className:"mb-12 text-center",children:[(0,s.jsx)("h2",{className:"mb-3 text-3xl font-bold text-white",children:"Your Sound, Wherever You Are"}),(0,s.jsx)("p",{className:"text-base leading-relaxed text-white/70",children:"From Kingston to London to Brooklyn"})]}),(0,s.jsx)("div",{className:"flex flex-col gap-6",children:p.map(e=>(0,s.jsx)(f,{isActive:t,...e},e.title))})]})}var y=i(933),g=i(5016),j=i(3907);let w=[{icon:y.Z,title:"45-60 Minute Full Mixes",description:"Real party-length sessions, not short clips",iconColor:"text-primary"},{icon:g.Z,title:"Legendary Sound System",description:"Over 50 years of sound system culture",iconColor:"text-emerald-400"},{icon:j.Z,title:"Authentic Caribbean Vibes",description:"Reggae, Dancehall, Lovers Rock & Soca",iconColor:"text-amber-400"}];function v(e){let{icon:t,title:i,description:a,iconColor:n}=e;

1return(0,s.jsxs)("div",{className:"flex items-center gap-4 rounded-2xl border border-white/10 bg-white/5 p-4",children:[(0,s.jsx)("div",{className:"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-white/10",children:(0,s.jsx)(t,{className:(0,d.cn)("h-6 w-6",n),strokeWidth:2.5})}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("h3",{className:"mb-0.5 text-base font-semibold text-white",children:i}),(0,s.jsx)("p",{className:"text-sm leading-relaxed text-white/70",children:a})]})]})}function N(e){let{isActive:t}=e;return(0,s.jsxs)("div",{className:(0,d.cn)("flex flex-1 flex-col justify-between px-6 pb-48 pt-10 transition-opacity duration-400",t?"opacity-100":"opacity-0"),children:[(0,s.jsxs)("div",{className:"text-center",children:[(0,s.jsxs)("div",{className:"mb-6 inline-flex items-center gap-2 rounded-[20px] border border-primary/40 bg-primary/20 px-4 py-2",children:[(0,s.jsx)(j.Z,{className:"h-4 w-4 text-primary",strokeWidth:2.5}),(0,s.jsx)("span",{className:"text-xs font-semibold tracking-wider text-primary",children:"EXCLUSIVE"})]}),(0,s.jsxs)("h2",{className:"mb-4 text-3xl font-bold leading-tight text-white",children:["Mixes You Won't Find",(0,s.jsx)("br",{}),"Anywhere Else"]}),(0,s.jsx)("p",{className:"mb-8 text-base leading-relaxed text-white/70",children:"Crafted by the world's most iconic sound system since 1972"})]}),(0,s.jsx)("div",{className:"flex flex-col gap-4",children:w.map(e=>(0,s.jsx)(v,{...e},e.title))}),(0,s.jsx)("div",{className:"mt-8 text-center",children:(0,s.jsx)("div",{className:"inline-block rounded-xl border border-white/10 bg-white/5 px-4 py-2",children:(0,s.jsx)("p",{className:"text-sm font-medium text-white/70",children:"Start with a free preview"})})})]})}let k="onboarding_completed";function S(){return"true"===localStorage.getItem(k)}let C=[{id:"play-sample",component:x},{id:"features",component:b},{id:"value-prop",component:N}];function D(e){let{onComplete:t,onGetStarted:i}=e,[l,r]=(0,a.useState)(0),[o,c]=(0,a.useState)(!1),m=l===C.length-1,u=0!==l||o,h=(0,a.useCallback)(()=>{m?(localStorage.setItem(k,"true"),i?i():t()):r(e=>Math.min(e+1,C.length-1))},[m,t,i]),p=(0,a.useCallback)(()=>{c(!0)},[]);return(0,s.jsx)("div",{className:"fixed inset-0 z-[100] flex items-center justify-center bg-black/80 backdrop-blur-sm",children:(0,s.jsxs)("div",{className:"relative flex h-full w-full flex-col bg-black sm:h-auto sm:max-h-[90vh] sm:w-full sm:max-w-md sm:rounded-3xl sm:border sm:border-white/10 sm:sh

1adow-2xl overflow-hidden",children:[(0,s.jsxs)("div",{className:"flex flex-1 overflow-hidden",children:[0===l&&(0,s.jsx)(x,{isActive:!0,onPlayStarted:p}),1===l&&(0,s.jsx)(b,{isActive:!0}),2===l&&(0,s.jsx)(N,{isActive:!0})]}),(0,s.jsx)("div",{className:"flex justify-center gap-2 pb-4",children:C.map((e,t)=>(0,s.jsx)("button",{type:"button","aria-label":"Go to step ".concat(t+1),className:(0,d.cn)("rounded-full transition-all duration-300",t===l?"h-2 w-6 bg-primary":"h-2 w-2 bg-white/30 hover:bg-white/50")},t))}),(0,s.jsx)("div",{className:"px-6 pb-8",children:(0,s.jsx)(n.z,{size:"lg",onClick:h,disabled:!u,className:(0,d.cn)("w-full bg-gradient-to-r from-primary to-primary/80 font-semibold text-white transition-opacity",!u&&"opacity-50"),children:m?"Get Started":"Next"})})]})})}}}]);