@dcl/landing-site 0.0.1-23617412190.commit-e3cca1e → 0.0.1-23618345269.commit-1e2a634

package/assets/index-i_Rpb8UV.js

@@ -0,0 +1 @@
+import{aD as i,aU as n,aW as r,b2 as d,aH as s,aA as t,b4 as c}from"./index-BvDvxY19.js";import{S as m,P as y,A as w,a as C}from"./swiper-react-Bl4aS6YN.js";const v=i(n)(({theme:e})=>({position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:e.spacing(6),padding:`${e.spacing(10)} ${e.spacing(2.5)}`,width:"100%",backgroundColor:"rgba(0, 0, 0, 0.1)",overflow:"hidden",[e.breakpoints.down("sm")]:{padding:`${e.spacing(6)} 0`,gap:e.spacing(4)}})),j=i(r)(({theme:e})=>({color:d.white,fontWeight:600,textAlign:"center",[e.breakpoints.down("sm")]:{fontSize:32,padding:`0 ${e.spacing(3)}`}})),k=i(n)(({theme:e})=>({display:"flex",gap:e.spacing(3),width:"100%",justifyContent:"center",padding:`0 ${e.spacing(2.5)}`,zIndex:1,[e.breakpoints.down("sm")]:{display:"none"}})),S=i(n)(({theme:e})=>({position:"relative",flex:"1 1 0",minWidth:0,maxWidth:680,height:450,borderRadius:e.spacing(3),overflow:"hidden",backgroundColor:"rgba(0, 0, 0, 0.6)",boxShadow:"0px 2px 4px 0px rgba(0, 0, 0, 0.04)",cursor:"pointer",display:"flex",flexDirection:"column","&:hover .catch-vibe-video":{opacity:1},"&:hover .catch-vibe-image":{opacity:0},[e.breakpoints.down("lg")]:{height:380},[e.breakpoints.down("md")]:{height:320}})),I=i(n)({position:"relative",flex:1,minHeight:0,borderRadius:"24px",overflow:"hidden"}),$=i("img")({position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover",transition:"opacity 0.4s ease",zIndex:1}),F=i("video")({position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover",opacity:0,transition:"opacity 0.4s ease"}),z=i(n)(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:`${e.spacing(2)} ${e.spacing(1.5)} ${e.spacing(2)} ${e.spacing(2)}`,flexShrink:0})),P=i(n)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(1)})),R=i(n)({position:"relative",width:35,height:35,borderRadius:"50%",border:"2.5px solid rgba(255, 255, 255, 0.5)",backgroundColor:"#00B453",flexShrink:0}),V=i("img")({position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:30,height:30,borderRadius:"50%",objectFit:"cover"}),E=i(n)({position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:30.5,height:30.5,borderRadius:"50%",backgroundColor:"#31C11A",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"}),M=i(r)({color:d.white,fontWeight:600,fontSize:14,lineHeight:1.57}),T=i(r)({color:d.white,fontWeight:600,fontSize:14,lineHeight:1.57}),W=i(n)({position:"absolute",bottom:13,left:13,display:"flex",alignItems:"center",gap:4,height:26,padding:"5.5px 6px",borderRadius:8,backgroundColor:"#161518",zIndex:2,transition:"opacity 0.3s ease"}),A=i(n)({width:0,height:0,borderStyle:"solid",borderWidth:"5px 0 5px 8px",borderColor:"transparent transparent transparent #FCFCFC",flexShrink:0}),D=i(r)({color:"#FCFCFC",fontWeight:600,fontSize:14,lineHeight:"normal",whiteSpace:"nowrap"}),N=i("img")(({theme:e})=>({position:"absolute",right:-20,bottom:-40,height:"110%",maxHeight:650,pointerEvents:"none",zIndex:0,[e.breakpoints.down("lg")]:{right:-60,opacity:.5},[e.breakpoints.down("md")]:{display:"none"}})),U=i(n)(({theme:e})=>({display:"none",width:"100%",zIndex:1,[e.breakpoints.down("sm")]:{display:"block"},"& .swiper":{paddingBottom:e.spacing(5)},"& .swiper-slide":{height:300,display:"flex",justifyContent:"center",padding:`0 ${e.spacing(2)}`},"& .swiper-pagination":{bottom:"0 !important"},"& .swiper-pagination-bullet":{backgroundColor:"rgba(255, 255, 255, 0.4)",opacity:1,width:8,height:8},"& .swiper-pagination-bullet-active":{backgroundColor:d.white}}));function H(e){const a=Math.floor(e/60),l=Math.floor(e%60);return`${a}:${l.toString().padStart(2,"0")}`}const h=({item:e})=>{const a=s.useRef(null),[l,p]=s.useState(!1),[u,b]=s.useState(null);s.useEffect(()=>{const o=a.current;if(!o)return;const g=()=>{o.duration&&isFinite(o.duration)&&b(H(o.duration))};return o.addEventListener("loadedmetadata",g),()=>o.removeEventListener("loadedmetadata",g)},[]);const x=s.useCallback(()=>{const o=a.current;o&&(o.muted=!1,o.play()),p(!0)},[]),f=s.useCallback(()=>{const o=a.current;o&&(o.pause(),o.currentTime=0,o.muted=!0),p(!1)},[]);return t.jsxs(S,{onMouseEnter:x,onMouseLeave:f,children:[t.jsxs(I,{children:[t.jsx($,{className:"catch-vibe-image",src:e.imageUrl,alt:e.userName,loading:"lazy"}),t.jsx(F,{className:"catch-vibe-video",ref:a,loop:!0,muted:!0,playsInline:!0,preload:"metadata",src:e.videoUrl}),!l&&t.jsxs(W,{children:[t.jsx(A,{}),t.jsx(D,{children:u??"0:00"})]})]}),t.jsxs(z,{children:[t.jsxs(P,{children:[t.jsx(R,{children:t.jsx(E,{children:t.jsx(V,{src:e.userAvatarUrl,alt:e.userName})})}),t.jsx(M,{children:e.userName})]}),t.jsx(T,{children:"Community Member"})]})]})},L=s.memo(()=>t.jsxs(v,{children:[t.jsx(j,{variant:"h3",children:c.title}),t.jsx(k,{children:c.cards.map((e,a)=>t.jsx(h,{item:e},a))}),t.jsx(U,{children:t.jsx(m,{modules:[y,w],pagination:{clickable:!0},autoplay:{delay:5e3,disableOnInteraction:!1},loop:!0,spaceBetween:0,slidesPerView:1,children:c.cards.map((e,a)=>t.jsx(C,{children:t.jsx(h,{item:e})},a))})}),t.jsx(N,{src:"/persona.png",alt:"","aria-hidden":!0})]}));L.displayName="CatchTheVibe";export{L as CatchTheVibe};

package/assets/index-ikT2QzgB.js

@@ -0,0 +1 @@
+import{aD as n,aU as i,aW as p,b2 as r,b6 as d,aH as e,b7 as l,b8 as g,aA as o,b9 as u,aY as h}from"./index-BvDvxY19.js";import{A as m}from"./AnimatedBackground-DaItTQFq.js";const x=n(i)(({theme:t})=>({position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",width:"100%",height:840,overflow:"hidden",[t.breakpoints.down("sm")]:{height:600}})),b=n("img")(({theme:t})=>({position:"absolute",top:"30%",left:"50%",transform:"translateX(-50%)",width:"100%",minWidth:1920,pointerEvents:"none",[t.breakpoints.down("sm")]:{top:"auto",bottom:0,minWidth:700,width:"180%",maxWidth:"none"}})),f=n(i)(({theme:t})=>({position:"relative",zIndex:1,display:"flex",flexDirection:"column",alignItems:"center",gap:t.spacing(7.5),paddingTop:t.spacing(7.5),[t.breakpoints.down("sm")]:{paddingTop:t.spacing(6),gap:t.spacing(3)}})),w=n(p)(({theme:t})=>({color:r.white,fontWeight:600,textAlign:"center",letterSpacing:-.5,[t.breakpoints.down("sm")]:{fontSize:32}})),C=n(d)(({theme:t})=>({"&.MuiButton-root":{backgroundColor:"#FF2D55",color:"#FCFCFC",width:270,height:60,borderRadius:16,padding:"20px 40px",gap:24,fontSize:19.89,fontWeight:600,lineHeight:"31.82px",letterSpacing:.61,textTransform:"uppercase",boxShadow:"rgba(0, 0, 0, 0.4) 0px 2px 8px",whiteSpace:"nowrap","&:hover":{backgroundColor:"#FF2D55"},"& .MuiButton-endIcon":{marginLeft:0},"& .MuiSvgIcon-root":{fontSize:32}},"&::before":{content:"''",position:"absolute",top:0,right:0,bottom:0,left:0,border:`4px solid ${r.white}`,borderRadius:14,opacity:0,transition:t.transitions.create(["top","right","bottom","left","opacity"],{duration:t.transitions.duration.shorter,easing:t.transitions.easing.easeInOut})},"&:hover::before":{opacity:1,top:-7.5,right:-7.5,bottom:-7.5,left:-7.5}})),k=e.memo(()=>{const t=l(),s=e.useCallback(a=>{a.preventDefault(),t(a);const c=g("ONBOARDING_URL");setTimeout(()=>{window.location.href=c},500)},[t]);return o.jsxs(x,{children:[o.jsx(m,{variant:"absolute"}),o.jsxs(f,{children:[o.jsx(w,{variant:"h2",children:"Come Hang Out"}),o.jsx(C,{variant:"contained",onClick:s,"data-place":u.LANDING_HERO,"data-event":"click",endIcon:o.jsx(h,{}),children:"HANG OUT NOW"})]}),o.jsx(b,{src:"/come_hang_out_background.png",alt:"","aria-hidden":!0})]})});k.displayName="ComeHangOut";export{k as ComeHangOut};

package/assets/index-nibyPLVP.js

@@ -0,0 +1 @@
+function r(e){return new Promise((t,n)=>{e.oncomplete=e.onsuccess=()=>t(e.result),e.onabort=e.onerror=()=>n(e.error)})}function l(e,t){const n=indexedDB.open(e);n.onupgradeneeded=()=>n.result.createObjectStore(t);const u=r(n);return(a,i)=>u.then(s=>i(s.transaction(t,a).objectStore(t)))}let c;function o(){return c||(c=l("keyval-store","keyval")),c}function f(e,t=o()){return t("readonly",n=>r(n.get(e)))}function p(e,t,n=o()){return n("readwrite",u=>(u.put(t,e),r(u.transaction)))}function y(e,t=o()){return t("readwrite",n=>(n.delete(e),r(n.transaction)))}function h(e=o()){return e("readwrite",t=>(t.clear(),r(t.transaction)))}function d(e,t){return e.openCursor().onsuccess=function(){this.result&&(t(this.result),this.result.continue())},r(e.transaction)}function g(e=o()){return e("readonly",t=>{if(t.getAllKeys)return r(t.getAllKeys());const n=[];return d(t,u=>n.push(u.key)).then(()=>n)})}export{h as a,l as c,y as d,f as g,g as k,p as s};