npm - @dcl/landing-site - Versions diffs - 0.5.1-24671743849.commit-e464803 → 0.5.1-24676306976.commit-32f8f97 - Mend

@dcl/landing-site 0.5.1-24671743849.commit-e464803 → 0.5.1-24676306976.commit-32f8f97

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (180) hide show

package/assets/{index-DNCSZ9Ly.js.map → index-DO6Sw93x.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-DNCSZ9Ly.js","sources":["../../src/components/Create/CreateCards/CreateCards.styled.ts","../../src/components/Create/CreateCards/CreateCards.tsx"],"sourcesContent":["import { Box, Typography, styled } from 'decentraland-ui2'\n\nconst CreateSection = styled('section')(({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n gap: '1em',\n width: '100%',\n marginTop: 40,\n marginBottom: 40,\n padding: 0,\n position: 'relative',\n [theme.breakpoints.down('sm')]: {\n paddingLeft: theme.spacing(4),\n paddingRight: theme.spacing(4),\n overflow: 'hidden'\n }\n}))\n\nconst CreateTitle = styled(Typography)(({ theme }) => ({\n textAlign: 'center',\n fontSize: 48,\n fontWeight: 600,\n lineHeight: '77px',\n color: '#fcfcfc',\n marginTop: 0,\n marginBottom: 32,\n maxWidth: '80vw',\n marginLeft: 'auto',\n marginRight: 'auto',\n ['& span']: {\n background: 'linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)',\n backgroundClip: 'text',\n ['WebkitBackgroundClip' as string]: 'text',\n ['WebkitTextFillColor' as string]: 'transparent'\n },\n [theme.breakpoints.down('sm')]: {\n fontSize: 32,\n lineHeight: '40px',\n letterSpacing: '-0.64px'\n }\n}))\n\nconst CreateCardContainer = styled(Box)(({ theme }) => ({\n display: 'flex',\n flexDirection: 'row',\n background: '#242129',\n borderRadius: 24,\n width: '100%',\n height: '100%',\n padding: 32,\n alignItems: 'center',\n [theme.breakpoints.down('md')]: {\n flexDirection: 'column',\n height: 'auto',\n width: '100%',\n padding: 0\n }\n}))\n\nconst CreateCardImage = styled(Box, {\n shouldForwardProp: prop => prop !== 'bgImage'\n})<{ bgImage: string }>(({ theme, bgImage }) => ({\n height: '100%',\n flexShrink: 0,\n backgroundImage: `url(${bgImage})`,\n backgroundRepeat: 'no-repeat',\n backgroundPosition: 'center',\n backgroundSize: 'cover',\n marginRight: 24,\n width: '35%',\n minHeight: 530,\n borderRadius: 16,\n transition: 'transform 0.3s ease-in-out',\n ['& img']: {\n width: '100%',\n height: '100%',\n objectFit: 'contain'\n },\n ['@media (hover: hover)']: {\n ['&:hover']: {\n transform: 'scale(1.05)'\n }\n },\n [theme.breakpoints.down('md')]: {\n height: 223,\n minHeight: 223,\n width: '100%',\n backgroundSize: '100%',\n borderRadius: '24px 24px 0 0',\n marginRight: 0,\n position: 'relative',\n overflow: 'hidden',\n ['& img']: {\n width: 'auto',\n height: '100%',\n transform: 'translate(-50%, -50%)',\n position: 'absolute',\n left: '50%',\n top: '50%'\n }\n }\n}))\n\nconst CreateCardInfo = styled(Box)(({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n width: 'calc(65% - 24px)',\n [theme.breakpoints.down('md')]: {\n padding: '32px 0',\n margin: '0 8px 8px',\n width: 'calc(100% - 16px)'\n }\n}))\n\nconst CreateCardTitle = styled(Typography)(({ theme }) => ({\n fontSize: 24,\n fontWeight: 600,\n lineHeight: '30px',\n marginBottom: 8,\n [theme.breakpoints.down('lg')]: {\n fontSize: 20,\n lineHeight: '16px'\n }\n}))\n\nconst CreateCardDescription = styled(Typography)(({ theme }) => ({\n color: '#a09ba8',\n fontSize: 18,\n fontWeight: 400,\n lineHeight: '24px',\n marginBottom: 16,\n marginTop: 0,\n [theme.breakpoints.down('lg')]: {\n fontSize: 16\n }\n}))\n\nconst TabContainer = styled(Box)({\n display: 'flex',\n flexDirection: 'column'\n})\n\nconst TabButtons = styled(Box)(({ theme }) => ({\n display: 'flex',\n borderBottom: 'none',\n height: 24,\n marginBottom: 24,\n [theme.breakpoints.down('sm')]: {\n justifyContent: 'center',\n marginBottom: 24\n }\n}))\n\nconst TabButton = styled('button', {\n shouldForwardProp: prop => prop !== 'isActive'\n})<{ isActive: boolean }>(({ theme, isActive }) => ({\n background: 'none',\n border: 'none',\n borderBottom: isActive ? '2px solid #fff' : '2px solid transparent',\n color: isActive ? '#fff' : '#716b7c',\n textTransform: 'uppercase',\n fontSize: 14,\n lineHeight: '16px',\n padding: '0 0 8px',\n marginRight: 24,\n fontWeight: isActive ? 600 : 500,\n cursor: 'pointer',\n outline: 'none',\n ['&:focus-visible']: {\n outline: `2px solid ${theme.palette.primary.main}`,\n outlineOffset: 2\n },\n [theme.breakpoints.down('sm')]: {\n padding: '8px 0 0',\n fontSize: 16,\n marginRight: 16\n }\n}))\n\nconst TabInfoBlock = styled(Box)({\n borderRadius: 16,\n background: '#43404a80',\n padding: '16px 24px',\n marginBottom: 8,\n ['&:last-child']: {\n marginBottom: 0\n }\n})\n\nconst TabInfoTitle = styled(Typography)({\n fontSize: 18,\n lineHeight: '20px',\n fontWeight: 500,\n marginBottom: 12\n})\n\nconst TabInfoSubtitle = styled(Typography)({\n color: '#cfcdd4',\n fontSize: 18,\n fontWeight: 400,\n lineHeight: '24px',\n marginBottom: 0\n})\n\nconst SkillsContainer = styled(Box)({\n display: 'flex',\n flexWrap: 'wrap'\n})\n\nconst SkillBadge = styled(Box)({\n padding: '8px 16px',\n borderRadius: 16,\n marginRight: 8,\n marginBottom: 8,\n background: '#43404a',\n fontSize: 13,\n fontWeight: 600,\n lineHeight: 'normal',\n textTransform: 'uppercase'\n})\n\nconst LinksContainer = styled(Box)(({ theme }) => ({\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'row',\n [theme.breakpoints.down('md')]: {\n flexDirection: 'column'\n }\n}))\n\nconst LinkItem = styled('a')({\n fontSize: 16,\n lineHeight: '24px',\n fontWeight: 500,\n textDecorationLine: 'underline',\n color: '#ffa25a',\n width: '50%',\n marginBottom: 8,\n display: 'block',\n ['&:hover, &:active, &:visited, &:focus']: {\n color: '#ffa25a'\n }\n})\n\nexport {\n CreateCardContainer,\n CreateCardDescription,\n CreateCardImage,\n CreateCardInfo,\n CreateCardTitle,\n CreateSection,\n CreateTitle,\n LinkItem,\n LinksContainer,\n SkillBadge,\n SkillsContainer,\n TabButton,\n TabButtons,\n TabContainer,\n TabInfoBlock,\n TabInfoSubtitle,\n TabInfoTitle\n}\n","import { memo, useState } from 'react'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { Carousel } from '../../Carousel'\nimport { AnimatedSection } from '../AnimatedSection'\nimport { createCards } from '../data'\nimport type { CreateCardData, CreateCardTab } from '../data'\nimport {\n CreateCardContainer,\n CreateCardDescription,\n CreateCardImage,\n CreateCardInfo,\n CreateCardTitle,\n CreateSection,\n CreateTitle,\n LinkItem,\n LinksContainer,\n SkillBadge,\n SkillsContainer,\n TabButton,\n TabButtons,\n TabContainer,\n TabInfoBlock,\n TabInfoSubtitle,\n TabInfoTitle\n} from './CreateCards.styled'\n\ntype CreateTabContentProps = {\n tab: CreateCardTab\n}\n\nconst CreateTabContent = memo(({ tab }: CreateTabContentProps) => {\n const l = useFormatMessage()\n\n return (\n <>\n <TabInfoBlock>\n <TabInfoTitle>{tab.descriptionTitle}</TabInfoTitle>\n <TabInfoSubtitle>{tab.descriptionSubTitle}</TabInfoSubtitle>\n </TabInfoBlock>\n <TabInfoBlock>\n <TabInfoTitle>{l('component.creators_landing.create.tab.required_skills')}</TabInfoTitle>\n <SkillsContainer>\n {tab.skills.map(skill => (\n <SkillBadge key={skill}>{skill}</SkillBadge>\n ))}\n </SkillsContainer>\n </TabInfoBlock>\n <TabInfoBlock>\n <TabInfoTitle>{l('component.creators_landing.create.tab.useful_links')}</TabInfoTitle>\n <LinksContainer>\n {tab.links.map(link => (\n <LinkItem key={link.url} href={link.url} target=\"_blank\" rel=\"noopener noreferrer\">\n {link.label}\n </LinkItem>\n ))}\n </LinksContainer>\n </TabInfoBlock>\n </>\n )\n})\n\ntype CreateCardProps = {\n card: CreateCardData\n}\n\nconst CreateCard = memo(({ card }: CreateCardProps) => {\n const [activeTab, setActiveTab] = useState(card.tab1.title)\n\n return (\n <CreateCardContainer>\n <CreateCardImage bgImage={card.imageBackground}>\n <img src={card.image} alt={card.title} />\n </CreateCardImage>\n <CreateCardInfo>\n <CreateCardTitle>{card.title}</CreateCardTitle>\n <CreateCardDescription>{card.description}</CreateCardDescription>\n <TabContainer>\n {card.tab2 && (\n <TabButtons>\n <TabButton isActive={activeTab === card.tab1.title} onClick={() => setActiveTab(card.tab1.title)}>\n {card.tab1.title}\n </TabButton>\n <TabButton isActive={activeTab === card.tab2.title} onClick={() => setActiveTab(card.tab2!.title)}>\n {card.tab2.title}\n </TabButton>\n </TabButtons>\n )}\n {activeTab === card.tab1.title && <CreateTabContent tab={card.tab1} />}\n {card.tab2 && activeTab === card.tab2.title && <CreateTabContent tab={card.tab2} />}\n </TabContainer>\n </CreateCardInfo>\n </CreateCardContainer>\n )\n})\n\nconst renderCard = (card: CreateCardData) => <CreateCard card={card} />\nconst keyExtractor = (card: CreateCardData) => card.id\n\nconst CreatorsCreate = memo(() => {\n const l = useFormatMessage()\n return (\n <AnimatedSection>\n <CreateSection>\n <CreateTitle>\n {l('component.creators_landing.create.title')}\n <span>{l('component.creators_landing.create.title_highlight')}</span>\n {l('component.creators_landing.create.title_second_part')}\n </CreateTitle>\n <Carousel items={createCards} renderItem={renderCard} keyExtractor={keyExtractor} slideWidth={1200} autoplayDelay={0} />\n </CreateSection>\n </AnimatedSection>\n )\n})\n\nexport { CreatorsCreate }\n"],"names":["CreateSection","styled","theme","CreateTitle","Typography","CreateCardContainer","Box","CreateCardImage","prop","bgImage","CreateCardInfo","CreateCardTitle","CreateCardDescription","TabContainer","TabButtons","TabButton","isActive","TabInfoBlock","TabInfoTitle","TabInfoSubtitle","SkillsContainer","SkillBadge","LinksContainer","LinkItem","CreateTabContent","memo","tab","l","useFormatMessage","jsxs","Fragment","jsx","skill","link","CreateCard","card","activeTab","setActiveTab","useState","renderCard","keyExtractor","CreatorsCreate","AnimatedSection","Carousel","createCards"],"mappings":"qrBAEA,MAAMA,EAAgBC,EAAO,SAAS,EAAE,CAAC,CAAE,MAAAC,MAAa,CACtD,QAAS,OACT,cAAe,SACf,IAAK,MACL,MAAO,OACP,UAAW,GACX,aAAc,GACd,QAAS,EACT,SAAU,WACV,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,YAAaA,EAAM,QAAQ,CAAC,EAC5B,aAAcA,EAAM,QAAQ,CAAC,EAC7B,SAAU,QAAA,CAEd,EAAE,EAEIC,EAAcF,EAAOG,CAAU,EAAE,CAAC,CAAE,MAAAF,MAAa,CACrD,UAAW,SACX,SAAU,GACV,WAAY,IACZ,WAAY,OACZ,MAAO,UACP,UAAW,EACX,aAAc,GACd,SAAU,OACV,WAAY,OACZ,YAAa,OACZ,SAAW,CACV,WAAY,2DACZ,eAAgB,OACf,qBAAmC,OACnC,oBAAkC,aAAA,EAErC,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,SAAU,GACV,WAAY,OACZ,cAAe,SAAA,CAEnB,EAAE,EAEIG,EAAsBJ,EAAOK,CAAG,EAAE,CAAC,CAAE,MAAAJ,MAAa,CACtD,QAAS,OACT,cAAe,MACf,WAAY,UACZ,aAAc,GACd,MAAO,OACP,OAAQ,OACR,QAAS,GACT,WAAY,SACZ,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,cAAe,SACf,OAAQ,OACR,MAAO,OACP,QAAS,CAAA,CAEb,EAAE,EAEIK,EAAkBN,EAAOK,EAAK,CAClC,qBAA2BE,IAAS,SACtC,CAAC,EAAuB,CAAC,CAAE,MAAAN,EAAO,QAAAO,MAAe,CAC/C,OAAQ,OACR,WAAY,EACZ,gBAAiB,OAAOA,CAAO,IAC/B,iBAAkB,YAClB,mBAAoB,SACpB,eAAgB,QAChB,YAAa,GACb,MAAO,MACP,UAAW,IACX,aAAc,GACd,WAAY,6BACX,QAAU,CACT,MAAO,OACP,OAAQ,OACR,UAAW,SAAA,EAEZ,wBAA0B,CACxB,UAAY,CACX,UAAW,aAAA,CACb,EAEF,CAACP,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,OAAQ,IACR,UAAW,IACX,MAAO,OACP,eAAgB,OAChB,aAAc,gBACd,YAAa,EACb,SAAU,WACV,SAAU,SACT,QAAU,CACT,MAAO,OACP,OAAQ,OACR,UAAW,wBACX,SAAU,WACV,KAAM,MACN,IAAK,KAAA,CACP,CAEJ,EAAE,EAEIQ,EAAiBT,EAAOK,CAAG,EAAE,CAAC,CAAE,MAAAJ,MAAa,CACjD,QAAS,OACT,cAAe,SACf,eAAgB,aAChB,MAAO,mBACP,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,QAAS,SACT,OAAQ,YACR,MAAO,mBAAA,CAEX,EAAE,EAEIS,EAAkBV,EAAOG,CAAU,EAAE,CAAC,CAAE,MAAAF,MAAa,CACzD,SAAU,GACV,WAAY,IACZ,WAAY,OACZ,aAAc,EACd,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,SAAU,GACV,WAAY,MAAA,CAEhB,EAAE,EAEIU,EAAwBX,EAAOG,CAAU,EAAE,CAAC,CAAE,MAAAF,MAAa,CAC/D,MAAO,UACP,SAAU,GACV,WAAY,IACZ,WAAY,OACZ,aAAc,GACd,UAAW,EACX,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,SAAU,EAAA,CAEd,EAAE,EAEIW,EAAeZ,EAAOK,CAAG,EAAE,CAC/B,QAAS,OACT,cAAe,QACjB,CAAC,EAEKQ,EAAab,EAAOK,CAAG,EAAE,CAAC,CAAE,MAAAJ,MAAa,CAC7C,QAAS,OACT,aAAc,OACd,OAAQ,GACR,aAAc,GACd,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,eAAgB,SAChB,aAAc,EAAA,CAElB,EAAE,EAEIa,EAAYd,EAAO,SAAU,CACjC,qBAA2BO,IAAS,UACtC,CAAC,EAAyB,CAAC,CAAE,MAAAN,EAAO,SAAAc,MAAgB,CAClD,WAAY,OACZ,OAAQ,OACR,aAAcA,EAAW,iBAAmB,wBAC5C,MAAOA,EAAW,OAAS,UAC3B,cAAe,YACf,SAAU,GACV,WAAY,OACZ,QAAS,UACT,YAAa,GACb,WAAYA,EAAW,IAAM,IAC7B,OAAQ,UACR,QAAS,OACR,kBAAoB,CACnB,QAAS,aAAad,EAAM,QAAQ,QAAQ,IAAI,GAChD,cAAe,CAAA,EAEjB,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,QAAS,UACT,SAAU,GACV,YAAa,EAAA,CAEjB,EAAE,EAEIe,EAAehB,EAAOK,CAAG,EAAE,CAC/B,aAAc,GACd,WAAY,YACZ,QAAS,YACT,aAAc,EACb,eAAiB,CAChB,aAAc,CAAA,CAElB,CAAC,EAEKY,EAAejB,EAAOG,CAAU,EAAE,CACtC,SAAU,GACV,WAAY,OACZ,WAAY,IACZ,aAAc,EAChB,CAAC,EAEKe,EAAkBlB,EAAOG,CAAU,EAAE,CACzC,MAAO,UACP,SAAU,GACV,WAAY,IACZ,WAAY,OACZ,aAAc,CAChB,CAAC,EAEKgB,EAAkBnB,EAAOK,CAAG,EAAE,CAClC,QAAS,OACT,SAAU,MACZ,CAAC,EAEKe,EAAapB,EAAOK,CAAG,EAAE,CAC7B,QAAS,WACT,aAAc,GACd,YAAa,EACb,aAAc,EACd,WAAY,UACZ,SAAU,GACV,WAAY,IACZ,WAAY,SACZ,cAAe,WACjB,CAAC,EAEKgB,EAAiBrB,EAAOK,CAAG,EAAE,CAAC,CAAE,MAAAJ,MAAa,CACjD,QAAS,OACT,SAAU,OACV,cAAe,MACf,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,cAAe,QAAA,CAEnB,EAAE,EAEIqB,EAAWtB,EAAO,GAAG,EAAE,CAC3B,SAAU,GACV,WAAY,OACZ,WAAY,IACZ,mBAAoB,YACpB,MAAO,UACP,MAAO,MACP,aAAc,EACd,QAAS,QACR,wCAA0C,CACzC,MAAO,SAAA,CAEX,CAAC,ECrNKuB,EAAmBC,EAAAA,KAAK,CAAC,CAAE,IAAAC,KAAiC,CAChE,MAAMC,EAAIC,EAAA,EAEV,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAD,OAACZ,EAAA,CACC,SAAA,CAAAc,EAAAA,IAACb,EAAA,CAAc,WAAI,gBAAA,CAAiB,EACpCa,EAAAA,IAACZ,EAAA,CAAiB,SAAAO,EAAI,mBAAA,CAAoB,CAAA,EAC5C,SACCT,EAAA,CACC,SAAA,CAAAc,EAAAA,IAACb,EAAA,CAAc,SAAAS,EAAE,uDAAuD,CAAA,CAAE,EAC1EI,EAAAA,IAACX,EAAA,CACE,SAAAM,EAAI,OAAO,IAAIM,GACdD,EAAAA,IAACV,EAAA,CAAwB,SAAAW,CAAA,EAARA,CAAc,CAChC,CAAA,CACH,CAAA,EACF,SACCf,EAAA,CACC,SAAA,CAAAc,EAAAA,IAACb,EAAA,CAAc,SAAAS,EAAE,oDAAoD,CAAA,CAAE,EACvEI,EAAAA,IAACT,GACE,SAAAI,EAAI,MAAM,IAAIO,GACbF,MAACR,GAAwB,KAAMU,EAAK,IAAK,OAAO,SAAS,IAAI,sBAC1D,SAAAA,EAAK,OADOA,EAAK,GAEpB,CACD,CAAA,CACH,CAAA,CAAA,CACF,CAAA,EACF,CAEJ,CAAC,EAMKC,EAAaT,EAAAA,KAAK,CAAC,CAAE,KAAAU,KAA4B,CACrD,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAASH,EAAK,KAAK,KAAK,EAE1D,cACG9B,EAAA,CACC,SAAA,CAAA0B,EAAAA,IAACxB,EAAA,CAAgB,QAAS4B,EAAK,gBAC7B,SAAAJ,MAAC,MAAA,CAAI,IAAKI,EAAK,MAAO,IAAKA,EAAK,KAAA,CAAO,EACzC,SACCzB,EAAA,CACC,SAAA,CAAAqB,EAAAA,IAACpB,EAAA,CAAiB,WAAK,KAAA,CAAM,EAC7BoB,EAAAA,IAACnB,EAAA,CAAuB,SAAAuB,EAAK,WAAA,CAAY,SACxCtB,EAAA,CACE,SAAA,CAAAsB,EAAK,aACHrB,EAAA,CACC,SAAA,CAAAiB,EAAAA,IAAChB,EAAA,CAAU,SAAUqB,IAAcD,EAAK,KAAK,MAAO,QAAS,IAAME,EAAaF,EAAK,KAAK,KAAK,EAC5F,SAAAA,EAAK,KAAK,MACb,QACCpB,EAAA,CAAU,SAAUqB,IAAcD,EAAK,KAAK,MAAO,QAAS,IAAME,EAAaF,EAAK,KAAM,KAAK,EAC7F,SAAAA,EAAK,KAAK,KAAA,CACb,CAAA,EACF,EAEDC,IAAcD,EAAK,KAAK,aAAUX,EAAA,CAAiB,IAAKW,EAAK,KAAM,EACnEA,EAAK,MAAQC,IAAcD,EAAK,KAAK,OAASJ,EAAAA,IAACP,EAAA,CAAiB,IAAKW,EAAK,IAAA,CAAM,CAAA,CAAA,CACnF,CAAA,CAAA,CACF,CAAA,EACF,CAEJ,CAAC,EAEKI,EAAcJ,GAAyBJ,EAAAA,IAACG,GAAW,KAAAC,CAAA,CAAY,EAC/DK,EAAgBL,GAAyBA,EAAK,GAE9CM,EAAiBhB,EAAAA,KAAK,IAAM,CAChC,MAAME,EAAIC,EAAA,EACV,OACEG,EAAAA,IAACW,EAAA,CACC,SAAAb,EAAAA,KAAC7B,EAAA,CACC,SAAA,CAAA6B,OAAC1B,EAAA,CACE,SAAA,CAAAwB,EAAE,yCAAyC,EAC5CI,EAAAA,IAAC,OAAA,CAAM,SAAAJ,EAAE,mDAAmD,CAAA,CAAE,EAC7DA,EAAE,qDAAqD,CAAA,EAC1D,EACAI,EAAAA,IAACY,EAAA,CAAS,MAAOC,EAAa,WAAYL,EAAY,aAAAC,EAA4B,WAAY,KAAM,cAAe,CAAA,CAAG,CAAA,CAAA,CACxH,CAAA,CACF,CAEJ,CAAC"}
1	+ {"version":3,"file":"index-DO6Sw93x.js","sources":["../../src/components/Create/CreateCards/CreateCards.styled.ts","../../src/components/Create/CreateCards/CreateCards.tsx"],"sourcesContent":["import { Box, Typography, styled } from 'decentraland-ui2'\n\nconst CreateSection = styled('section')(({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n gap: '1em',\n width: '100%',\n marginTop: 40,\n marginBottom: 40,\n padding: 0,\n position: 'relative',\n [theme.breakpoints.down('sm')]: {\n paddingLeft: theme.spacing(4),\n paddingRight: theme.spacing(4),\n overflow: 'hidden'\n }\n}))\n\nconst CreateTitle = styled(Typography)(({ theme }) => ({\n textAlign: 'center',\n fontSize: 48,\n fontWeight: 600,\n lineHeight: '77px',\n color: '#fcfcfc',\n marginTop: 0,\n marginBottom: 32,\n maxWidth: '80vw',\n marginLeft: 'auto',\n marginRight: 'auto',\n ['& span']: {\n background: 'linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)',\n backgroundClip: 'text',\n ['WebkitBackgroundClip' as string]: 'text',\n ['WebkitTextFillColor' as string]: 'transparent'\n },\n [theme.breakpoints.down('sm')]: {\n fontSize: 32,\n lineHeight: '40px',\n letterSpacing: '-0.64px'\n }\n}))\n\nconst CreateCardContainer = styled(Box)(({ theme }) => ({\n display: 'flex',\n flexDirection: 'row',\n background: '#242129',\n borderRadius: 24,\n width: '100%',\n height: '100%',\n padding: 32,\n alignItems: 'center',\n [theme.breakpoints.down('md')]: {\n flexDirection: 'column',\n height: 'auto',\n width: '100%',\n padding: 0\n }\n}))\n\nconst CreateCardImage = styled(Box, {\n shouldForwardProp: prop => prop !== 'bgImage'\n})<{ bgImage: string }>(({ theme, bgImage }) => ({\n height: '100%',\n flexShrink: 0,\n backgroundImage: `url(${bgImage})`,\n backgroundRepeat: 'no-repeat',\n backgroundPosition: 'center',\n backgroundSize: 'cover',\n marginRight: 24,\n width: '35%',\n minHeight: 530,\n borderRadius: 16,\n transition: 'transform 0.3s ease-in-out',\n ['& img']: {\n width: '100%',\n height: '100%',\n objectFit: 'contain'\n },\n ['@media (hover: hover)']: {\n ['&:hover']: {\n transform: 'scale(1.05)'\n }\n },\n [theme.breakpoints.down('md')]: {\n height: 223,\n minHeight: 223,\n width: '100%',\n backgroundSize: '100%',\n borderRadius: '24px 24px 0 0',\n marginRight: 0,\n position: 'relative',\n overflow: 'hidden',\n ['& img']: {\n width: 'auto',\n height: '100%',\n transform: 'translate(-50%, -50%)',\n position: 'absolute',\n left: '50%',\n top: '50%'\n }\n }\n}))\n\nconst CreateCardInfo = styled(Box)(({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n width: 'calc(65% - 24px)',\n [theme.breakpoints.down('md')]: {\n padding: '32px 0',\n margin: '0 8px 8px',\n width: 'calc(100% - 16px)'\n }\n}))\n\nconst CreateCardTitle = styled(Typography)(({ theme }) => ({\n fontSize: 24,\n fontWeight: 600,\n lineHeight: '30px',\n marginBottom: 8,\n [theme.breakpoints.down('lg')]: {\n fontSize: 20,\n lineHeight: '16px'\n }\n}))\n\nconst CreateCardDescription = styled(Typography)(({ theme }) => ({\n color: '#a09ba8',\n fontSize: 18,\n fontWeight: 400,\n lineHeight: '24px',\n marginBottom: 16,\n marginTop: 0,\n [theme.breakpoints.down('lg')]: {\n fontSize: 16\n }\n}))\n\nconst TabContainer = styled(Box)({\n display: 'flex',\n flexDirection: 'column'\n})\n\nconst TabButtons = styled(Box)(({ theme }) => ({\n display: 'flex',\n borderBottom: 'none',\n height: 24,\n marginBottom: 24,\n [theme.breakpoints.down('sm')]: {\n justifyContent: 'center',\n marginBottom: 24\n }\n}))\n\nconst TabButton = styled('button', {\n shouldForwardProp: prop => prop !== 'isActive'\n})<{ isActive: boolean }>(({ theme, isActive }) => ({\n background: 'none',\n border: 'none',\n borderBottom: isActive ? '2px solid #fff' : '2px solid transparent',\n color: isActive ? '#fff' : '#716b7c',\n textTransform: 'uppercase',\n fontSize: 14,\n lineHeight: '16px',\n padding: '0 0 8px',\n marginRight: 24,\n fontWeight: isActive ? 600 : 500,\n cursor: 'pointer',\n outline: 'none',\n ['&:focus-visible']: {\n outline: `2px solid ${theme.palette.primary.main}`,\n outlineOffset: 2\n },\n [theme.breakpoints.down('sm')]: {\n padding: '8px 0 0',\n fontSize: 16,\n marginRight: 16\n }\n}))\n\nconst TabInfoBlock = styled(Box)({\n borderRadius: 16,\n background: '#43404a80',\n padding: '16px 24px',\n marginBottom: 8,\n ['&:last-child']: {\n marginBottom: 0\n }\n})\n\nconst TabInfoTitle = styled(Typography)({\n fontSize: 18,\n lineHeight: '20px',\n fontWeight: 500,\n marginBottom: 12\n})\n\nconst TabInfoSubtitle = styled(Typography)({\n color: '#cfcdd4',\n fontSize: 18,\n fontWeight: 400,\n lineHeight: '24px',\n marginBottom: 0\n})\n\nconst SkillsContainer = styled(Box)({\n display: 'flex',\n flexWrap: 'wrap'\n})\n\nconst SkillBadge = styled(Box)({\n padding: '8px 16px',\n borderRadius: 16,\n marginRight: 8,\n marginBottom: 8,\n background: '#43404a',\n fontSize: 13,\n fontWeight: 600,\n lineHeight: 'normal',\n textTransform: 'uppercase'\n})\n\nconst LinksContainer = styled(Box)(({ theme }) => ({\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'row',\n [theme.breakpoints.down('md')]: {\n flexDirection: 'column'\n }\n}))\n\nconst LinkItem = styled('a')({\n fontSize: 16,\n lineHeight: '24px',\n fontWeight: 500,\n textDecorationLine: 'underline',\n color: '#ffa25a',\n width: '50%',\n marginBottom: 8,\n display: 'block',\n ['&:hover, &:active, &:visited, &:focus']: {\n color: '#ffa25a'\n }\n})\n\nexport {\n CreateCardContainer,\n CreateCardDescription,\n CreateCardImage,\n CreateCardInfo,\n CreateCardTitle,\n CreateSection,\n CreateTitle,\n LinkItem,\n LinksContainer,\n SkillBadge,\n SkillsContainer,\n TabButton,\n TabButtons,\n TabContainer,\n TabInfoBlock,\n TabInfoSubtitle,\n TabInfoTitle\n}\n","import { memo, useState } from 'react'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { Carousel } from '../../Carousel'\nimport { AnimatedSection } from '../AnimatedSection'\nimport { createCards } from '../data'\nimport type { CreateCardData, CreateCardTab } from '../data'\nimport {\n CreateCardContainer,\n CreateCardDescription,\n CreateCardImage,\n CreateCardInfo,\n CreateCardTitle,\n CreateSection,\n CreateTitle,\n LinkItem,\n LinksContainer,\n SkillBadge,\n SkillsContainer,\n TabButton,\n TabButtons,\n TabContainer,\n TabInfoBlock,\n TabInfoSubtitle,\n TabInfoTitle\n} from './CreateCards.styled'\n\ntype CreateTabContentProps = {\n tab: CreateCardTab\n}\n\nconst CreateTabContent = memo(({ tab }: CreateTabContentProps) => {\n const l = useFormatMessage()\n\n return (\n <>\n <TabInfoBlock>\n <TabInfoTitle>{tab.descriptionTitle}</TabInfoTitle>\n <TabInfoSubtitle>{tab.descriptionSubTitle}</TabInfoSubtitle>\n </TabInfoBlock>\n <TabInfoBlock>\n <TabInfoTitle>{l('component.creators_landing.create.tab.required_skills')}</TabInfoTitle>\n <SkillsContainer>\n {tab.skills.map(skill => (\n <SkillBadge key={skill}>{skill}</SkillBadge>\n ))}\n </SkillsContainer>\n </TabInfoBlock>\n <TabInfoBlock>\n <TabInfoTitle>{l('component.creators_landing.create.tab.useful_links')}</TabInfoTitle>\n <LinksContainer>\n {tab.links.map(link => (\n <LinkItem key={link.url} href={link.url} target=\"_blank\" rel=\"noopener noreferrer\">\n {link.label}\n </LinkItem>\n ))}\n </LinksContainer>\n </TabInfoBlock>\n </>\n )\n})\n\ntype CreateCardProps = {\n card: CreateCardData\n}\n\nconst CreateCard = memo(({ card }: CreateCardProps) => {\n const [activeTab, setActiveTab] = useState(card.tab1.title)\n\n return (\n <CreateCardContainer>\n <CreateCardImage bgImage={card.imageBackground}>\n <img src={card.image} alt={card.title} />\n </CreateCardImage>\n <CreateCardInfo>\n <CreateCardTitle>{card.title}</CreateCardTitle>\n <CreateCardDescription>{card.description}</CreateCardDescription>\n <TabContainer>\n {card.tab2 && (\n <TabButtons>\n <TabButton isActive={activeTab === card.tab1.title} onClick={() => setActiveTab(card.tab1.title)}>\n {card.tab1.title}\n </TabButton>\n <TabButton isActive={activeTab === card.tab2.title} onClick={() => setActiveTab(card.tab2!.title)}>\n {card.tab2.title}\n </TabButton>\n </TabButtons>\n )}\n {activeTab === card.tab1.title && <CreateTabContent tab={card.tab1} />}\n {card.tab2 && activeTab === card.tab2.title && <CreateTabContent tab={card.tab2} />}\n </TabContainer>\n </CreateCardInfo>\n </CreateCardContainer>\n )\n})\n\nconst renderCard = (card: CreateCardData) => <CreateCard card={card} />\nconst keyExtractor = (card: CreateCardData) => card.id\n\nconst CreatorsCreate = memo(() => {\n const l = useFormatMessage()\n return (\n <AnimatedSection>\n <CreateSection>\n <CreateTitle>\n {l('component.creators_landing.create.title')}\n <span>{l('component.creators_landing.create.title_highlight')}</span>\n {l('component.creators_landing.create.title_second_part')}\n </CreateTitle>\n <Carousel items={createCards} renderItem={renderCard} keyExtractor={keyExtractor} slideWidth={1200} autoplayDelay={0} />\n </CreateSection>\n </AnimatedSection>\n )\n})\n\nexport { CreatorsCreate }\n"],"names":["CreateSection","styled","theme","CreateTitle","Typography","CreateCardContainer","Box","CreateCardImage","prop","bgImage","CreateCardInfo","CreateCardTitle","CreateCardDescription","TabContainer","TabButtons","TabButton","isActive","TabInfoBlock","TabInfoTitle","TabInfoSubtitle","SkillsContainer","SkillBadge","LinksContainer","LinkItem","CreateTabContent","memo","tab","l","useFormatMessage","jsxs","Fragment","jsx","skill","link","CreateCard","card","activeTab","setActiveTab","useState","renderCard","keyExtractor","CreatorsCreate","AnimatedSection","Carousel","createCards"],"mappings":"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"}

package/assets/{index-BqghIvCc.js → index-DTGLVE4U.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-C_C2-CZT.js","assets/index-DaRevScO.js","assets/vendor-router-D_36sTKu.js","assets/vendor-sentry-BSvWNK4f.js","assets/vendor-crypto-uuuQA3i5.js","assets/vendor-schemas-DJzTSxpO.js","assets/vendor-ua-D7qqAxdq.js","assets/vendor-intl-D2lXWsDp.js","assets/AnimatedSection-C7y4e9MO.js","assets/useCreatorHubDownload-CQ5sircD.js","assets/file-Cr_gl9BS.js","assets/url-DMbF6Zco.js","assets/index-mXhpN3cS.js","assets/useLatestGithubRelease-lPlpQBOj.js","assets/CTAButton-DIvER7jP.js","assets/CircularProgress-DMJbftwB.js","assets/Video-DF4ljNzn.js","assets/index-DNCSZ9Ly.js","assets/Carousel-Bz36sWAV.js","assets/index-CM-Dg90Z.js","assets/index-D7GZzk0M.js","assets/index-ezM_J58e.js","assets/index-DRcrw7Py.js","assets/CircleAndArrow-DDOq4aRv.js"])))=>i.map(i=>d[i]);
-import{j as t,s as r,a as p,v as k,X as I,W as C,M as E,w as A,U as f,ad as b,o as d}from"./index-DaRevScO.js";import{r as a}from"./vendor-router-D_36sTKu.js";import{u as T,D as L,A as P,a as W,b as _,c as S}from"./useCreatorHubDownload-CQ5sircD.js";import{C as w}from"./CTAButton-DIvER7jP.js";import{V as v}from"./Video-DF4ljNzn.js";const D=100,N=D*10;function j(e,{wordLength:n,listLength:i}){return e.action==="write"?e.letterPos===n-1?{...e,action:"erase"}:{...e,letterPos:e.letterPos+1}:e.letterPos===0?{letterPos:0,wordIndex:(e.wordIndex+1)%i,action:"write"}:{...e,letterPos:e.letterPos-1}}function M(e){const[n,i]=a.useReducer(j,{letterPos:0,wordIndex:0,action:"write"}),l=a.useRef(),c=e[n.wordIndex].length,u=n.letterPos===c-1;return a.useEffect(()=>(clearTimeout(l.current),l.current=setTimeout(()=>i({type:"tick",wordLength:c,listLength:e.length}),u?N:D),()=>clearTimeout(l.current)),[n,c,e.length,u]),a.useMemo(()=>e[n.wordIndex].slice(0,n.letterPos+1),[n.letterPos,n.wordIndex,e])}const o={titleFirstLine:"Create your own",changingWords:["Wearables","Emotes","Worlds","Experiences","Scenes","Games"],titleLastLine:"in Decentraland",subtitle:"Download the Creator Hub to start building immersive scenes and interactive experiences in Decentraland.",imageLandscape:{url:"https://images.ctfassets.net/ea2ybdmmn1kv/3fZB29mbYNJdp7sv1y2SJ2/108e55d6d3e23cd11e7d75563d81caf5/hero.webp"},videoLandscape:{url:"https://videos.ctfassets.net/ea2ybdmmn1kv/5ELJfyKfvgJMlWi3QXzyt7/28d4d5202e965c08eabc3f9efcf329ea/hero-desktop.mp4",width:960,height:540},imagePortrait:{url:"https://images.ctfassets.net/ea2ybdmmn1kv/1nUkaxckVENfmyQduvC9Rm/9304ddbd82bba15c44ea698be0fadfa8/hero-mobile.webp"},videoPortrait:{url:"https://videos.ctfassets.net/ea2ybdmmn1kv/35QAhVRDvfhcDjRbCquYKT/459f381b4445fb5b44b140b2fc4ff80a/hero_mobile.mp4",width:195,height:330}},re=[{id:"join",title:"Join a Community of Creators",description:"Share knowledge, collaborate, and build relationships in a community of artists, designers, and developers where you can see your work appreciated everyday.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/2l0VUCaHXFG7NwltyZ1nWA/a6e18252e09a9916e8d735f098ef452a/Image_1.png"},{id:"create",title:"Create in an Open, Decentralized Ecosystem",description:"Retain full control over your content on a platform that's governed by its users and build side-by-side with other creators in an open virtual world ready to be explored.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/77yzgLkg2oQ7GAZLPtEAwY/64a8d2741a6e3f1f90b15636c4d37638/Image_2.png"},{id:"benefit",title:"Benefit from a Creator-Centric Economy",description:"Decentraland is owned by its users, so you keep 97.5% of Marketplace sales while the rest funds community grants for creators like you. Plus, you'll get 2.5% royalties on resales.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3iCBvRrzEtgD7LT8PYxMZn/2f5fba37f044d426d24e25ce33dc1f9c/Image_3.png"}],ie=[{id:"design-unique-wearables",title:"Design Unique Wearables",description:"In Decentraland, Wearables go beyond clothing. Think floating elements, glowing fabrics, robot prosthetics, alien bodies—anything is possible!",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3Cu7b7wDmHMxdlnV1kPIHK/af575947c309275575ee1f456042596a/PNG_1.png",imageBackground:"https://images.ctfassets.net/ea2ybdmmn1kv/5tQ56AeW3FWfsnDIgIr1ix/1ff51b5358a8ddf13a4bb4bddaf36601/BG_1.png",tab1:{title:"Regular",descriptionTitle:"Shape Your Digital Identity",descriptionSubTitle:"Craft the skins, clothes, accessories, and bodies that provide the Decentraland community with endless options to customize their digital identities.",skills:["3D MODELING","IMAGINATIVE FASHION SENSE"],links:[{label:"Creating Wearables",url:"https://docs.decentraland.org/creator/wearables/creating-wearables/"},{label:"Wearables in the Marketplace",url:"https://decentraland.org/marketplace/browse?section=wearables&vendor=decentraland&page=1&sortBy=newest&status=on_sale"},{label:"Publishing Wearables",url:"https://docs.decentraland.org/creator/wearables/publishing-collections/"},{label:"Wearable Tutorials",url:"https://www.youtube.com/watch?v=zl43Fw7zROQ&list=PLEl6fe1igtKBFDcxaC64Uxamo7kQUi5mf&pp=iAQB"}]},tab2:{title:"Smart Wearables",descriptionTitle:"Experiences & Fashion Combined",descriptionSubTitle:"Want to create a jet pack that lets you fly or glasses that reveal a secret world? Tie Portable Experiences to Wearables, for a whole new realm of possibilities.",skills:["ANIMATION","IMAGINATIVE FASHION SENSE","3D MODELING","TYPESCRIPT"],links:[{label:"Portable Experience Docs",url:"https://docs.decentraland.org/creator/development-guide/sdk7/portable-experiences/"},{label:"SDK 7 Docs",url:"https://docs.decentraland.org/creator/development-guide/sdk7/sdk-101/"},{label:"Smart Wearables Docs",url:"https://docs.decentraland.org/creator/development-guide/sdk7/smart-wearables/"},{label:"Smart Wearables in the Marketplace",url:"https://decentraland.org/marketplace/browse?assetType=item&section=wearables&vendor=decentraland&page=1&sortBy=newest&status=on_sale&onlySmart=true"}]}},{id:"animate-expressive-emotes",title:"Animate Expressive Emotes",description:"Create the avatar animations that allow Decentraland's community to form connections, share emotions, and participate in endless fun activities.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/5TILWmR3rrA6K2DMTrPwXx/aeafb6cfc8fd3ef829833c41fb4cda16/PNG_2.png",imageBackground:"https://images.ctfassets.net/ea2ybdmmn1kv/26Oa8X59NGyCSnL2j2Tvrw/091c890f8a5bfcdf8878a3c09c1268ae/BG_2.png",tab1:{title:"More than Motion",descriptionTitle:"More than Motion",descriptionSubTitle:"Surpassing simple animations, in Decentraland, Emotes take expression to the next level with the option of adding props and sounds!",skills:["TYPESCRIPT","3D MODELING","ANIMATION"],links:[{label:"Creating Emotes",url:"https://docs.decentraland.org/creator/emotes/creating-and-exporting-emotes/"},{label:"Emote Tutorials",url:"https://www.youtube.com/watch?v=-iWslh4uQIk&list=PLAcRraQmr_GN8LcnnQk2BByo9L2Orvp9c&pp=iAQB"},{label:"Publishing Emotes",url:"https://docs.decentraland.org/creator/wearables/publishing-collections/"},{label:"Emotes in the Marketplace",url:"https://decentraland.org/marketplace/browse?assetType=item&section=emotes&vendor=decentraland&page=1&sortBy=newest&status=on_sale"}]}},{id:"craft-immersive-experiences",title:"Craft Immersive Experiences",description:"Construct captivating scenes, interactive experiences, and games in an open-world ecosystem. Claim your own World or rent/buy LAND to start building.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3JXtpqW33ILyBYzrpzykKl/f246d9529cbbc4d033c271cd02d4376b/PNG_3.png",imageBackground:"https://images.ctfassets.net/ea2ybdmmn1kv/5E9WJJcBi3qeuqqetuleeT/6308247b5ca650adf34aaec41d7e7182/BG_3.png",tab1:{title:"Basic",descriptionTitle:"Ideal for Beginners",descriptionSubTitle:"Drag and drop pre-made elements into place to create your dream scene or start with a scene template and customize the details to make it your own.",skills:["ABILITY TO CLICK A MOUSE","OVERACTIVE IMAGINATION"],links:[{label:"Explore Places",url:"https://decentraland.org/places/"},{label:"Download Creator Hub",url:"https://decentraland.org/download/creator-hub"},{label:"Building Tutorials",url:"https://www.youtube.com/watch?v=wm8ZD2kSyKA&list=PLAcRraQmr_GPrMmQekqbMWhyBxo3lXs8p&pp=iAQB"},{label:"Worlds Essential Guide",url:"https://decentraland.org/blog/about-decentraland/decentraland-worlds-your-own-virtual-space"}]},tab2:{title:"Advanced",descriptionTitle:"Complete Control Over Your Creations",descriptionSubTitle:"Transform your ideas to reality with Decentraland's SDK 7. Craft anything you can imagine, from complex scenes and interactive experiences to fully fledged games.",skills:["TYPESCRIPT","3D MODELING","ANIMATION"],links:[{label:"Open Source Resources & Templates",url:"https://studios.decentraland.org/resources"},{label:"Download Creator Hub",url:"https://decentraland.org/download/creator-hub"},{label:"Building Docs",url:"https://docs.decentraland.org/creator/development-guide/sdk7/sdk-101/"},{label:"Building Tutorials",url:"https://www.youtube.com/watch?v=wm8ZD2kSyKA&list=PLAcRraQmr_GPrMmQekqbMWhyBxo3lXs8p&pp=iAQB"}]}}],le=[{id:"mrdhingia",name:"MrDhingia",description:"I love being a DCL creator because it lets me freely create cool 3D spaces. It's great to work with others, learn new things, and monetize my content, reaching people worldwide.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/7w2syTuMGjA3VCJZ78YK8q/1a37abd7658ba66e16f1c8d7d4a28333/dhingia.png",url:"https://x.com/MrDhingia"},{id:"canessa",name:"Canessa",description:"I think having unique Emotes is a way of making your avatar another form of yourself. I made myself a unique Emote so I could always have a special greeting [distinct from the standard animations everyone uses] for my friends.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3ugHhjVpg2TJRKpGrE5HJO/2c267463b5cab7923fedcd2a8912c17e/anessa.png"},{id:"polygonal-mind",name:"Polygonal Mind",description:"Decentraland evolves almost every day on a technical level, but also on a community level. Newcomers come into the platform with new ideas that make the whole platform spin to accommodate them. It is very exciting to see the change in real time.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/2A10uagc69WkV4Put4Je8K/b5f7d12193e3e7bc6c126c8b1cf574b9/polygonal.png"},{id:"tangpoko",name:"TangPoko",description:"There is a lot of gratification in creating Wearables and Emotes in Decentraland when you see everyone around you wearing and using them!",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3VUTEOy199FdbePR0n4v9h/2011425bade058c0b6ceeda046bbc71c/tang.png"},{id:"nikki-fuego",name:"Nikki Fuego",description:"My whole life I've been a gamer and the one thing I've always wanted from games was ultimate customization with my character's wearables. [In Decentraland,] that fantasy became a reality.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/1qNFtMuqQ6NUgVFZxqIMWO/53a6bd692059f897f8df5a99c9570ecf/Nikki.png"}],ce=[{id:"isamazing",title:"Emote Workshop | Create Great Animations",name:"Isamazing",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/1JsJlPSMTiDHxWvNbLcTUb/c3ae0654ff66da80a99a52334a3caf01/isa.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/6b8IV5K8BUFIi6AyA1h6uI/e2dd6add08d9b0a77c12d65131f0b42c/5PEF2pwZxtY-HQ.jpg",url:"https://youtu.be/5PEF2pwZxtY?list=PLAcRraQmr_GN8LcnnQk2BByo9L2Orvp9c",date:"January 30, 2024"},{id:"kjwalker",title:"Making Skins | Creating Wearables",name:"KJWalker",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/6pjOW45mmmYy5DkaoOsYLB/02b30670a4d63e32845d89d6ad063fe5/kj.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3BYsoFQ1UEbmjVPIDNMdIU/f9a89d99a91741da24010d68030d323e/zx2CBy3pPfo-HQ.jpg",url:"https://www.youtube.com/watch?v=zx2CBy3pPfo",date:"January 31, 2024"},{id:"nicoe",title:"Creating Scenes | SDK 7 and Smart Items",name:"NicoE",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/1HxP6difHgjUlzACC0Nha2/7c75d6c74da5171584072eadefd3b961/nico.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/6gjVuKeWBh76Pe6UyiAZzt/29ffb9ad320ca075e2c04ad34464f9c4/J_EO1LZkaiA-HQ.jpg",url:"https://www.youtube.com/watch?v=J_EO1LZkaiA&list=PLAcRraQmr_GP_K8WN7csnKnImK4R2TgMA&index=6&ab_channel=Decentraland",date:"January 31, 2024"},{id:"sango",title:"How to Make a Wearable | Workshop Series",name:"Sango",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/4AVvwN5SFyRJu9zEFt2qJF/fd883eb27e429351a619d6fef963f9cb/sango.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/5ky9e2oglx9xmfLRC6uhzY/c04eee263099cccb99245c3d9b7808c3/zl43Fw7zROQ-SD.jpg",url:"https://youtu.be/zl43Fw7zROQ?list=PLEl6fe1igtKBFDcxaC64Uxamo7kQUi5mf",date:"January 24, 2024"},{id:"sinful",title:"Publishing Wearables & Emotes",name:"Sinful",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/16eJcvU74UY7k3KXZoI5AD/a8578a20da16d755c95815f6daed072a/Screenshot_2024-01-31_130003.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/5EI8frG7fYxMRGbgm92TPC/a69b8d39cb44e88640c44b0cdaa8373f/vY7IYksmC2M-HQ.jpg",url:"https://www.youtube.com/watch?v=vY7IYksmC2M",date:"January 31, 2024"}],de=[{question:"What is Decentraland?",answer:"Launched in 2020, Decentraland is a virtual social world, the first decentralized metaverse, and the only one that is open source. Within the Decentraland platform, which can run on a browser or desktop app, users can create, experience, and monetize content and applications as well as socialize and attend a wide range of daily, community-driven events. Decentraland is unique in that it is owned, created, and governed by the people who use it every day. Through Decentraland's decentralized autonomous organization (DAO) users can submit and vote on proposals and even apply for grants for the community to vote on."},{question:"What can I create in Decentraland?",answer:`It would be easier to ask what you can't create in Decentraland! As a virtual world created by its users, in Decentraland you can create just about everything.
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-DKVTiJAQ.js","assets/index-Cjx-6-Fc.js","assets/vendor-router-D_36sTKu.js","assets/vendor-sentry-BSvWNK4f.js","assets/vendor-crypto-uuuQA3i5.js","assets/vendor-schemas-DJzTSxpO.js","assets/vendor-ua-D7qqAxdq.js","assets/vendor-intl-D2lXWsDp.js","assets/AnimatedSection-DcOoZ95V.js","assets/useCreatorHubDownload-DKX_IEAb.js","assets/file-Cr_gl9BS.js","assets/url-N3MWyY77.js","assets/index-ixBvnV4g.js","assets/useLatestGithubRelease-lPlpQBOj.js","assets/CTAButton-BrHntZLo.js","assets/CircularProgress-Bi5r1ZmM.js","assets/Video-CuR4cgxQ.js","assets/index-DO6Sw93x.js","assets/Carousel-DvX_HfdZ.js","assets/index-Bi70CJ5H.js","assets/index-DA6agk-w.js","assets/index-BmfSApNy.js","assets/index-CVkIGuJf.js","assets/CircleAndArrow-5tP5OYot.js"])))=>i.map(i=>d[i]);
+import{j as t,s as r,a as p,v as k,X as I,W as C,M as E,w as A,U as f,ad as b,o as d}from"./index-Cjx-6-Fc.js";import{r as a}from"./vendor-router-D_36sTKu.js";import{u as T,D as L,A as P,a as W,b as _,c as S}from"./useCreatorHubDownload-DKX_IEAb.js";import{C as w}from"./CTAButton-BrHntZLo.js";import{V as v}from"./Video-CuR4cgxQ.js";const D=100,N=D*10;function j(e,{wordLength:n,listLength:i}){return e.action==="write"?e.letterPos===n-1?{...e,action:"erase"}:{...e,letterPos:e.letterPos+1}:e.letterPos===0?{letterPos:0,wordIndex:(e.wordIndex+1)%i,action:"write"}:{...e,letterPos:e.letterPos-1}}function M(e){const[n,i]=a.useReducer(j,{letterPos:0,wordIndex:0,action:"write"}),l=a.useRef(),c=e[n.wordIndex].length,u=n.letterPos===c-1;return a.useEffect(()=>(clearTimeout(l.current),l.current=setTimeout(()=>i({type:"tick",wordLength:c,listLength:e.length}),u?N:D),()=>clearTimeout(l.current)),[n,c,e.length,u]),a.useMemo(()=>e[n.wordIndex].slice(0,n.letterPos+1),[n.letterPos,n.wordIndex,e])}const o={titleFirstLine:"Create your own",changingWords:["Wearables","Emotes","Worlds","Experiences","Scenes","Games"],titleLastLine:"in Decentraland",subtitle:"Download the Creator Hub to start building immersive scenes and interactive experiences in Decentraland.",imageLandscape:{url:"https://images.ctfassets.net/ea2ybdmmn1kv/3fZB29mbYNJdp7sv1y2SJ2/108e55d6d3e23cd11e7d75563d81caf5/hero.webp"},videoLandscape:{url:"https://videos.ctfassets.net/ea2ybdmmn1kv/5ELJfyKfvgJMlWi3QXzyt7/28d4d5202e965c08eabc3f9efcf329ea/hero-desktop.mp4",width:960,height:540},imagePortrait:{url:"https://images.ctfassets.net/ea2ybdmmn1kv/1nUkaxckVENfmyQduvC9Rm/9304ddbd82bba15c44ea698be0fadfa8/hero-mobile.webp"},videoPortrait:{url:"https://videos.ctfassets.net/ea2ybdmmn1kv/35QAhVRDvfhcDjRbCquYKT/459f381b4445fb5b44b140b2fc4ff80a/hero_mobile.mp4",width:195,height:330}},re=[{id:"join",title:"Join a Community of Creators",description:"Share knowledge, collaborate, and build relationships in a community of artists, designers, and developers where you can see your work appreciated everyday.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/2l0VUCaHXFG7NwltyZ1nWA/a6e18252e09a9916e8d735f098ef452a/Image_1.png"},{id:"create",title:"Create in an Open, Decentralized Ecosystem",description:"Retain full control over your content on a platform that's governed by its users and build side-by-side with other creators in an open virtual world ready to be explored.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/77yzgLkg2oQ7GAZLPtEAwY/64a8d2741a6e3f1f90b15636c4d37638/Image_2.png"},{id:"benefit",title:"Benefit from a Creator-Centric Economy",description:"Decentraland is owned by its users, so you keep 97.5% of Marketplace sales while the rest funds community grants for creators like you. Plus, you'll get 2.5% royalties on resales.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3iCBvRrzEtgD7LT8PYxMZn/2f5fba37f044d426d24e25ce33dc1f9c/Image_3.png"}],ie=[{id:"design-unique-wearables",title:"Design Unique Wearables",description:"In Decentraland, Wearables go beyond clothing. Think floating elements, glowing fabrics, robot prosthetics, alien bodies—anything is possible!",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3Cu7b7wDmHMxdlnV1kPIHK/af575947c309275575ee1f456042596a/PNG_1.png",imageBackground:"https://images.ctfassets.net/ea2ybdmmn1kv/5tQ56AeW3FWfsnDIgIr1ix/1ff51b5358a8ddf13a4bb4bddaf36601/BG_1.png",tab1:{title:"Regular",descriptionTitle:"Shape Your Digital Identity",descriptionSubTitle:"Craft the skins, clothes, accessories, and bodies that provide the Decentraland community with endless options to customize their digital identities.",skills:["3D MODELING","IMAGINATIVE FASHION SENSE"],links:[{label:"Creating Wearables",url:"https://docs.decentraland.org/creator/wearables/creating-wearables/"},{label:"Wearables in the Marketplace",url:"https://decentraland.org/marketplace/browse?section=wearables&vendor=decentraland&page=1&sortBy=newest&status=on_sale"},{label:"Publishing Wearables",url:"https://docs.decentraland.org/creator/wearables/publishing-collections/"},{label:"Wearable Tutorials",url:"https://www.youtube.com/watch?v=zl43Fw7zROQ&list=PLEl6fe1igtKBFDcxaC64Uxamo7kQUi5mf&pp=iAQB"}]},tab2:{title:"Smart Wearables",descriptionTitle:"Experiences & Fashion Combined",descriptionSubTitle:"Want to create a jet pack that lets you fly or glasses that reveal a secret world? Tie Portable Experiences to Wearables, for a whole new realm of possibilities.",skills:["ANIMATION","IMAGINATIVE FASHION SENSE","3D MODELING","TYPESCRIPT"],links:[{label:"Portable Experience Docs",url:"https://docs.decentraland.org/creator/development-guide/sdk7/portable-experiences/"},{label:"SDK 7 Docs",url:"https://docs.decentraland.org/creator/development-guide/sdk7/sdk-101/"},{label:"Smart Wearables Docs",url:"https://docs.decentraland.org/creator/development-guide/sdk7/smart-wearables/"},{label:"Smart Wearables in the Marketplace",url:"https://decentraland.org/marketplace/browse?assetType=item&section=wearables&vendor=decentraland&page=1&sortBy=newest&status=on_sale&onlySmart=true"}]}},{id:"animate-expressive-emotes",title:"Animate Expressive Emotes",description:"Create the avatar animations that allow Decentraland's community to form connections, share emotions, and participate in endless fun activities.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/5TILWmR3rrA6K2DMTrPwXx/aeafb6cfc8fd3ef829833c41fb4cda16/PNG_2.png",imageBackground:"https://images.ctfassets.net/ea2ybdmmn1kv/26Oa8X59NGyCSnL2j2Tvrw/091c890f8a5bfcdf8878a3c09c1268ae/BG_2.png",tab1:{title:"More than Motion",descriptionTitle:"More than Motion",descriptionSubTitle:"Surpassing simple animations, in Decentraland, Emotes take expression to the next level with the option of adding props and sounds!",skills:["TYPESCRIPT","3D MODELING","ANIMATION"],links:[{label:"Creating Emotes",url:"https://docs.decentraland.org/creator/emotes/creating-and-exporting-emotes/"},{label:"Emote Tutorials",url:"https://www.youtube.com/watch?v=-iWslh4uQIk&list=PLAcRraQmr_GN8LcnnQk2BByo9L2Orvp9c&pp=iAQB"},{label:"Publishing Emotes",url:"https://docs.decentraland.org/creator/wearables/publishing-collections/"},{label:"Emotes in the Marketplace",url:"https://decentraland.org/marketplace/browse?assetType=item&section=emotes&vendor=decentraland&page=1&sortBy=newest&status=on_sale"}]}},{id:"craft-immersive-experiences",title:"Craft Immersive Experiences",description:"Construct captivating scenes, interactive experiences, and games in an open-world ecosystem. Claim your own World or rent/buy LAND to start building.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3JXtpqW33ILyBYzrpzykKl/f246d9529cbbc4d033c271cd02d4376b/PNG_3.png",imageBackground:"https://images.ctfassets.net/ea2ybdmmn1kv/5E9WJJcBi3qeuqqetuleeT/6308247b5ca650adf34aaec41d7e7182/BG_3.png",tab1:{title:"Basic",descriptionTitle:"Ideal for Beginners",descriptionSubTitle:"Drag and drop pre-made elements into place to create your dream scene or start with a scene template and customize the details to make it your own.",skills:["ABILITY TO CLICK A MOUSE","OVERACTIVE IMAGINATION"],links:[{label:"Explore Places",url:"https://decentraland.org/places/"},{label:"Download Creator Hub",url:"https://decentraland.org/download/creator-hub"},{label:"Building Tutorials",url:"https://www.youtube.com/watch?v=wm8ZD2kSyKA&list=PLAcRraQmr_GPrMmQekqbMWhyBxo3lXs8p&pp=iAQB"},{label:"Worlds Essential Guide",url:"https://decentraland.org/blog/about-decentraland/decentraland-worlds-your-own-virtual-space"}]},tab2:{title:"Advanced",descriptionTitle:"Complete Control Over Your Creations",descriptionSubTitle:"Transform your ideas to reality with Decentraland's SDK 7. Craft anything you can imagine, from complex scenes and interactive experiences to fully fledged games.",skills:["TYPESCRIPT","3D MODELING","ANIMATION"],links:[{label:"Open Source Resources & Templates",url:"https://studios.decentraland.org/resources"},{label:"Download Creator Hub",url:"https://decentraland.org/download/creator-hub"},{label:"Building Docs",url:"https://docs.decentraland.org/creator/development-guide/sdk7/sdk-101/"},{label:"Building Tutorials",url:"https://www.youtube.com/watch?v=wm8ZD2kSyKA&list=PLAcRraQmr_GPrMmQekqbMWhyBxo3lXs8p&pp=iAQB"}]}}],le=[{id:"mrdhingia",name:"MrDhingia",description:"I love being a DCL creator because it lets me freely create cool 3D spaces. It's great to work with others, learn new things, and monetize my content, reaching people worldwide.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/7w2syTuMGjA3VCJZ78YK8q/1a37abd7658ba66e16f1c8d7d4a28333/dhingia.png",url:"https://x.com/MrDhingia"},{id:"canessa",name:"Canessa",description:"I think having unique Emotes is a way of making your avatar another form of yourself. I made myself a unique Emote so I could always have a special greeting [distinct from the standard animations everyone uses] for my friends.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3ugHhjVpg2TJRKpGrE5HJO/2c267463b5cab7923fedcd2a8912c17e/anessa.png"},{id:"polygonal-mind",name:"Polygonal Mind",description:"Decentraland evolves almost every day on a technical level, but also on a community level. Newcomers come into the platform with new ideas that make the whole platform spin to accommodate them. It is very exciting to see the change in real time.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/2A10uagc69WkV4Put4Je8K/b5f7d12193e3e7bc6c126c8b1cf574b9/polygonal.png"},{id:"tangpoko",name:"TangPoko",description:"There is a lot of gratification in creating Wearables and Emotes in Decentraland when you see everyone around you wearing and using them!",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3VUTEOy199FdbePR0n4v9h/2011425bade058c0b6ceeda046bbc71c/tang.png"},{id:"nikki-fuego",name:"Nikki Fuego",description:"My whole life I've been a gamer and the one thing I've always wanted from games was ultimate customization with my character's wearables. [In Decentraland,] that fantasy became a reality.",image:"https://images.ctfassets.net/ea2ybdmmn1kv/1qNFtMuqQ6NUgVFZxqIMWO/53a6bd692059f897f8df5a99c9570ecf/Nikki.png"}],ce=[{id:"isamazing",title:"Emote Workshop | Create Great Animations",name:"Isamazing",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/1JsJlPSMTiDHxWvNbLcTUb/c3ae0654ff66da80a99a52334a3caf01/isa.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/6b8IV5K8BUFIi6AyA1h6uI/e2dd6add08d9b0a77c12d65131f0b42c/5PEF2pwZxtY-HQ.jpg",url:"https://youtu.be/5PEF2pwZxtY?list=PLAcRraQmr_GN8LcnnQk2BByo9L2Orvp9c",date:"January 30, 2024"},{id:"kjwalker",title:"Making Skins | Creating Wearables",name:"KJWalker",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/6pjOW45mmmYy5DkaoOsYLB/02b30670a4d63e32845d89d6ad063fe5/kj.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/3BYsoFQ1UEbmjVPIDNMdIU/f9a89d99a91741da24010d68030d323e/zx2CBy3pPfo-HQ.jpg",url:"https://www.youtube.com/watch?v=zx2CBy3pPfo",date:"January 31, 2024"},{id:"nicoe",title:"Creating Scenes | SDK 7 and Smart Items",name:"NicoE",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/1HxP6difHgjUlzACC0Nha2/7c75d6c74da5171584072eadefd3b961/nico.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/6gjVuKeWBh76Pe6UyiAZzt/29ffb9ad320ca075e2c04ad34464f9c4/J_EO1LZkaiA-HQ.jpg",url:"https://www.youtube.com/watch?v=J_EO1LZkaiA&list=PLAcRraQmr_GP_K8WN7csnKnImK4R2TgMA&index=6&ab_channel=Decentraland",date:"January 31, 2024"},{id:"sango",title:"How to Make a Wearable | Workshop Series",name:"Sango",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/4AVvwN5SFyRJu9zEFt2qJF/fd883eb27e429351a619d6fef963f9cb/sango.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/5ky9e2oglx9xmfLRC6uhzY/c04eee263099cccb99245c3d9b7808c3/zl43Fw7zROQ-SD.jpg",url:"https://youtu.be/zl43Fw7zROQ?list=PLEl6fe1igtKBFDcxaC64Uxamo7kQUi5mf",date:"January 24, 2024"},{id:"sinful",title:"Publishing Wearables & Emotes",name:"Sinful",userImage:"https://images.ctfassets.net/ea2ybdmmn1kv/16eJcvU74UY7k3KXZoI5AD/a8578a20da16d755c95815f6daed072a/Screenshot_2024-01-31_130003.png",image:"https://images.ctfassets.net/ea2ybdmmn1kv/5EI8frG7fYxMRGbgm92TPC/a69b8d39cb44e88640c44b0cdaa8373f/vY7IYksmC2M-HQ.jpg",url:"https://www.youtube.com/watch?v=vY7IYksmC2M",date:"January 31, 2024"}],de=[{question:"What is Decentraland?",answer:"Launched in 2020, Decentraland is a virtual social world, the first decentralized metaverse, and the only one that is open source. Within the Decentraland platform, which can run on a browser or desktop app, users can create, experience, and monetize content and applications as well as socialize and attend a wide range of daily, community-driven events. Decentraland is unique in that it is owned, created, and governed by the people who use it every day. Through Decentraland's decentralized autonomous organization (DAO) users can submit and vote on proposals and even apply for grants for the community to vote on."},{question:"What can I create in Decentraland?",answer:`It would be easier to ask what you can't create in Decentraland! As a virtual world created by its users, in Decentraland you can create just about everything.
 Decentraland Creators make all the components that go into crafting a digital identity, such as Wearables (this can include whole skins, body parts, articles of clothing, hair styles, accessories, etc.) as well as Emotes, animations for your avatar which can include props and sounds in addition to movement.
 The landscape and activities of Decentraland are also all shaped by creators. Walking through Decentraland's Genesis City, you can explore a variety of content from different creators, built side-by-side: art galleries, theaters, gardens, night clubs, racetracks, casinos, entire game experiences, and more can be explored and created by everyone! To start building, download Decentraland's Creator Hub.`},{question:"How do I become a Decentraland creator?",answer:`Anyone can be a Decentraland creator, all it takes is a little knowhow and endless creative ideas! Depending on what you want to create, the knowledge you need to know differs. If you just want to create cool virtual scenes for yourself or to host events, and learning programming and 3D modeling isn't in your plans, then you can get started creating scenes right away by downloading Decentraland's Creator Hub.
@@ -25,4 +25,4 @@ If you want to build an experience that benefits the community, but need the res
 As for owning a digital wallet, if you don't already have one, you don't need to get one yourself if you don't want to. When you sign-in to Decentraland for the first time-creating your account-a digital wallet will be created for you behind the scenes, it's as simple as that!
-This digital wallet is part of your Decentraland account and is used to store any digital assets you acquire, such as free Wearables you might claim in-world or a fun Emote you purchase in the Marketplace.`}],ue=["3D MODELING","CREATIVE DIRECTION","LAND RENTAL","LINKED WEARABLES","VENUE RENTAL","ADVERTISING","EMOTE DESIGN","ENTERTAINMENT","PROGRAMMING","WEARABLE DESIGN"],O=r("svg",{shouldForwardProp:e=>e!=="dark"})(({dark:e})=>({fill:e?"#a09ba8":"#fff",cursor:"pointer"})),R=a.memo(e=>{const{dark:n,...i}=e;return t.jsx(O,{...i,dark:n,xmlns:"http://www.w3.org/2000/svg",width:"21",height:"14",viewBox:"0 0 21 14",fill:"none",children:t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.585815 3.41424L3.41424 0.585815L10.5 7.6716L17.5858 0.585815L20.4142 3.41424L10.5 13.3285L0.585815 3.41424Z"})})}),B=r("section")({height:"calc(90vh - 96px)",width:"100%",position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:92,overflow:"hidden"}),z=r(p)({position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:0,"& video, & .hero-bg-image":{width:"100%",height:"100%",objectFit:"cover",objectPosition:"center"}}),G=r(p)(({theme:e})=>({position:"relative",zIndex:1,display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",maxWidth:739,padding:`0 ${e.spacing(4)}`,[e.breakpoints.down("sm")]:{maxWidth:"100%"}})),F=r(k)(({theme:e})=>({fontSize:64,fontWeight:700,letterSpacing:"-1.28px",lineHeight:"normal",marginBottom:e.spacing(5.5),color:"#fff","& span":{background:"linear-gradient(287deg, #ff2d55 5.21%, #ffbc5b 56.5%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},[e.breakpoints.down("sm")]:{fontSize:48,letterSpacing:"-0.8px",marginBottom:e.spacing(4)}})),H=r(k)(({theme:e})=>({fontSize:24,fontWeight:500,lineHeight:"32px",marginBottom:e.spacing(8.5),color:"#fff",[e.breakpoints.down("sm")]:{fontSize:20,lineHeight:"30px",fontWeight:400,marginBottom:e.spacing(8)}})),Y=r(p)({display:"flex",flexDirection:"column",alignItems:"center"}),Q=r(p)({display:"flex",alignItems:"center",justifyContent:"center",paddingTop:40,paddingBottom:32,"&:hover svg":{animation:"moveUpDown 1s linear infinite"},"@keyframes moveUpDown":{"0%":{transform:"translateY(0)"},"50%":{transform:"translateY(-10px)"},"100%":{transform:"translateY(0)"}}}),V="/download/creator-hub",q=a.memo(()=>{const e=I("(max-width: 767px)"),n=C(),i=M(o.changingWords),l=E(),c=A(),{isReady:u,primaryOption:m,secondaryOptions:h,handleDownload:g}=T(),x=n&&u;return t.jsxs(t.Fragment,{children:[t.jsxs(B,{children:[t.jsxs(z,{children:[!e&&t.jsx(v,{loop:!0,muted:!0,autoPlay:!0,playsInline:!0,width:o.videoLandscape.width,height:o.videoLandscape.height,poster:o.imageLandscape.url,source:o.videoLandscape.url}),e&&t.jsx(v,{loop:!0,muted:!0,autoPlay:!0,playsInline:!0,width:o.videoPortrait.width,height:o.videoPortrait.height,poster:o.imagePortrait.url,source:o.videoPortrait.url})]}),t.jsxs(G,{children:[t.jsxs(F,{children:[o.titleFirstLine,t.jsx("br",{}),t.jsx("span",{children:i}),t.jsx("br",{}),o.titleLastLine]}),t.jsx(H,{children:o.subtitle}),t.jsx(Y,{children:x&&m?.link?t.jsxs(t.Fragment,{children:[t.jsx(w,{href:m.link,onClick:s=>{s.preventDefault(),l(s),g(m)},event:b.DOWNLOAD,place:f.CREATORS_HERO,endIcon:t.jsx(L,{src:m.image,alt:""}),label:c("page.download.download_creator_hub"),isFullWidth:!1}),h.length>0&&t.jsxs(P,{children:[t.jsx(W,{children:c("page.creator-hub.download.also_available")}),h.map(s=>t.jsx(_,{onClick:y=>{y.preventDefault(),l(y),g(s)},children:t.jsx(S,{src:s.image,alt:s.text})},s.text))]})]}):t.jsx(w,{href:V,onClick:s=>{l(s)},event:b.DOWNLOAD,place:f.CREATORS_HERO,label:c("page.download.download_creator_hub"),isFullWidth:!1})})]})]}),t.jsx(Q,{children:t.jsx(R,{dark:!0})})]})}),U=a.lazy(()=>d(()=>import("./index-C_C2-CZT.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsWhy}))),J=a.lazy(()=>d(()=>import("./index-DNCSZ9Ly.js"),__vite__mapDeps([17,1,2,3,4,5,6,7,18,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsCreate}))),K=a.lazy(()=>d(()=>import("./index-CM-Dg90Z.js"),__vite__mapDeps([19,1,2,3,4,5,6,7,18,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsConnect}))),Z=a.lazy(()=>d(()=>import("./index-D7GZzk0M.js"),__vite__mapDeps([20,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsLearn}))),X=a.lazy(()=>d(()=>import("./index-ezM_J58e.js"),__vite__mapDeps([21,1,2,3,4,5,6,7,16,8,9,10,11,12,13,14,15])).then(e=>({default:e.CreatorsEarn}))),$=a.lazy(()=>d(()=>import("./index-DRcrw7Py.js"),__vite__mapDeps([22,1,2,3,4,5,6,7,23,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsFaqs}))),ee=a.memo(()=>t.jsxs(t.Fragment,{children:[t.jsx(q,{}),t.jsxs(a.Suspense,{fallback:null,children:[t.jsx(U,{}),t.jsx(J,{}),t.jsx(K,{}),t.jsx(Z,{}),t.jsx(X,{}),t.jsx($,{})]})]})),me=Object.freeze(Object.defineProperty({__proto__:null,CreatePage:ee},Symbol.toStringTag,{value:"Module"}));export{le as a,ie as c,ue as e,de as f,me as i,ce as l,re as w};
+This digital wallet is part of your Decentraland account and is used to store any digital assets you acquire, such as free Wearables you might claim in-world or a fun Emote you purchase in the Marketplace.`}],ue=["3D MODELING","CREATIVE DIRECTION","LAND RENTAL","LINKED WEARABLES","VENUE RENTAL","ADVERTISING","EMOTE DESIGN","ENTERTAINMENT","PROGRAMMING","WEARABLE DESIGN"],O=r("svg",{shouldForwardProp:e=>e!=="dark"})(({dark:e})=>({fill:e?"#a09ba8":"#fff",cursor:"pointer"})),R=a.memo(e=>{const{dark:n,...i}=e;return t.jsx(O,{...i,dark:n,xmlns:"http://www.w3.org/2000/svg",width:"21",height:"14",viewBox:"0 0 21 14",fill:"none",children:t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.585815 3.41424L3.41424 0.585815L10.5 7.6716L17.5858 0.585815L20.4142 3.41424L10.5 13.3285L0.585815 3.41424Z"})})}),B=r("section")({height:"calc(90vh - 96px)",width:"100%",position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:92,overflow:"hidden"}),z=r(p)({position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:0,"& video, & .hero-bg-image":{width:"100%",height:"100%",objectFit:"cover",objectPosition:"center"}}),G=r(p)(({theme:e})=>({position:"relative",zIndex:1,display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",maxWidth:739,padding:`0 ${e.spacing(4)}`,[e.breakpoints.down("sm")]:{maxWidth:"100%"}})),F=r(k)(({theme:e})=>({fontSize:64,fontWeight:700,letterSpacing:"-1.28px",lineHeight:"normal",marginBottom:e.spacing(5.5),color:"#fff","& span":{background:"linear-gradient(287deg, #ff2d55 5.21%, #ffbc5b 56.5%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},[e.breakpoints.down("sm")]:{fontSize:48,letterSpacing:"-0.8px",marginBottom:e.spacing(4)}})),H=r(k)(({theme:e})=>({fontSize:24,fontWeight:500,lineHeight:"32px",marginBottom:e.spacing(8.5),color:"#fff",[e.breakpoints.down("sm")]:{fontSize:20,lineHeight:"30px",fontWeight:400,marginBottom:e.spacing(8)}})),Y=r(p)({display:"flex",flexDirection:"column",alignItems:"center"}),Q=r(p)({display:"flex",alignItems:"center",justifyContent:"center",paddingTop:40,paddingBottom:32,"&:hover svg":{animation:"moveUpDown 1s linear infinite"},"@keyframes moveUpDown":{"0%":{transform:"translateY(0)"},"50%":{transform:"translateY(-10px)"},"100%":{transform:"translateY(0)"}}}),V="/download/creator-hub",q=a.memo(()=>{const e=I("(max-width: 767px)"),n=C(),i=M(o.changingWords),l=E(),c=A(),{isReady:u,primaryOption:m,secondaryOptions:h,handleDownload:g}=T(),x=n&&u;return t.jsxs(t.Fragment,{children:[t.jsxs(B,{children:[t.jsxs(z,{children:[!e&&t.jsx(v,{loop:!0,muted:!0,autoPlay:!0,playsInline:!0,width:o.videoLandscape.width,height:o.videoLandscape.height,poster:o.imageLandscape.url,source:o.videoLandscape.url}),e&&t.jsx(v,{loop:!0,muted:!0,autoPlay:!0,playsInline:!0,width:o.videoPortrait.width,height:o.videoPortrait.height,poster:o.imagePortrait.url,source:o.videoPortrait.url})]}),t.jsxs(G,{children:[t.jsxs(F,{children:[o.titleFirstLine,t.jsx("br",{}),t.jsx("span",{children:i}),t.jsx("br",{}),o.titleLastLine]}),t.jsx(H,{children:o.subtitle}),t.jsx(Y,{children:x&&m?.link?t.jsxs(t.Fragment,{children:[t.jsx(w,{href:m.link,onClick:s=>{s.preventDefault(),l(s),g(m)},event:b.DOWNLOAD,place:f.CREATORS_HERO,endIcon:t.jsx(L,{src:m.image,alt:""}),label:c("page.download.download_creator_hub"),isFullWidth:!1}),h.length>0&&t.jsxs(P,{children:[t.jsx(W,{children:c("page.creator-hub.download.also_available")}),h.map(s=>t.jsx(_,{onClick:y=>{y.preventDefault(),l(y),g(s)},children:t.jsx(S,{src:s.image,alt:s.text})},s.text))]})]}):t.jsx(w,{href:V,onClick:s=>{l(s)},event:b.DOWNLOAD,place:f.CREATORS_HERO,label:c("page.download.download_creator_hub"),isFullWidth:!1})})]})]}),t.jsx(Q,{children:t.jsx(R,{dark:!0})})]})}),U=a.lazy(()=>d(()=>import("./index-DKVTiJAQ.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsWhy}))),J=a.lazy(()=>d(()=>import("./index-DO6Sw93x.js"),__vite__mapDeps([17,1,2,3,4,5,6,7,18,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsCreate}))),K=a.lazy(()=>d(()=>import("./index-Bi70CJ5H.js"),__vite__mapDeps([19,1,2,3,4,5,6,7,18,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsConnect}))),Z=a.lazy(()=>d(()=>import("./index-DA6agk-w.js"),__vite__mapDeps([20,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsLearn}))),X=a.lazy(()=>d(()=>import("./index-BmfSApNy.js"),__vite__mapDeps([21,1,2,3,4,5,6,7,16,8,9,10,11,12,13,14,15])).then(e=>({default:e.CreatorsEarn}))),$=a.lazy(()=>d(()=>import("./index-CVkIGuJf.js"),__vite__mapDeps([22,1,2,3,4,5,6,7,23,9,10,11,12,13,14,15,16])).then(e=>({default:e.CreatorsFaqs}))),ee=a.memo(()=>t.jsxs(t.Fragment,{children:[t.jsx(q,{}),t.jsxs(a.Suspense,{fallback:null,children:[t.jsx(U,{}),t.jsx(J,{}),t.jsx(K,{}),t.jsx(Z,{}),t.jsx(X,{}),t.jsx($,{})]})]})),me=Object.freeze(Object.defineProperty({__proto__:null,CreatePage:ee},Symbol.toStringTag,{value:"Module"}));export{le as a,ie as c,ue as e,de as f,me as i,ce as l,re as w};

package/assets/{index-BqghIvCc.js.map → index-DTGLVE4U.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"mappings":"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","names":["DELAY","PAUSE_DELAY","typingReducer","state","wordLength","listLength","useTypingListEffect","list","dispatch","useReducer","timeoutRef","useRef","isAtEnd","useEffect","useMemo","heroData","whyCards","createCards","connectCards","learnCards","faqItems","earnSkills","StyledSvg","styled","prop","dark","Chevron","memo","props","rest","jsx","HeroSection","HeroBackground","Box","HeroContent","theme","HeroTitle","Typography","HeroSubtitle","HeroActions","ChevronContainer","CREATOR_HUB_DOWNLOAD_URL","CreatorsHero","isMobile","useMediaQuery","isDesktop","useDesktopMediaQuery","currentWord","trackClick","useTrackClick","l","useFormatMessage","isReady","primaryOption","secondaryOptions","handleDownload","useCreatorHubDownload","showDownloadOptions","jsxs","Fragment","Video","CTAButton","event","SegmentEvent","SectionViewedTrack","DownloadButtonImage","AlsoAvailableContainer","AlsoAvailableText","option","AlternativeIconButton","AlternativeButtonImage","CreatorsWhy","lazy","m","CreatorsCreate","CreatorsConnect","CreatorsLearn","CreatorsEarn","CreatorsFaqs","CreatePage","Suspense"],"ignoreList":[],"sources":["../../src/hooks/useTypingListEffect.ts","../../src/components/Create/data.ts","../../src/components/Create/Hero/Chevron.tsx","../../src/components/Create/Hero/Hero.styled.ts","../../src/components/Create/Hero/Hero.tsx","../../src/pages/create/CreatePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useReducer, useRef } from 'react'\n\nconst DELAY = 100\nconst PAUSE_DELAY = DELAY * 10\n\ntype TypingState = {\n letterPos: number\n wordIndex: number\n action: 'write' \| 'erase'\n}\n\ntype TypingAction = { type: 'tick'; wordLength: number; listLength: number }\n\nfunction typingReducer(state: TypingState, { wordLength, listLength }: TypingAction): TypingState {\n if (state.action === 'write') {\n if (state.letterPos === wordLength - 1) {\n return { ...state, action: 'erase' }\n }\n return { ...state, letterPos: state.letterPos + 1 }\n }\n\n if (state.letterPos === 0) {\n return {\n letterPos: 0,\n wordIndex: (state.wordIndex + 1) % listLength,\n action: 'write'\n }\n }\n\n return { ...state, letterPos: state.letterPos - 1 }\n}\n\nfunction useTypingListEffect(list: string[]) {\n const [state, dispatch] = useReducer(typingReducer, { letterPos: 0, wordIndex: 0, action: 'write' })\n const timeoutRef = useRef<ReturnType<typeof setTimeout>>()\n\n const wordLength = list[state.wordIndex].length\n const isAtEnd = state.letterPos === wordLength - 1\n\n useEffect(() => {\n clearTimeout(timeoutRef.current)\n timeoutRef.current = setTimeout(() => dispatch({ type: 'tick', wordLength, listLength: list.length }), isAtEnd ? PAUSE_DELAY : DELAY)\n return () => clearTimeout(timeoutRef.current)\n }, [state, wordLength, list.length, isAtEnd])\n\n return useMemo(() => list[state.wordIndex].slice(0, state.letterPos + 1), [state.letterPos, state.wordIndex, list])\n}\n\nexport { useTypingListEffect }\n","type MediaProps = {\n url: string\n width: number\n height: number\n}\n\ntype HeroData = {\n titleFirstLine: string\n changingWords: string[]\n titleLastLine: string\n subtitle: string\n imageLandscape: MediaProps\n videoLandscape: MediaProps & { mimeType: string }\n imagePortrait: MediaProps\n videoPortrait: MediaProps & { mimeType: string }\n}\n\ntype WhyCardData = {\n id: string\n title: string\n description: string\n image: string\n}\n\ntype CreateCardTab = {\n title: string\n descriptionTitle: string\n descriptionSubTitle: string\n skills: string[]\n links: { label: string; url: string }[]\n}\n\ntype CreateCardData = {\n id: string\n title: string\n description: string\n image: string\n imageBackground: string\n tab1: CreateCardTab\n tab2?: CreateCardTab\n}\n\ntype ConnectCardData = {\n id: string\n name: string\n description: string\n image: string\n url?: string\n}\n\ntype LearnCardData = {\n id: string\n title: string\n name: string\n userImage: string\n image: string\n url: string\n date: string\n}\n\ntype FaqData = {\n question: string\n answer: string\n}\n\nconst heroData: HeroData = {\n titleFirstLine: 'Create your own',\n changingWords: ['Wearables', 'Emotes', 'Worlds', 'Experiences', 'Scenes', 'Games'],\n titleLastLine: 'in Decentraland',\n subtitle: 'Download the Creator Hub to start building immersive scenes and interactive experiences in Decentraland.',\n imageLandscape: {\n url: 'https://images.ctfassets.net/ea2ybdmmn1kv/3fZB29mbYNJdp7sv1y2SJ2/108e55d6d3e23cd11e7d75563d81caf5/hero.webp',\n width: 960,\n height: 540\n },\n videoLandscape: {\n url: 'https://videos.ctfassets.net/ea2ybdmmn1kv/5ELJfyKfvgJMlWi3QXzyt7/28d4d5202e965c08eabc3f9efcf329ea/hero-desktop.mp4',\n mimeType: 'video/mp4',\n width: 960,\n height: 540\n },\n imagePortrait: {\n url: 'https://images.ctfassets.net/ea2ybdmmn1kv/1nUkaxckVENfmyQduvC9Rm/9304ddbd82bba15c44ea698be0fadfa8/hero-mobile.webp',\n width: 195,\n height: 330\n },\n videoPortrait: {\n url: 'https://videos.ctfassets.net/ea2ybdmmn1kv/35QAhVRDvfhcDjRbCquYKT/459f381b4445fb5b44b140b2fc4ff80a/hero_mobile.mp4',\n mimeType: 'video/mp4',\n width: 195,\n height: 330\n }\n}\n\nconst whyCards: WhyCardData[] = [\n {\n id: 'join',\n title: 'Join a Community of Creators',\n description:\n 'Share knowledge, collaborate, and build relationships in a community of artists, designers, and developers where you can see your work appreciated everyday.',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/2l0VUCaHXFG7NwltyZ1nWA/a6e18252e09a9916e8d735f098ef452a/Image_1.png'\n },\n {\n id: 'create',\n title: 'Create in an Open, Decentralized Ecosystem',\n description:\n \"Retain full control over your content on a platform that's governed by its users and build side-by-side with other creators in an open virtual world ready to be explored.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/77yzgLkg2oQ7GAZLPtEAwY/64a8d2741a6e3f1f90b15636c4d37638/Image_2.png'\n },\n {\n id: 'benefit',\n title: 'Benefit from a Creator-Centric Economy',\n description:\n \"Decentraland is owned by its users, so you keep 97.5% of Marketplace sales while the rest funds community grants for creators like you. Plus, you'll get 2.5% royalties on resales.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3iCBvRrzEtgD7LT8PYxMZn/2f5fba37f044d426d24e25ce33dc1f9c/Image_3.png'\n }\n]\n\nconst createCards: CreateCardData[] = [\n {\n id: 'design-unique-wearables',\n title: 'Design Unique Wearables',\n description:\n 'In Decentraland, Wearables go beyond clothing. Think floating elements, glowing fabrics, robot prosthetics, alien bodies—anything is possible!',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3Cu7b7wDmHMxdlnV1kPIHK/af575947c309275575ee1f456042596a/PNG_1.png',\n imageBackground: 'https://images.ctfassets.net/ea2ybdmmn1kv/5tQ56AeW3FWfsnDIgIr1ix/1ff51b5358a8ddf13a4bb4bddaf36601/BG_1.png',\n tab1: {\n title: 'Regular',\n descriptionTitle: 'Shape Your Digital Identity',\n descriptionSubTitle:\n 'Craft the skins, clothes, accessories, and bodies that provide the Decentraland community with endless options to customize their digital identities.',\n skills: ['3D MODELING', 'IMAGINATIVE FASHION SENSE'],\n links: [\n {\n label: 'Creating Wearables',\n url: 'https://docs.decentraland.org/creator/wearables/creating-wearables/'\n },\n {\n label: 'Wearables in the Marketplace',\n url: 'https://decentraland.org/marketplace/browse?section=wearables&vendor=decentraland&page=1&sortBy=newest&status=on_sale'\n },\n {\n label: 'Publishing Wearables',\n url: 'https://docs.decentraland.org/creator/wearables/publishing-collections/'\n },\n {\n label: 'Wearable Tutorials',\n url: 'https://www.youtube.com/watch?v=zl43Fw7zROQ&list=PLEl6fe1igtKBFDcxaC64Uxamo7kQUi5mf&pp=iAQB'\n }\n ]\n },\n tab2: {\n title: 'Smart Wearables',\n descriptionTitle: 'Experiences & Fashion Combined',\n descriptionSubTitle:\n 'Want to create a jet pack that lets you fly or glasses that reveal a secret world? Tie Portable Experiences to Wearables, for a whole new realm of possibilities.',\n skills: ['ANIMATION', 'IMAGINATIVE FASHION SENSE', '3D MODELING', 'TYPESCRIPT'],\n links: [\n {\n label: 'Portable Experience Docs',\n url: 'https://docs.decentraland.org/creator/development-guide/sdk7/portable-experiences/'\n },\n {\n label: 'SDK 7 Docs',\n url: 'https://docs.decentraland.org/creator/development-guide/sdk7/sdk-101/'\n },\n {\n label: 'Smart Wearables Docs',\n url: 'https://docs.decentraland.org/creator/development-guide/sdk7/smart-wearables/'\n },\n {\n label: 'Smart Wearables in the Marketplace',\n url: 'https://decentraland.org/marketplace/browse?assetType=item&section=wearables&vendor=decentraland&page=1&sortBy=newest&status=on_sale&onlySmart=true'\n }\n ]\n }\n },\n {\n id: 'animate-expressive-emotes',\n title: 'Animate Expressive Emotes',\n description:\n \"Create the avatar animations that allow Decentraland's community to form connections, share emotions, and participate in endless fun activities.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/5TILWmR3rrA6K2DMTrPwXx/aeafb6cfc8fd3ef829833c41fb4cda16/PNG_2.png',\n imageBackground: 'https://images.ctfassets.net/ea2ybdmmn1kv/26Oa8X59NGyCSnL2j2Tvrw/091c890f8a5bfcdf8878a3c09c1268ae/BG_2.png',\n tab1: {\n title: 'More than Motion',\n descriptionTitle: 'More than Motion',\n descriptionSubTitle:\n 'Surpassing simple animations, in Decentraland, Emotes take expression to the next level with the option of adding props and sounds!',\n skills: ['TYPESCRIPT', '3D MODELING', 'ANIMATION'],\n links: [\n {\n label: 'Creating Emotes',\n url: 'https://docs.decentraland.org/creator/emotes/creating-and-exporting-emotes/'\n },\n {\n label: 'Emote Tutorials',\n url: 'https://www.youtube.com/watch?v=-iWslh4uQIk&list=PLAcRraQmr_GN8LcnnQk2BByo9L2Orvp9c&pp=iAQB'\n },\n {\n label: 'Publishing Emotes',\n url: 'https://docs.decentraland.org/creator/wearables/publishing-collections/'\n },\n {\n label: 'Emotes in the Marketplace',\n url: 'https://decentraland.org/marketplace/browse?assetType=item&section=emotes&vendor=decentraland&page=1&sortBy=newest&status=on_sale'\n }\n ]\n }\n },\n {\n id: 'craft-immersive-experiences',\n title: 'Craft Immersive Experiences',\n description:\n 'Construct captivating scenes, interactive experiences, and games in an open-world ecosystem. Claim your own World or rent/buy LAND to start building.',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3JXtpqW33ILyBYzrpzykKl/f246d9529cbbc4d033c271cd02d4376b/PNG_3.png',\n imageBackground: 'https://images.ctfassets.net/ea2ybdmmn1kv/5E9WJJcBi3qeuqqetuleeT/6308247b5ca650adf34aaec41d7e7182/BG_3.png',\n tab1: {\n title: 'Basic',\n descriptionTitle: 'Ideal for Beginners',\n descriptionSubTitle:\n 'Drag and drop pre-made elements into place to create your dream scene or start with a scene template and customize the details to make it your own.',\n skills: ['ABILITY TO CLICK A MOUSE', 'OVERACTIVE IMAGINATION'],\n links: [\n {\n label: 'Explore Places',\n url: 'https://decentraland.org/places/'\n },\n {\n label: 'Download Creator Hub',\n url: 'https://decentraland.org/download/creator-hub'\n },\n {\n label: 'Building Tutorials',\n url: 'https://www.youtube.com/watch?v=wm8ZD2kSyKA&list=PLAcRraQmr_GPrMmQekqbMWhyBxo3lXs8p&pp=iAQB'\n },\n {\n label: 'Worlds Essential Guide',\n url: 'https://decentraland.org/blog/about-decentraland/decentraland-worlds-your-own-virtual-space'\n }\n ]\n },\n tab2: {\n title: 'Advanced',\n descriptionTitle: 'Complete Control Over Your Creations',\n descriptionSubTitle:\n \"Transform your ideas to reality with Decentraland's SDK 7. Craft anything you can imagine, from complex scenes and interactive experiences to fully fledged games.\",\n skills: ['TYPESCRIPT', '3D MODELING', 'ANIMATION'],\n links: [\n {\n label: 'Open Source Resources & Templates',\n url: 'https://studios.decentraland.org/resources'\n },\n {\n label: 'Download Creator Hub',\n url: 'https://decentraland.org/download/creator-hub'\n },\n {\n label: 'Building Docs',\n url: 'https://docs.decentraland.org/creator/development-guide/sdk7/sdk-101/'\n },\n {\n label: 'Building Tutorials',\n url: 'https://www.youtube.com/watch?v=wm8ZD2kSyKA&list=PLAcRraQmr_GPrMmQekqbMWhyBxo3lXs8p&pp=iAQB'\n }\n ]\n }\n }\n]\n\nconst connectCards: ConnectCardData[] = [\n {\n id: 'mrdhingia',\n name: 'MrDhingia',\n description:\n \"I love being a DCL creator because it lets me freely create cool 3D spaces. It's great to work with others, learn new things, and monetize my content, reaching people worldwide.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/7w2syTuMGjA3VCJZ78YK8q/1a37abd7658ba66e16f1c8d7d4a28333/dhingia.png',\n url: 'https://x.com/MrDhingia'\n },\n {\n id: 'canessa',\n name: 'Canessa',\n description:\n 'I think having unique Emotes is a way of making your avatar another form of yourself. I made myself a unique Emote so I could always have a special greeting [distinct from the standard animations everyone uses] for my friends.',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3ugHhjVpg2TJRKpGrE5HJO/2c267463b5cab7923fedcd2a8912c17e/anessa.png'\n },\n {\n id: 'polygonal-mind',\n name: 'Polygonal Mind',\n description:\n 'Decentraland evolves almost every day on a technical level, but also on a community level. Newcomers come into the platform with new ideas that make the whole platform spin to accommodate them. It is very exciting to see the change in real time.',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/2A10uagc69WkV4Put4Je8K/b5f7d12193e3e7bc6c126c8b1cf574b9/polygonal.png'\n },\n {\n id: 'tangpoko',\n name: 'TangPoko',\n description:\n 'There is a lot of gratification in creating Wearables and Emotes in Decentraland when you see everyone around you wearing and using them!',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3VUTEOy199FdbePR0n4v9h/2011425bade058c0b6ceeda046bbc71c/tang.png'\n },\n {\n id: 'nikki-fuego',\n name: 'Nikki Fuego',\n description:\n \"My whole life I've been a gamer and the one thing I've always wanted from games was ultimate customization with my character's wearables. [In Decentraland,] that fantasy became a reality.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/1qNFtMuqQ6NUgVFZxqIMWO/53a6bd692059f897f8df5a99c9570ecf/Nikki.png'\n }\n]\n\nconst learnCards: LearnCardData[] = [\n {\n id: 'isamazing',\n title: 'Emote Workshop \| Create Great Animations',\n name: 'Isamazing',\n userImage: 'https://images.ctfassets.net/ea2ybdmmn1kv/1JsJlPSMTiDHxWvNbLcTUb/c3ae0654ff66da80a99a52334a3caf01/isa.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/6b8IV5K8BUFIi6AyA1h6uI/e2dd6add08d9b0a77c12d65131f0b42c/5PEF2pwZxtY-HQ.jpg',\n url: 'https://youtu.be/5PEF2pwZxtY?list=PLAcRraQmr_GN8LcnnQk2BByo9L2Orvp9c',\n date: 'January 30, 2024'\n },\n {\n id: 'kjwalker',\n title: 'Making Skins \| Creating Wearables',\n name: 'KJWalker',\n userImage: 'https://images.ctfassets.net/ea2ybdmmn1kv/6pjOW45mmmYy5DkaoOsYLB/02b30670a4d63e32845d89d6ad063fe5/kj.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3BYsoFQ1UEbmjVPIDNMdIU/f9a89d99a91741da24010d68030d323e/zx2CBy3pPfo-HQ.jpg',\n url: 'https://www.youtube.com/watch?v=zx2CBy3pPfo',\n date: 'January 31, 2024'\n },\n {\n id: 'nicoe',\n title: 'Creating Scenes \| SDK 7 and Smart Items',\n name: 'NicoE',\n userImage: 'https://images.ctfassets.net/ea2ybdmmn1kv/1HxP6difHgjUlzACC0Nha2/7c75d6c74da5171584072eadefd3b961/nico.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/6gjVuKeWBh76Pe6UyiAZzt/29ffb9ad320ca075e2c04ad34464f9c4/J_EO1LZkaiA-HQ.jpg',\n url: 'https://www.youtube.com/watch?v=J_EO1LZkaiA&list=PLAcRraQmr_GP_K8WN7csnKnImK4R2TgMA&index=6&ab_channel=Decentraland',\n date: 'January 31, 2024'\n },\n {\n id: 'sango',\n title: 'How to Make a Wearable \| Workshop Series',\n name: 'Sango',\n userImage: 'https://images.ctfassets.net/ea2ybdmmn1kv/4AVvwN5SFyRJu9zEFt2qJF/fd883eb27e429351a619d6fef963f9cb/sango.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/5ky9e2oglx9xmfLRC6uhzY/c04eee263099cccb99245c3d9b7808c3/zl43Fw7zROQ-SD.jpg',\n url: 'https://youtu.be/zl43Fw7zROQ?list=PLEl6fe1igtKBFDcxaC64Uxamo7kQUi5mf',\n date: 'January 24, 2024'\n },\n {\n id: 'sinful',\n title: 'Publishing Wearables & Emotes',\n name: 'Sinful',\n userImage:\n 'https://images.ctfassets.net/ea2ybdmmn1kv/16eJcvU74UY7k3KXZoI5AD/a8578a20da16d755c95815f6daed072a/Screenshot_2024-01-31_130003.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/5EI8frG7fYxMRGbgm92TPC/a69b8d39cb44e88640c44b0cdaa8373f/vY7IYksmC2M-HQ.jpg',\n url: 'https://www.youtube.com/watch?v=vY7IYksmC2M',\n date: 'January 31, 2024'\n }\n]\n\nconst faqItems: FaqData[] = [\n {\n question: 'What is Decentraland?',\n answer:\n \"Launched in 2020, Decentraland is a virtual social world, the first decentralized metaverse, and the only one that is open source. Within the Decentraland platform, which can run on a browser or desktop app, users can create, experience, and monetize content and applications as well as socialize and attend a wide range of daily, community-driven events. Decentraland is unique in that it is owned, created, and governed by the people who use it every day. Through Decentraland's decentralized autonomous organization (DAO) users can submit and vote on proposals and even apply for grants for the community to vote on.\"\n },\n {\n question: 'What can I create in Decentraland?',\n answer:\n \"It would be easier to ask what you can't create in Decentraland! As a virtual world created by its users, in Decentraland you can create just about everything.\\nDecentraland Creators make all the components that go into crafting a digital identity, such as Wearables (this can include whole skins, body parts, articles of clothing, hair styles, accessories, etc.) as well as Emotes, animations for your avatar which can include props and sounds in addition to movement.\\nThe landscape and activities of Decentraland are also all shaped by creators. Walking through Decentraland's Genesis City, you can explore a variety of content from different creators, built side-by-side: art galleries, theaters, gardens, night clubs, racetracks, casinos, entire game experiences, and more can be explored and created by everyone! To start building, download Decentraland's Creator Hub.\"\n },\n {\n question: 'How do I become a Decentraland creator?',\n answer:\n \"Anyone can be a Decentraland creator, all it takes is a little knowhow and endless creative ideas! Depending on what you want to create, the knowledge you need to know differs. If you just want to create cool virtual scenes for yourself or to host events, and learning programming and 3D modeling isn't in your plans, then you can get started creating scenes right away by downloading Decentraland's Creator Hub.\\n\\nFor those familiar with or willing to learn 3D modeling and/or programming, all the technical specs and procedures you need to know to create in Decentraland can be found on the Creator Docs page, and there are many tutorials available online for creating Wearables, Emotes, and experiences.\\nWearables & Emotes\\nThe process of creating Wearables & Emotes involves asset creation in a 3D modeling program like Blender, submission to the Curation Committee who ensure that your creation is technically sound and complies with Decentraland's content policy (this includes paying the $100 USD publication fee which goes to the DAO to fund community grants). Finally, once your creation is approved, it is officially published in the Marketplace! You'll receive 97.5% of all primary sales and earn 2.5% royalties on any secondary sales.\\nExperiences\\nIf you're interested in designing experiences, download Decentraland's Creator Hub and you can start creating immersive scenes and games which you can then publish to Worlds or LAND in Decentraland's open-world Genesis City. You retain all control over your content, can edit or remove it whenever you wish, and keep all proceeds of any funds you may generate through your experiences.\"\n },\n {\n question: 'Is it possible to monetize my creations?',\n answer:\n 'Yes, of course! Decentraland creators are able to monetize their skills in many ways.\\n\\nWearable and Emote creators publish their creations in the Marketplace, paying a $100 USD publication fee which goes to the DAO to fund community grants, and as a result earn 97.5% of the profits on all primary sales and 2.5% royalties on any secondary sales.\\nSome scene creators monetize their experiences, the revenue of which they are able to keep fully for themselves, and lastly many creators offer their services for hire through Decentraland Studios.'\n },\n {\n question: 'Do I need to own LAND to create experiences in Decentraland?',\n answer:\n \"No, owning LAND is not necessary to create scenes or interactive experiences in Decentraland. Anyone is free to create content using Decentraland's SDK 7 or no-code Editor. Then, if you want to publish your creations so that you and others can explore and enjoy them, there are multiple options available to you, in addition to owning LAND.\\nWorlds\\nWorlds are your personal 3D space in the metaverse. The exist separately from the open-world map of Decentraland's Genesis City and are perfect for those looking to experiment with 3D creation or host their own virtual space.\\n\\nGetting your own World is easy: when you claim a Decentraland NAME you not only get a unique username that can be used across Web3, but also 100 Voting Power (used in Decentraland governance), and of course your own World to use as you wish. Learn more here.\\n\\nRent LAND\\nIf you're interested in publishing your content in Decentraland's open-world Genesis City but don't want to commit to a LAND purchase, you don't have to! It's easy to rent LAND for the short or long term in the Marketplace where you can pay by card, bank transfer, or cryptocurrency. Browse rentals and see what's available!\\n\\nCommunity Connections, Community Grants, and Open Calls for Creators\\nIf someone is passionate about sharing their creations with the community, in Decentraland there will always be a way to make it happen. The creator community is very welcoming and open to lending a hand. If you're just getting started, you can meet many creators in the Community Building Discord.\\nIf you want to build an experience that benefits the community, but need the resources to make it happen, you can always try applying for a Community Grant in the DAO. You may also apply to one of the Open Calls that happen periodically through the year to build experiences and scenes for various Decentraland events such as the annual music, art, and fashion festivals. Stay tuned to Decentraland socials or subscribe to the weekly newsletter to stay updated!\"\n },\n {\n question: 'Do I need cryptocurrency or a digital wallet to use Decentraland?',\n answer:\n \"You do not need to own cryptocurrency to enjoy Decentraland as it is free to use. If you decide to purchase a community-made creation from the Marketplace, there are multiple payment options available, such as credit/debit card and bank transfer in addition to various cryptocurrencies.\\n\\nAs for owning a digital wallet, if you don't already have one, you don't need to get one yourself if you don't want to. When you sign-in to Decentraland for the first time-creating your account-a digital wallet will be created for you behind the scenes, it's as simple as that!\\n\\nThis digital wallet is part of your Decentraland account and is used to store any digital assets you acquire, such as free Wearables you might claim in-world or a fun Emote you purchase in the Marketplace.\"\n }\n]\n\nconst earnSkills = [\n '3D MODELING',\n 'CREATIVE DIRECTION',\n 'LAND RENTAL',\n 'LINKED WEARABLES',\n 'VENUE RENTAL',\n 'ADVERTISING',\n 'EMOTE DESIGN',\n 'ENTERTAINMENT',\n 'PROGRAMMING',\n 'WEARABLE DESIGN'\n]\n\nexport { connectCards, createCards, earnSkills, faqItems, heroData, learnCards, whyCards }\nexport type { ConnectCardData, CreateCardData, CreateCardTab, FaqData, HeroData, LearnCardData, MediaProps, WhyCardData }\n","import { type SVGAttributes, memo } from 'react'\nimport { styled } from 'decentraland-ui2'\n\ntype ChevronProps = SVGAttributes<SVGElement> & {\n dark?: boolean\n}\n\nconst StyledSvg = styled('svg', {\n shouldForwardProp: prop => prop !== 'dark'\n})<{ dark?: boolean }>(({ dark }) => ({\n fill: dark ? '#a09ba8' : '#fff',\n cursor: 'pointer'\n}))\n\nconst Chevron = memo((props: ChevronProps) => {\n const { dark, ...rest } = props\n return (\n <StyledSvg {...rest} dark={dark} xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0.585815 3.41424L3.41424 0.585815L10.5 7.6716L17.5858 0.585815L20.4142 3.41424L10.5 13.3285L0.585815 3.41424Z\"\n />\n </StyledSvg>\n )\n})\n\nexport { Chevron }\n","import { Box, Typography, styled } from 'decentraland-ui2'\n\nconst HeroSection = styled('section')({\n height: 'calc(90vh - 96px)',\n width: '100%',\n position: 'relative',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n marginTop: 92,\n overflow: 'hidden'\n})\n\nconst HeroBackground = styled(Box)({\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 0,\n ['& video, & .hero-bg-image']: {\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n objectPosition: 'center'\n }\n})\n\nconst HeroContent = styled(Box)(({ theme }) => ({\n position: 'relative',\n zIndex: 1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n textAlign: 'center',\n maxWidth: 739,\n padding: `0 ${theme.spacing(4)}`,\n [theme.breakpoints.down('sm')]: {\n maxWidth: '100%'\n }\n}))\n\nconst HeroTitle = styled(Typography)(({ theme }) => ({\n fontSize: 64,\n fontWeight: 700,\n letterSpacing: '-1.28px',\n lineHeight: 'normal',\n marginBottom: theme.spacing(5.5),\n color: '#fff',\n ['& span']: {\n background: 'linear-gradient(287deg, #ff2d55 5.21%, #ffbc5b 56.5%)',\n backgroundClip: 'text',\n ['WebkitBackgroundClip' as string]: 'text',\n ['WebkitTextFillColor' as string]: 'transparent'\n },\n [theme.breakpoints.down('sm')]: {\n fontSize: 48,\n letterSpacing: '-0.8px',\n marginBottom: theme.spacing(4)\n }\n}))\n\nconst HeroSubtitle = styled(Typography)(({ theme }) => ({\n fontSize: 24,\n fontWeight: 500,\n lineHeight: '32px',\n marginBottom: theme.spacing(8.5),\n color: '#fff',\n [theme.breakpoints.down('sm')]: {\n fontSize: 20,\n lineHeight: '30px',\n fontWeight: 400,\n marginBottom: theme.spacing(8)\n }\n}))\n\nconst HeroActions = styled(Box)({\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center'\n})\n\nconst ChevronContainer = styled(Box)({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n paddingTop: 40,\n paddingBottom: 32,\n ['&:hover svg']: {\n animation: 'moveUpDown 1s linear infinite'\n },\n ['@keyframes moveUpDown']: {\n ['0%']: { transform: 'translateY(0)' },\n ['50%']: { transform: 'translateY(-10px)' },\n ['100%']: { transform: 'translateY(0)' }\n }\n})\n\nexport { ChevronContainer, HeroActions, HeroBackground, HeroContent, HeroSection, HeroSubtitle, HeroTitle }\n","import { memo } from 'react'\nimport { useDesktopMediaQuery, useMediaQuery } from 'decentraland-ui2'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { useTrackClick } from '../../../hooks/adapters/useTrackLinkContext'\nimport { useCreatorHubDownload } from '../../../hooks/useCreatorHubDownload'\nimport { useTypingListEffect } from '../../../hooks/useTypingListEffect'\nimport { SectionViewedTrack, SegmentEvent } from '../../../modules/segment'\nimport { CTAButton } from '../../Buttons/CTAButton'\nimport { Video } from '../../Video'\nimport { heroData } from '../data'\nimport {\n AlsoAvailableContainer,\n AlsoAvailableText,\n AlternativeButtonImage,\n AlternativeIconButton,\n DownloadButtonImage\n} from '../DownloadButtons.styled'\nimport { Chevron } from './Chevron'\nimport { ChevronContainer, HeroActions, HeroBackground, HeroContent, HeroSection, HeroSubtitle, HeroTitle } from './Hero.styled'\n\nconst CREATOR_HUB_DOWNLOAD_URL = '/download/creator-hub'\n\nconst CreatorsHero = memo(() => {\n const isMobile = useMediaQuery('(max-width: 767px)')\n const isDesktop = useDesktopMediaQuery()\n const currentWord = useTypingListEffect(heroData.changingWords)\n const trackClick = useTrackClick()\n const l = useFormatMessage()\n const { isReady, primaryOption, secondaryOptions, handleDownload } = useCreatorHubDownload()\n\n const showDownloadOptions = isDesktop && isReady\n\n return (\n <>\n <HeroSection>\n <HeroBackground>\n {!isMobile && (\n <Video\n loop\n muted\n autoPlay\n playsInline\n width={heroData.videoLandscape.width}\n height={heroData.videoLandscape.height}\n poster={heroData.imageLandscape.url}\n source={heroData.videoLandscape.url}\n />\n )}\n {isMobile && (\n <Video\n loop\n muted\n autoPlay\n playsInline\n width={heroData.videoPortrait.width}\n height={heroData.videoPortrait.height}\n poster={heroData.imagePortrait.url}\n source={heroData.videoPortrait.url}\n />\n )}\n </HeroBackground>\n <HeroContent>\n <HeroTitle>\n {heroData.titleFirstLine}\n <br />\n <span>{currentWord}</span>\n <br />\n {heroData.titleLastLine}\n </HeroTitle>\n <HeroSubtitle>{heroData.subtitle}</HeroSubtitle>\n <HeroActions>\n {showDownloadOptions && primaryOption?.link ? (\n <>\n <CTAButton\n href={primaryOption.link}\n onClick={event => {\n event.preventDefault()\n trackClick(event)\n handleDownload(primaryOption)\n }}\n event={SegmentEvent.DOWNLOAD}\n place={SectionViewedTrack.CREATORS_HERO}\n endIcon={<DownloadButtonImage src={primaryOption.image} alt=\"\" />}\n label={l('page.download.download_creator_hub')}\n isFullWidth={false}\n />\n {secondaryOptions.length > 0 && (\n <AlsoAvailableContainer>\n <AlsoAvailableText>{l('page.creator-hub.download.also_available')}</AlsoAvailableText>\n {secondaryOptions.map(option => (\n <AlternativeIconButton\n key={option.text}\n onClick={event => {\n event.preventDefault()\n trackClick(event)\n handleDownload(option)\n }}\n >\n <AlternativeButtonImage src={option.image} alt={option.text} />\n </AlternativeIconButton>\n ))}\n </AlsoAvailableContainer>\n )}\n </>\n ) : (\n <CTAButton\n href={CREATOR_HUB_DOWNLOAD_URL}\n onClick={event => {\n trackClick(event)\n }}\n event={SegmentEvent.DOWNLOAD}\n place={SectionViewedTrack.CREATORS_HERO}\n label={l('page.download.download_creator_hub')}\n isFullWidth={false}\n />\n )}\n </HeroActions>\n </HeroContent>\n </HeroSection>\n <ChevronContainer>\n <Chevron dark />\n </ChevronContainer>\n </>\n )\n})\n\nexport { CreatorsHero }\n","import { Suspense, lazy, memo } from 'react'\nimport { CreatorsHero } from '../../components/Create/Hero'\n\nconst CreatorsWhy = lazy(() => import('../../components/Create/Why').then(m => ({ default: m.CreatorsWhy })))\nconst CreatorsCreate = lazy(() => import('../../components/Create/CreateCards').then(m => ({ default: m.CreatorsCreate })))\nconst CreatorsConnect = lazy(() => import('../../components/Create/Connect').then(m => ({ default: m.CreatorsConnect })))\nconst CreatorsLearn = lazy(() => import('../../components/Create/Learn').then(m => ({ default: m.CreatorsLearn })))\nconst CreatorsEarn = lazy(() => import('../../components/Create/Earn').then(m => ({ default: m.CreatorsEarn })))\nconst CreatorsFaqs = lazy(() => import('../../components/Create/Faqs').then(m => ({ default: m.CreatorsFaqs })))\n\nconst CreatePage = memo(() => {\n return (\n <>\n <CreatorsHero />\n <Suspense fallback={null}>\n <CreatorsWhy />\n <CreatorsCreate />\n <CreatorsConnect />\n <CreatorsLearn />\n <CreatorsEarn />\n <CreatorsFaqs />\n </Suspense>\n </>\n )\n})\n\nexport { CreatePage }\n"],"file":"assets/index-BqghIvCc.js"}
1	+ {"version":3,"mappings":"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","names":["DELAY","PAUSE_DELAY","typingReducer","state","wordLength","listLength","useTypingListEffect","list","dispatch","useReducer","timeoutRef","useRef","isAtEnd","useEffect","useMemo","heroData","whyCards","createCards","connectCards","learnCards","faqItems","earnSkills","StyledSvg","styled","prop","dark","Chevron","memo","props","rest","jsx","HeroSection","HeroBackground","Box","HeroContent","theme","HeroTitle","Typography","HeroSubtitle","HeroActions","ChevronContainer","CREATOR_HUB_DOWNLOAD_URL","CreatorsHero","isMobile","useMediaQuery","isDesktop","useDesktopMediaQuery","currentWord","trackClick","useTrackClick","l","useFormatMessage","isReady","primaryOption","secondaryOptions","handleDownload","useCreatorHubDownload","showDownloadOptions","jsxs","Fragment","Video","CTAButton","event","SegmentEvent","SectionViewedTrack","DownloadButtonImage","AlsoAvailableContainer","AlsoAvailableText","option","AlternativeIconButton","AlternativeButtonImage","CreatorsWhy","lazy","m","CreatorsCreate","CreatorsConnect","CreatorsLearn","CreatorsEarn","CreatorsFaqs","CreatePage","Suspense"],"ignoreList":[],"sources":["../../src/hooks/useTypingListEffect.ts","../../src/components/Create/data.ts","../../src/components/Create/Hero/Chevron.tsx","../../src/components/Create/Hero/Hero.styled.ts","../../src/components/Create/Hero/Hero.tsx","../../src/pages/create/CreatePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useReducer, useRef } from 'react'\n\nconst DELAY = 100\nconst PAUSE_DELAY = DELAY * 10\n\ntype TypingState = {\n letterPos: number\n wordIndex: number\n action: 'write' \| 'erase'\n}\n\ntype TypingAction = { type: 'tick'; wordLength: number; listLength: number }\n\nfunction typingReducer(state: TypingState, { wordLength, listLength }: TypingAction): TypingState {\n if (state.action === 'write') {\n if (state.letterPos === wordLength - 1) {\n return { ...state, action: 'erase' }\n }\n return { ...state, letterPos: state.letterPos + 1 }\n }\n\n if (state.letterPos === 0) {\n return {\n letterPos: 0,\n wordIndex: (state.wordIndex + 1) % listLength,\n action: 'write'\n }\n }\n\n return { ...state, letterPos: state.letterPos - 1 }\n}\n\nfunction useTypingListEffect(list: string[]) {\n const [state, dispatch] = useReducer(typingReducer, { letterPos: 0, wordIndex: 0, action: 'write' })\n const timeoutRef = useRef<ReturnType<typeof setTimeout>>()\n\n const wordLength = list[state.wordIndex].length\n const isAtEnd = state.letterPos === wordLength - 1\n\n useEffect(() => {\n clearTimeout(timeoutRef.current)\n timeoutRef.current = setTimeout(() => dispatch({ type: 'tick', wordLength, listLength: list.length }), isAtEnd ? PAUSE_DELAY : DELAY)\n return () => clearTimeout(timeoutRef.current)\n }, [state, wordLength, list.length, isAtEnd])\n\n return useMemo(() => list[state.wordIndex].slice(0, state.letterPos + 1), [state.letterPos, state.wordIndex, list])\n}\n\nexport { useTypingListEffect }\n","type MediaProps = {\n url: string\n width: number\n height: number\n}\n\ntype HeroData = {\n titleFirstLine: string\n changingWords: string[]\n titleLastLine: string\n subtitle: string\n imageLandscape: MediaProps\n videoLandscape: MediaProps & { mimeType: string }\n imagePortrait: MediaProps\n videoPortrait: MediaProps & { mimeType: string }\n}\n\ntype WhyCardData = {\n id: string\n title: string\n description: string\n image: string\n}\n\ntype CreateCardTab = {\n title: string\n descriptionTitle: string\n descriptionSubTitle: string\n skills: string[]\n links: { label: string; url: string }[]\n}\n\ntype CreateCardData = {\n id: string\n title: string\n description: string\n image: string\n imageBackground: string\n tab1: CreateCardTab\n tab2?: CreateCardTab\n}\n\ntype ConnectCardData = {\n id: string\n name: string\n description: string\n image: string\n url?: string\n}\n\ntype LearnCardData = {\n id: string\n title: string\n name: string\n userImage: string\n image: string\n url: string\n date: string\n}\n\ntype FaqData = {\n question: string\n answer: string\n}\n\nconst heroData: HeroData = {\n titleFirstLine: 'Create your own',\n changingWords: ['Wearables', 'Emotes', 'Worlds', 'Experiences', 'Scenes', 'Games'],\n titleLastLine: 'in Decentraland',\n subtitle: 'Download the Creator Hub to start building immersive scenes and interactive experiences in Decentraland.',\n imageLandscape: {\n url: 'https://images.ctfassets.net/ea2ybdmmn1kv/3fZB29mbYNJdp7sv1y2SJ2/108e55d6d3e23cd11e7d75563d81caf5/hero.webp',\n width: 960,\n height: 540\n },\n videoLandscape: {\n url: 'https://videos.ctfassets.net/ea2ybdmmn1kv/5ELJfyKfvgJMlWi3QXzyt7/28d4d5202e965c08eabc3f9efcf329ea/hero-desktop.mp4',\n mimeType: 'video/mp4',\n width: 960,\n height: 540\n },\n imagePortrait: {\n url: 'https://images.ctfassets.net/ea2ybdmmn1kv/1nUkaxckVENfmyQduvC9Rm/9304ddbd82bba15c44ea698be0fadfa8/hero-mobile.webp',\n width: 195,\n height: 330\n },\n videoPortrait: {\n url: 'https://videos.ctfassets.net/ea2ybdmmn1kv/35QAhVRDvfhcDjRbCquYKT/459f381b4445fb5b44b140b2fc4ff80a/hero_mobile.mp4',\n mimeType: 'video/mp4',\n width: 195,\n height: 330\n }\n}\n\nconst whyCards: WhyCardData[] = [\n {\n id: 'join',\n title: 'Join a Community of Creators',\n description:\n 'Share knowledge, collaborate, and build relationships in a community of artists, designers, and developers where you can see your work appreciated everyday.',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/2l0VUCaHXFG7NwltyZ1nWA/a6e18252e09a9916e8d735f098ef452a/Image_1.png'\n },\n {\n id: 'create',\n title: 'Create in an Open, Decentralized Ecosystem',\n description:\n \"Retain full control over your content on a platform that's governed by its users and build side-by-side with other creators in an open virtual world ready to be explored.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/77yzgLkg2oQ7GAZLPtEAwY/64a8d2741a6e3f1f90b15636c4d37638/Image_2.png'\n },\n {\n id: 'benefit',\n title: 'Benefit from a Creator-Centric Economy',\n description:\n \"Decentraland is owned by its users, so you keep 97.5% of Marketplace sales while the rest funds community grants for creators like you. Plus, you'll get 2.5% royalties on resales.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3iCBvRrzEtgD7LT8PYxMZn/2f5fba37f044d426d24e25ce33dc1f9c/Image_3.png'\n }\n]\n\nconst createCards: CreateCardData[] = [\n {\n id: 'design-unique-wearables',\n title: 'Design Unique Wearables',\n description:\n 'In Decentraland, Wearables go beyond clothing. Think floating elements, glowing fabrics, robot prosthetics, alien bodies—anything is possible!',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3Cu7b7wDmHMxdlnV1kPIHK/af575947c309275575ee1f456042596a/PNG_1.png',\n imageBackground: 'https://images.ctfassets.net/ea2ybdmmn1kv/5tQ56AeW3FWfsnDIgIr1ix/1ff51b5358a8ddf13a4bb4bddaf36601/BG_1.png',\n tab1: {\n title: 'Regular',\n descriptionTitle: 'Shape Your Digital Identity',\n descriptionSubTitle:\n 'Craft the skins, clothes, accessories, and bodies that provide the Decentraland community with endless options to customize their digital identities.',\n skills: ['3D MODELING', 'IMAGINATIVE FASHION SENSE'],\n links: [\n {\n label: 'Creating Wearables',\n url: 'https://docs.decentraland.org/creator/wearables/creating-wearables/'\n },\n {\n label: 'Wearables in the Marketplace',\n url: 'https://decentraland.org/marketplace/browse?section=wearables&vendor=decentraland&page=1&sortBy=newest&status=on_sale'\n },\n {\n label: 'Publishing Wearables',\n url: 'https://docs.decentraland.org/creator/wearables/publishing-collections/'\n },\n {\n label: 'Wearable Tutorials',\n url: 'https://www.youtube.com/watch?v=zl43Fw7zROQ&list=PLEl6fe1igtKBFDcxaC64Uxamo7kQUi5mf&pp=iAQB'\n }\n ]\n },\n tab2: {\n title: 'Smart Wearables',\n descriptionTitle: 'Experiences & Fashion Combined',\n descriptionSubTitle:\n 'Want to create a jet pack that lets you fly or glasses that reveal a secret world? Tie Portable Experiences to Wearables, for a whole new realm of possibilities.',\n skills: ['ANIMATION', 'IMAGINATIVE FASHION SENSE', '3D MODELING', 'TYPESCRIPT'],\n links: [\n {\n label: 'Portable Experience Docs',\n url: 'https://docs.decentraland.org/creator/development-guide/sdk7/portable-experiences/'\n },\n {\n label: 'SDK 7 Docs',\n url: 'https://docs.decentraland.org/creator/development-guide/sdk7/sdk-101/'\n },\n {\n label: 'Smart Wearables Docs',\n url: 'https://docs.decentraland.org/creator/development-guide/sdk7/smart-wearables/'\n },\n {\n label: 'Smart Wearables in the Marketplace',\n url: 'https://decentraland.org/marketplace/browse?assetType=item&section=wearables&vendor=decentraland&page=1&sortBy=newest&status=on_sale&onlySmart=true'\n }\n ]\n }\n },\n {\n id: 'animate-expressive-emotes',\n title: 'Animate Expressive Emotes',\n description:\n \"Create the avatar animations that allow Decentraland's community to form connections, share emotions, and participate in endless fun activities.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/5TILWmR3rrA6K2DMTrPwXx/aeafb6cfc8fd3ef829833c41fb4cda16/PNG_2.png',\n imageBackground: 'https://images.ctfassets.net/ea2ybdmmn1kv/26Oa8X59NGyCSnL2j2Tvrw/091c890f8a5bfcdf8878a3c09c1268ae/BG_2.png',\n tab1: {\n title: 'More than Motion',\n descriptionTitle: 'More than Motion',\n descriptionSubTitle:\n 'Surpassing simple animations, in Decentraland, Emotes take expression to the next level with the option of adding props and sounds!',\n skills: ['TYPESCRIPT', '3D MODELING', 'ANIMATION'],\n links: [\n {\n label: 'Creating Emotes',\n url: 'https://docs.decentraland.org/creator/emotes/creating-and-exporting-emotes/'\n },\n {\n label: 'Emote Tutorials',\n url: 'https://www.youtube.com/watch?v=-iWslh4uQIk&list=PLAcRraQmr_GN8LcnnQk2BByo9L2Orvp9c&pp=iAQB'\n },\n {\n label: 'Publishing Emotes',\n url: 'https://docs.decentraland.org/creator/wearables/publishing-collections/'\n },\n {\n label: 'Emotes in the Marketplace',\n url: 'https://decentraland.org/marketplace/browse?assetType=item&section=emotes&vendor=decentraland&page=1&sortBy=newest&status=on_sale'\n }\n ]\n }\n },\n {\n id: 'craft-immersive-experiences',\n title: 'Craft Immersive Experiences',\n description:\n 'Construct captivating scenes, interactive experiences, and games in an open-world ecosystem. Claim your own World or rent/buy LAND to start building.',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3JXtpqW33ILyBYzrpzykKl/f246d9529cbbc4d033c271cd02d4376b/PNG_3.png',\n imageBackground: 'https://images.ctfassets.net/ea2ybdmmn1kv/5E9WJJcBi3qeuqqetuleeT/6308247b5ca650adf34aaec41d7e7182/BG_3.png',\n tab1: {\n title: 'Basic',\n descriptionTitle: 'Ideal for Beginners',\n descriptionSubTitle:\n 'Drag and drop pre-made elements into place to create your dream scene or start with a scene template and customize the details to make it your own.',\n skills: ['ABILITY TO CLICK A MOUSE', 'OVERACTIVE IMAGINATION'],\n links: [\n {\n label: 'Explore Places',\n url: 'https://decentraland.org/places/'\n },\n {\n label: 'Download Creator Hub',\n url: 'https://decentraland.org/download/creator-hub'\n },\n {\n label: 'Building Tutorials',\n url: 'https://www.youtube.com/watch?v=wm8ZD2kSyKA&list=PLAcRraQmr_GPrMmQekqbMWhyBxo3lXs8p&pp=iAQB'\n },\n {\n label: 'Worlds Essential Guide',\n url: 'https://decentraland.org/blog/about-decentraland/decentraland-worlds-your-own-virtual-space'\n }\n ]\n },\n tab2: {\n title: 'Advanced',\n descriptionTitle: 'Complete Control Over Your Creations',\n descriptionSubTitle:\n \"Transform your ideas to reality with Decentraland's SDK 7. Craft anything you can imagine, from complex scenes and interactive experiences to fully fledged games.\",\n skills: ['TYPESCRIPT', '3D MODELING', 'ANIMATION'],\n links: [\n {\n label: 'Open Source Resources & Templates',\n url: 'https://studios.decentraland.org/resources'\n },\n {\n label: 'Download Creator Hub',\n url: 'https://decentraland.org/download/creator-hub'\n },\n {\n label: 'Building Docs',\n url: 'https://docs.decentraland.org/creator/development-guide/sdk7/sdk-101/'\n },\n {\n label: 'Building Tutorials',\n url: 'https://www.youtube.com/watch?v=wm8ZD2kSyKA&list=PLAcRraQmr_GPrMmQekqbMWhyBxo3lXs8p&pp=iAQB'\n }\n ]\n }\n }\n]\n\nconst connectCards: ConnectCardData[] = [\n {\n id: 'mrdhingia',\n name: 'MrDhingia',\n description:\n \"I love being a DCL creator because it lets me freely create cool 3D spaces. It's great to work with others, learn new things, and monetize my content, reaching people worldwide.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/7w2syTuMGjA3VCJZ78YK8q/1a37abd7658ba66e16f1c8d7d4a28333/dhingia.png',\n url: 'https://x.com/MrDhingia'\n },\n {\n id: 'canessa',\n name: 'Canessa',\n description:\n 'I think having unique Emotes is a way of making your avatar another form of yourself. I made myself a unique Emote so I could always have a special greeting [distinct from the standard animations everyone uses] for my friends.',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3ugHhjVpg2TJRKpGrE5HJO/2c267463b5cab7923fedcd2a8912c17e/anessa.png'\n },\n {\n id: 'polygonal-mind',\n name: 'Polygonal Mind',\n description:\n 'Decentraland evolves almost every day on a technical level, but also on a community level. Newcomers come into the platform with new ideas that make the whole platform spin to accommodate them. It is very exciting to see the change in real time.',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/2A10uagc69WkV4Put4Je8K/b5f7d12193e3e7bc6c126c8b1cf574b9/polygonal.png'\n },\n {\n id: 'tangpoko',\n name: 'TangPoko',\n description:\n 'There is a lot of gratification in creating Wearables and Emotes in Decentraland when you see everyone around you wearing and using them!',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3VUTEOy199FdbePR0n4v9h/2011425bade058c0b6ceeda046bbc71c/tang.png'\n },\n {\n id: 'nikki-fuego',\n name: 'Nikki Fuego',\n description:\n \"My whole life I've been a gamer and the one thing I've always wanted from games was ultimate customization with my character's wearables. [In Decentraland,] that fantasy became a reality.\",\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/1qNFtMuqQ6NUgVFZxqIMWO/53a6bd692059f897f8df5a99c9570ecf/Nikki.png'\n }\n]\n\nconst learnCards: LearnCardData[] = [\n {\n id: 'isamazing',\n title: 'Emote Workshop \| Create Great Animations',\n name: 'Isamazing',\n userImage: 'https://images.ctfassets.net/ea2ybdmmn1kv/1JsJlPSMTiDHxWvNbLcTUb/c3ae0654ff66da80a99a52334a3caf01/isa.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/6b8IV5K8BUFIi6AyA1h6uI/e2dd6add08d9b0a77c12d65131f0b42c/5PEF2pwZxtY-HQ.jpg',\n url: 'https://youtu.be/5PEF2pwZxtY?list=PLAcRraQmr_GN8LcnnQk2BByo9L2Orvp9c',\n date: 'January 30, 2024'\n },\n {\n id: 'kjwalker',\n title: 'Making Skins \| Creating Wearables',\n name: 'KJWalker',\n userImage: 'https://images.ctfassets.net/ea2ybdmmn1kv/6pjOW45mmmYy5DkaoOsYLB/02b30670a4d63e32845d89d6ad063fe5/kj.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/3BYsoFQ1UEbmjVPIDNMdIU/f9a89d99a91741da24010d68030d323e/zx2CBy3pPfo-HQ.jpg',\n url: 'https://www.youtube.com/watch?v=zx2CBy3pPfo',\n date: 'January 31, 2024'\n },\n {\n id: 'nicoe',\n title: 'Creating Scenes \| SDK 7 and Smart Items',\n name: 'NicoE',\n userImage: 'https://images.ctfassets.net/ea2ybdmmn1kv/1HxP6difHgjUlzACC0Nha2/7c75d6c74da5171584072eadefd3b961/nico.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/6gjVuKeWBh76Pe6UyiAZzt/29ffb9ad320ca075e2c04ad34464f9c4/J_EO1LZkaiA-HQ.jpg',\n url: 'https://www.youtube.com/watch?v=J_EO1LZkaiA&list=PLAcRraQmr_GP_K8WN7csnKnImK4R2TgMA&index=6&ab_channel=Decentraland',\n date: 'January 31, 2024'\n },\n {\n id: 'sango',\n title: 'How to Make a Wearable \| Workshop Series',\n name: 'Sango',\n userImage: 'https://images.ctfassets.net/ea2ybdmmn1kv/4AVvwN5SFyRJu9zEFt2qJF/fd883eb27e429351a619d6fef963f9cb/sango.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/5ky9e2oglx9xmfLRC6uhzY/c04eee263099cccb99245c3d9b7808c3/zl43Fw7zROQ-SD.jpg',\n url: 'https://youtu.be/zl43Fw7zROQ?list=PLEl6fe1igtKBFDcxaC64Uxamo7kQUi5mf',\n date: 'January 24, 2024'\n },\n {\n id: 'sinful',\n title: 'Publishing Wearables & Emotes',\n name: 'Sinful',\n userImage:\n 'https://images.ctfassets.net/ea2ybdmmn1kv/16eJcvU74UY7k3KXZoI5AD/a8578a20da16d755c95815f6daed072a/Screenshot_2024-01-31_130003.png',\n image: 'https://images.ctfassets.net/ea2ybdmmn1kv/5EI8frG7fYxMRGbgm92TPC/a69b8d39cb44e88640c44b0cdaa8373f/vY7IYksmC2M-HQ.jpg',\n url: 'https://www.youtube.com/watch?v=vY7IYksmC2M',\n date: 'January 31, 2024'\n }\n]\n\nconst faqItems: FaqData[] = [\n {\n question: 'What is Decentraland?',\n answer:\n \"Launched in 2020, Decentraland is a virtual social world, the first decentralized metaverse, and the only one that is open source. Within the Decentraland platform, which can run on a browser or desktop app, users can create, experience, and monetize content and applications as well as socialize and attend a wide range of daily, community-driven events. Decentraland is unique in that it is owned, created, and governed by the people who use it every day. Through Decentraland's decentralized autonomous organization (DAO) users can submit and vote on proposals and even apply for grants for the community to vote on.\"\n },\n {\n question: 'What can I create in Decentraland?',\n answer:\n \"It would be easier to ask what you can't create in Decentraland! As a virtual world created by its users, in Decentraland you can create just about everything.\\nDecentraland Creators make all the components that go into crafting a digital identity, such as Wearables (this can include whole skins, body parts, articles of clothing, hair styles, accessories, etc.) as well as Emotes, animations for your avatar which can include props and sounds in addition to movement.\\nThe landscape and activities of Decentraland are also all shaped by creators. Walking through Decentraland's Genesis City, you can explore a variety of content from different creators, built side-by-side: art galleries, theaters, gardens, night clubs, racetracks, casinos, entire game experiences, and more can be explored and created by everyone! To start building, download Decentraland's Creator Hub.\"\n },\n {\n question: 'How do I become a Decentraland creator?',\n answer:\n \"Anyone can be a Decentraland creator, all it takes is a little knowhow and endless creative ideas! Depending on what you want to create, the knowledge you need to know differs. If you just want to create cool virtual scenes for yourself or to host events, and learning programming and 3D modeling isn't in your plans, then you can get started creating scenes right away by downloading Decentraland's Creator Hub.\\n\\nFor those familiar with or willing to learn 3D modeling and/or programming, all the technical specs and procedures you need to know to create in Decentraland can be found on the Creator Docs page, and there are many tutorials available online for creating Wearables, Emotes, and experiences.\\nWearables & Emotes\\nThe process of creating Wearables & Emotes involves asset creation in a 3D modeling program like Blender, submission to the Curation Committee who ensure that your creation is technically sound and complies with Decentraland's content policy (this includes paying the $100 USD publication fee which goes to the DAO to fund community grants). Finally, once your creation is approved, it is officially published in the Marketplace! You'll receive 97.5% of all primary sales and earn 2.5% royalties on any secondary sales.\\nExperiences\\nIf you're interested in designing experiences, download Decentraland's Creator Hub and you can start creating immersive scenes and games which you can then publish to Worlds or LAND in Decentraland's open-world Genesis City. You retain all control over your content, can edit or remove it whenever you wish, and keep all proceeds of any funds you may generate through your experiences.\"\n },\n {\n question: 'Is it possible to monetize my creations?',\n answer:\n 'Yes, of course! Decentraland creators are able to monetize their skills in many ways.\\n\\nWearable and Emote creators publish their creations in the Marketplace, paying a $100 USD publication fee which goes to the DAO to fund community grants, and as a result earn 97.5% of the profits on all primary sales and 2.5% royalties on any secondary sales.\\nSome scene creators monetize their experiences, the revenue of which they are able to keep fully for themselves, and lastly many creators offer their services for hire through Decentraland Studios.'\n },\n {\n question: 'Do I need to own LAND to create experiences in Decentraland?',\n answer:\n \"No, owning LAND is not necessary to create scenes or interactive experiences in Decentraland. Anyone is free to create content using Decentraland's SDK 7 or no-code Editor. Then, if you want to publish your creations so that you and others can explore and enjoy them, there are multiple options available to you, in addition to owning LAND.\\nWorlds\\nWorlds are your personal 3D space in the metaverse. The exist separately from the open-world map of Decentraland's Genesis City and are perfect for those looking to experiment with 3D creation or host their own virtual space.\\n\\nGetting your own World is easy: when you claim a Decentraland NAME you not only get a unique username that can be used across Web3, but also 100 Voting Power (used in Decentraland governance), and of course your own World to use as you wish. Learn more here.\\n\\nRent LAND\\nIf you're interested in publishing your content in Decentraland's open-world Genesis City but don't want to commit to a LAND purchase, you don't have to! It's easy to rent LAND for the short or long term in the Marketplace where you can pay by card, bank transfer, or cryptocurrency. Browse rentals and see what's available!\\n\\nCommunity Connections, Community Grants, and Open Calls for Creators\\nIf someone is passionate about sharing their creations with the community, in Decentraland there will always be a way to make it happen. The creator community is very welcoming and open to lending a hand. If you're just getting started, you can meet many creators in the Community Building Discord.\\nIf you want to build an experience that benefits the community, but need the resources to make it happen, you can always try applying for a Community Grant in the DAO. You may also apply to one of the Open Calls that happen periodically through the year to build experiences and scenes for various Decentraland events such as the annual music, art, and fashion festivals. Stay tuned to Decentraland socials or subscribe to the weekly newsletter to stay updated!\"\n },\n {\n question: 'Do I need cryptocurrency or a digital wallet to use Decentraland?',\n answer:\n \"You do not need to own cryptocurrency to enjoy Decentraland as it is free to use. If you decide to purchase a community-made creation from the Marketplace, there are multiple payment options available, such as credit/debit card and bank transfer in addition to various cryptocurrencies.\\n\\nAs for owning a digital wallet, if you don't already have one, you don't need to get one yourself if you don't want to. When you sign-in to Decentraland for the first time-creating your account-a digital wallet will be created for you behind the scenes, it's as simple as that!\\n\\nThis digital wallet is part of your Decentraland account and is used to store any digital assets you acquire, such as free Wearables you might claim in-world or a fun Emote you purchase in the Marketplace.\"\n }\n]\n\nconst earnSkills = [\n '3D MODELING',\n 'CREATIVE DIRECTION',\n 'LAND RENTAL',\n 'LINKED WEARABLES',\n 'VENUE RENTAL',\n 'ADVERTISING',\n 'EMOTE DESIGN',\n 'ENTERTAINMENT',\n 'PROGRAMMING',\n 'WEARABLE DESIGN'\n]\n\nexport { connectCards, createCards, earnSkills, faqItems, heroData, learnCards, whyCards }\nexport type { ConnectCardData, CreateCardData, CreateCardTab, FaqData, HeroData, LearnCardData, MediaProps, WhyCardData }\n","import { type SVGAttributes, memo } from 'react'\nimport { styled } from 'decentraland-ui2'\n\ntype ChevronProps = SVGAttributes<SVGElement> & {\n dark?: boolean\n}\n\nconst StyledSvg = styled('svg', {\n shouldForwardProp: prop => prop !== 'dark'\n})<{ dark?: boolean }>(({ dark }) => ({\n fill: dark ? '#a09ba8' : '#fff',\n cursor: 'pointer'\n}))\n\nconst Chevron = memo((props: ChevronProps) => {\n const { dark, ...rest } = props\n return (\n <StyledSvg {...rest} dark={dark} xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0.585815 3.41424L3.41424 0.585815L10.5 7.6716L17.5858 0.585815L20.4142 3.41424L10.5 13.3285L0.585815 3.41424Z\"\n />\n </StyledSvg>\n )\n})\n\nexport { Chevron }\n","import { Box, Typography, styled } from 'decentraland-ui2'\n\nconst HeroSection = styled('section')({\n height: 'calc(90vh - 96px)',\n width: '100%',\n position: 'relative',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n marginTop: 92,\n overflow: 'hidden'\n})\n\nconst HeroBackground = styled(Box)({\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 0,\n ['& video, & .hero-bg-image']: {\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n objectPosition: 'center'\n }\n})\n\nconst HeroContent = styled(Box)(({ theme }) => ({\n position: 'relative',\n zIndex: 1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n textAlign: 'center',\n maxWidth: 739,\n padding: `0 ${theme.spacing(4)}`,\n [theme.breakpoints.down('sm')]: {\n maxWidth: '100%'\n }\n}))\n\nconst HeroTitle = styled(Typography)(({ theme }) => ({\n fontSize: 64,\n fontWeight: 700,\n letterSpacing: '-1.28px',\n lineHeight: 'normal',\n marginBottom: theme.spacing(5.5),\n color: '#fff',\n ['& span']: {\n background: 'linear-gradient(287deg, #ff2d55 5.21%, #ffbc5b 56.5%)',\n backgroundClip: 'text',\n ['WebkitBackgroundClip' as string]: 'text',\n ['WebkitTextFillColor' as string]: 'transparent'\n },\n [theme.breakpoints.down('sm')]: {\n fontSize: 48,\n letterSpacing: '-0.8px',\n marginBottom: theme.spacing(4)\n }\n}))\n\nconst HeroSubtitle = styled(Typography)(({ theme }) => ({\n fontSize: 24,\n fontWeight: 500,\n lineHeight: '32px',\n marginBottom: theme.spacing(8.5),\n color: '#fff',\n [theme.breakpoints.down('sm')]: {\n fontSize: 20,\n lineHeight: '30px',\n fontWeight: 400,\n marginBottom: theme.spacing(8)\n }\n}))\n\nconst HeroActions = styled(Box)({\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center'\n})\n\nconst ChevronContainer = styled(Box)({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n paddingTop: 40,\n paddingBottom: 32,\n ['&:hover svg']: {\n animation: 'moveUpDown 1s linear infinite'\n },\n ['@keyframes moveUpDown']: {\n ['0%']: { transform: 'translateY(0)' },\n ['50%']: { transform: 'translateY(-10px)' },\n ['100%']: { transform: 'translateY(0)' }\n }\n})\n\nexport { ChevronContainer, HeroActions, HeroBackground, HeroContent, HeroSection, HeroSubtitle, HeroTitle }\n","import { memo } from 'react'\nimport { useDesktopMediaQuery, useMediaQuery } from 'decentraland-ui2'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { useTrackClick } from '../../../hooks/adapters/useTrackLinkContext'\nimport { useCreatorHubDownload } from '../../../hooks/useCreatorHubDownload'\nimport { useTypingListEffect } from '../../../hooks/useTypingListEffect'\nimport { SectionViewedTrack, SegmentEvent } from '../../../modules/segment'\nimport { CTAButton } from '../../Buttons/CTAButton'\nimport { Video } from '../../Video'\nimport { heroData } from '../data'\nimport {\n AlsoAvailableContainer,\n AlsoAvailableText,\n AlternativeButtonImage,\n AlternativeIconButton,\n DownloadButtonImage\n} from '../DownloadButtons.styled'\nimport { Chevron } from './Chevron'\nimport { ChevronContainer, HeroActions, HeroBackground, HeroContent, HeroSection, HeroSubtitle, HeroTitle } from './Hero.styled'\n\nconst CREATOR_HUB_DOWNLOAD_URL = '/download/creator-hub'\n\nconst CreatorsHero = memo(() => {\n const isMobile = useMediaQuery('(max-width: 767px)')\n const isDesktop = useDesktopMediaQuery()\n const currentWord = useTypingListEffect(heroData.changingWords)\n const trackClick = useTrackClick()\n const l = useFormatMessage()\n const { isReady, primaryOption, secondaryOptions, handleDownload } = useCreatorHubDownload()\n\n const showDownloadOptions = isDesktop && isReady\n\n return (\n <>\n <HeroSection>\n <HeroBackground>\n {!isMobile && (\n <Video\n loop\n muted\n autoPlay\n playsInline\n width={heroData.videoLandscape.width}\n height={heroData.videoLandscape.height}\n poster={heroData.imageLandscape.url}\n source={heroData.videoLandscape.url}\n />\n )}\n {isMobile && (\n <Video\n loop\n muted\n autoPlay\n playsInline\n width={heroData.videoPortrait.width}\n height={heroData.videoPortrait.height}\n poster={heroData.imagePortrait.url}\n source={heroData.videoPortrait.url}\n />\n )}\n </HeroBackground>\n <HeroContent>\n <HeroTitle>\n {heroData.titleFirstLine}\n <br />\n <span>{currentWord}</span>\n <br />\n {heroData.titleLastLine}\n </HeroTitle>\n <HeroSubtitle>{heroData.subtitle}</HeroSubtitle>\n <HeroActions>\n {showDownloadOptions && primaryOption?.link ? (\n <>\n <CTAButton\n href={primaryOption.link}\n onClick={event => {\n event.preventDefault()\n trackClick(event)\n handleDownload(primaryOption)\n }}\n event={SegmentEvent.DOWNLOAD}\n place={SectionViewedTrack.CREATORS_HERO}\n endIcon={<DownloadButtonImage src={primaryOption.image} alt=\"\" />}\n label={l('page.download.download_creator_hub')}\n isFullWidth={false}\n />\n {secondaryOptions.length > 0 && (\n <AlsoAvailableContainer>\n <AlsoAvailableText>{l('page.creator-hub.download.also_available')}</AlsoAvailableText>\n {secondaryOptions.map(option => (\n <AlternativeIconButton\n key={option.text}\n onClick={event => {\n event.preventDefault()\n trackClick(event)\n handleDownload(option)\n }}\n >\n <AlternativeButtonImage src={option.image} alt={option.text} />\n </AlternativeIconButton>\n ))}\n </AlsoAvailableContainer>\n )}\n </>\n ) : (\n <CTAButton\n href={CREATOR_HUB_DOWNLOAD_URL}\n onClick={event => {\n trackClick(event)\n }}\n event={SegmentEvent.DOWNLOAD}\n place={SectionViewedTrack.CREATORS_HERO}\n label={l('page.download.download_creator_hub')}\n isFullWidth={false}\n />\n )}\n </HeroActions>\n </HeroContent>\n </HeroSection>\n <ChevronContainer>\n <Chevron dark />\n </ChevronContainer>\n </>\n )\n})\n\nexport { CreatorsHero }\n","import { Suspense, lazy, memo } from 'react'\nimport { CreatorsHero } from '../../components/Create/Hero'\n\nconst CreatorsWhy = lazy(() => import('../../components/Create/Why').then(m => ({ default: m.CreatorsWhy })))\nconst CreatorsCreate = lazy(() => import('../../components/Create/CreateCards').then(m => ({ default: m.CreatorsCreate })))\nconst CreatorsConnect = lazy(() => import('../../components/Create/Connect').then(m => ({ default: m.CreatorsConnect })))\nconst CreatorsLearn = lazy(() => import('../../components/Create/Learn').then(m => ({ default: m.CreatorsLearn })))\nconst CreatorsEarn = lazy(() => import('../../components/Create/Earn').then(m => ({ default: m.CreatorsEarn })))\nconst CreatorsFaqs = lazy(() => import('../../components/Create/Faqs').then(m => ({ default: m.CreatorsFaqs })))\n\nconst CreatePage = memo(() => {\n return (\n <>\n <CreatorsHero />\n <Suspense fallback={null}>\n <CreatorsWhy />\n <CreatorsCreate />\n <CreatorsConnect />\n <CreatorsLearn />\n <CreatorsEarn />\n <CreatorsFaqs />\n </Suspense>\n </>\n )\n})\n\nexport { CreatePage }\n"],"file":"assets/index-DTGLVE4U.js"}

package/assets/{index-n-p43kD4.js → index-DlTsCRKG.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{j as e}from"./index-DaRevScO.js";import{r as a}from"./vendor-router-D_36sTKu.js";import{L as r,S as n,a as o,P as i,b as t,B as s}from"./LegalPageLayout-BGd6IPpz.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-intl-D2lXWsDp.js";const l=[{id:"code-of-ethics",label:"1. Decentraland’s Code of Ethics"},{id:"policies-and-principles",label:"2. Policies and Principles"},{id:"standard-of-conduct",label:"2.1 Standard of Conduct",depth:1},{id:"compliance-with-law",label:"2.2 Compliance with Law",depth:1},{id:"financial-recordkeeping",label:"2.3 Financial Recordkeeping/Management",depth:1},{id:"reporting",label:"2.4 Reporting",depth:1},{id:"monitoring-and-controlling",label:"2.5 Monitoring and controlling",depth:1},{id:"employees",label:"2.6 Employees",depth:1},{id:"equal-opportunity-employment",label:"2.7 Equal Opportunity Employment",depth:1},{id:"health-and-safety",label:"2.8 Health and Safety in the Workplace",depth:1},{id:"no-violence",label:"2.9 No Violence",depth:1},{id:"drugs-and-alcohol",label:"2.10 Drugs and Alcohol",depth:1},{id:"the-environment",label:"2.11 The Environment",depth:1},{id:"records-and-reports",label:"2.12 Records and Reports",depth:1},{id:"confidentiality",label:"2.13 Confidentiality",depth:1},{id:"compliance-team",label:"3. The Compliance Team"},{id:"implementation",label:"4. Implementation – Training Procedures"},{id:"business-partners",label:"5. Treatment of Business Partners and Third Parties/Conflicts of Interest"},{id:"shareholders",label:"5.1 Shareholders",depth:1},{id:"competition",label:"5.2 Competition",depth:1},{id:"business-integrity-gifts",label:"5.3 Business Integrity – Gifts",depth:1},{id:"conflicts-of-interests",label:"5.4 Conflicts of Interests",depth:1},{id:"public-activities",label:"5.5 Public Activities",depth:1},{id:"contracts",label:"5.6 Contracts",depth:1},{id:"know-your-client",label:"5.7 Know your client",depth:1},{id:"basic-rules-of-conduct",label:"6. Basic Rules of Conducts on Risk Matters"},{id:"breaches-to-the-code",label:"7. Breaches to the Code"}],c=a.memo(()=>e.jsxs(r,{title:"Code of Ethics",activeSlug:"/ethics",tableOfContents:l,children:[e.jsxs(n,{id:"code-of-ethics",children:[e.jsx(o,{children:"1. Decentraland's Code of Ethics"}),e.jsx(i,{children:`This Code of Ethics applies to Decentraland and all of its affiliates or subsidiaries (the "Decentraland Group"). Our Values of integrity, responsibility, respect and pioneering are the simplest statement of who we are. They govern everything we do. Our reputation as a company that the users can trust is our most valuable asset, and it is up to all of us to make sure that we continually earn that trust. All of our communications and other interactions with our users should increase their trust in us, that's why we publish this externally and expect all others who work with us to set themselves equally high principles.`})]}),e.jsxs(n,{id:"policies-and-principles",children:[e.jsx(o,{children:"2. Policies and Principles"}),e.jsx(i,{children:"These Policies and Principles we are talking about the ethical behaviors and guides that we all need to follow when working for Decentraland. They are mandatory for us, but we also publish them externally on our website in support of transparency. Compliance with these principles is an essential part of the way we conduct business. The Decentraland Compliance Team is responsible for guarantying the application of these Policies and Principles throughout the company. Keeping in mind the following Policies and Principles will help us to achieve the highest standards of compliance."}),e.jsx(t,{id:"standard-of-conduct",children:"2.1 Standard of Conduct"}),e.jsx(i,{children:"We conduct all our operations and transactions with honesty, integrity and openness, and with respect for the human rights and interests of our employees and of all of those with whom we interact."}),e.jsx(t,{id:"compliance-with-law",children:"2.2 Compliance with Law"}),e.jsx(i,{children:"Decentraland Group and its employees are required to know, respect and comply the laws and regulations of the countries in which we operate. Every employee shall act ethically and in compliance with applicable laws and regulations while carrying out the Decentraland's business. Decentraland has a zero tolerance policy for violations of applicable laws."}),e.jsx(t,{id:"financial-recordkeeping",children:"2.3 Financial Recordkeeping/Management"}),e.jsx(i,{children:"All relevant transactions must be approved by the Compliance Team before being implemented. The accounting and cash handling procedures must be followed in order to avoid operational and legal risks."}),e.jsx(t,{id:"reporting",children:"2.4 Reporting"}),e.jsxs(i,{children:["Any breaches of this Code must be reported to the Compliance Team, to the email account"," ",e.jsx("a",{href:"mailto:compliance@decentraland.org",children:"compliance@decentraland.org"}),". Provision has been made for employees to be able to report in confidence and no employee will suffer as a consequence of doing so no matter who he/she is reporting (even a superior). Decentraland aims to encourage employees to report potential breaches of the Codes of Ethics, not only once the act is committed."]}),e.jsx(t,{id:"monitoring-and-controlling",children:"2.5 Monitoring and controlling"}),e.jsx(i,{children:"Although we respect your privacy please be aware that for personal business you should use your personal devices. Decentraland will monitor and control the use of Decentraland's property, which includes, but is not limited to, computer, tablet, cell phone and email accounts provided to you. All devices provided by Decentraland have a monitoring software to prevent the commission of illegal acts. Random checks will be made on all Decentraland's devices"}),e.jsx(t,{id:"employees",children:"2.6 Employees"}),e.jsx(i,{children:"Decentraland is committed to a working environment that promotes diversity and equal opportunity and where there is mutual trust, respect for human rights and no discrimination. We are committed to working with employees to develop and enhance each individual's skills and capabilities, respect them, and maintain good communication with them. This Code of Ethics will be annexed to all employments agreements."}),e.jsx(t,{id:"equal-opportunity-employment",children:"2.7 Equal Opportunity Employment"}),e.jsx(i,{children:"Employment here is based exclusively upon individual merit and qualifications directly related to professional competence in the area where each employee is specialized. We strictly prohibit unlawful discrimination, harassment, bullying in any form – verbal, physical, or visual or any other characteristics protected by law (such as race, sex, marital status, medical condition, etc.). We also make all reasonable accommodations to meet our obligations under laws protecting the rights of the disabled."}),e.jsx(t,{id:"health-and-safety",children:"2.8 Health and Safety in the Workplace"}),e.jsx(i,{children:"We are committed to a safe work environment, and we strongly procure full compliance with health and safety regulation. All employees will be receive training concerning safety procedures and fire drills. Furthermore, we encourage a healthy diet for our employees and we make available fruit and vegetables for snacking in the workplace."}),e.jsx(t,{id:"no-violence",children:"2.9 No Violence"}),e.jsx(i,{children:"We are committed to a violence-free work environment, and we have zero tolerance for any level of violence, harassment or any other inappropriate behavior in the workplace."}),e.jsx(t,{id:"drugs-and-alcohol",children:"2.10 Drugs and Alcohol"}),e.jsx(i,{children:"Substance abuse is incompatible with the health and safety of our employees, and we don't permit it. Consumption of alcohol is banned at our offices, except for special events, where all employees should use a good judgment and never drink in a way that leads to impaired performance or inappropriate behavior, endangers the safety of others, or violates the law. Illegal drugs in our offices are strictly prohibited."}),e.jsx(t,{id:"the-environment",children:"2.11 The Environment"}),e.jsx(i,{children:"Decentraland is committed to promote environmental care, increase understanding of environmental issues and disseminate good practice inside the company with recycling procedures."}),e.jsx(t,{id:"records-and-reports",children:"2.12 Records and Reports"}),e.jsx(i,{children:"Open and effective cooperation requires correct and truthful reporting. This applies equally to the relationship with shareholders, employees, customers and the Decentraland Group as well as with the public and any governmental offices such as, for instance, supervisory authorities."}),e.jsx(t,{id:"confidentiality",children:"2.13 Confidentiality"}),e.jsx(i,{children:"Confidentiality must be maintained with regard to internal corporate matters which have not been made known to the public. We respect and protect the data privacy and security of the information that we received from any third party."})]}),e.jsxs(n,{id:"compliance-team",children:[e.jsx(o,{children:"3. The Compliance Team"}),e.jsx(i,{children:"The Compliance Team has a duty of supervision. The members of the Compliance Team must be diligent, proactive and ethical individuals whose role is to make sure that the Company is conducting its business in full compliance with this Code of Ethics and the applicable law."})]}),e.jsxs(n,{id:"implementation",children:[e.jsx(o,{children:"4. Implementation – Training Procedures"}),e.jsx(i,{children:"Decentraland shall conduct regular training procedures to make sure that everyone knows and understands the Code of Ethics. Our employees are the face of our Company and we train them to respect the Company's principles and standards not only while working but also in their own life."})]}),e.jsxs(n,{id:"business-partners",children:[e.jsx(o,{children:"5. Treatment of Business Partners and Third Parties/Conflicts of Interest"}),e.jsx(t,{id:"shareholders",children:"5.1 Shareholders"}),e.jsx(i,{children:"Decentraland will conduct its operations in accordance with internationally accepted principles of good corporate governance. We will provide timely, regular and reliable information on our activities, structure, financial situation and performance to all shareholders anytime they need it and also be in accordance between all the companies in the Decentraland Group."}),e.jsx(t,{id:"competition",children:"5.2 Competition"}),e.jsx(i,{children:"Decentraland companies and employees will conduct their operations in accordance with the principles of fair competition and all applicable regulations. Every employee must comply with the laws of fair competition. Employees shall seek guidance from the legal department of their particular company within the Decentraland Group when in doubt."}),e.jsx(t,{id:"business-integrity-gifts",children:"5.3 Business Integrity – Gifts"}),e.jsx(i,{children:"Decentraland does not give or receive, whether directly or indirectly, bribes or other improper payments or advantages for business or financial gain. One of our principles is to avoid corruption, that's why no employee may offer, give or receive any gift or payment which is, or may be construed as being, a bribe. Any demand for, or offer of, a bribe must be rejected immediately and reported to the Compliance Team. In cases of doubt, the recipient should be asked to obtain prior permission from the Compliance Team."}),e.jsx(t,{id:"conflicts-of-interests",children:"5.4 Conflicts of Interests"}),e.jsx(i,{children:"All employees and service providers working for Decentraland are expected to avoid personal activities and financial interests which could conflict with their responsibilities to the Company. No employee may directly or indirectly, neither in his/her country nor abroad, offer or grant unlawful benefits in connection with his/her business dealings."}),e.jsx(t,{id:"public-activities",children:"5.5 Public Activities"}),e.jsx(i,{children:"Decentraland will co-operate with governments and other organizations, both directly and through bodies such as trade associations, in the development of proposed legislation and other regulations which may affect legitimate business interests."}),e.jsx(t,{id:"contracts",children:"5.6 Contracts"}),e.jsx(i,{children:"Inclusion of the Code of Ethics as an annex to all contracts of the company will be mandatory. All new contractors and partners will need to sign statement acknowledging and accepting the contents of the Code of Ethics to be sure that they know and respect our standards."}),e.jsx(t,{id:"know-your-client",children:"5.7 Know your client"}),e.jsx(i,{children:"Before entering into any contract a Know Your Client form should be completed by the relevant party. This should provide for the identification of directors, shareholders and final economic beneficiaries and this allows the company to have a real record of who are we dealing with."})]}),e.jsxs(n,{id:"basic-rules-of-conduct",children:[e.jsx(o,{children:"6. Basic Rules of Conducts on Risk Matters"}),e.jsx(i,{children:"Decentraland and its employees will ensure that Decentraland does not receive the proceeds of criminal activities. All employees must be alert to the suspicious transactions such as when third parties (i) make or ask for payments in a form outside the ordinary course of business; (ii) split payments from several companies to our company; (iii) make or ask for payments in cash when they are usually made by check or wire transfer; or (iv) make or ask for payments in advance when are not customary or required by contract."}),e.jsx(i,{children:"Employees involved in engaging or contracting with third parties such as new clients or investors must:"}),e.jsxs(s,{children:[e.jsx("li",{children:"Ensure that the third parties in question are subject to screening to assess their identity and legitimacy before contracts are signed or transactions occur;"}),e.jsx("li",{children:"Carefully consider if it is necessary to consult with the Company's Compliance Team before deciding whether to do business with the third party."}),e.jsx("li",{children:"Certain decisions that could involve risks pursuant to the risk matters mentioned should be backed by legal opinions issued by attorneys of the relevant jurisdiction."})]})]}),e.jsxs(n,{id:"breaches-to-the-code",children:[e.jsx(o,{children:"7. Breaches to the Code"}),e.jsx(i,{children:"Breaching the Code of Ethics could have very serious consequences for Decentraland and for individuals involved. Where illegal conduct is involved, these could include significant fines for Decentraland, imprisonment for individuals and significant damage to our reputation."}),e.jsx(i,{children:"Regardless of the sanctions imposed by the law, any employee guilty of a violation of the law or of this Code of Ethics while carrying out the Decentraland Group's business will be subject to disciplinary measures up to and including termination when applicable."})]})]}));c.displayName="CodeOfEthics";export{c as CodeOfEthics};
1	+ import{j as e}from"./index-Cjx-6-Fc.js";import{r as a}from"./vendor-router-D_36sTKu.js";import{L as r,S as n,a as o,P as i,b as t,B as s}from"./LegalPageLayout-PNgx2stH.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-intl-D2lXWsDp.js";const l=[{id:"code-of-ethics",label:"1. Decentraland’s Code of Ethics"},{id:"policies-and-principles",label:"2. Policies and Principles"},{id:"standard-of-conduct",label:"2.1 Standard of Conduct",depth:1},{id:"compliance-with-law",label:"2.2 Compliance with Law",depth:1},{id:"financial-recordkeeping",label:"2.3 Financial Recordkeeping/Management",depth:1},{id:"reporting",label:"2.4 Reporting",depth:1},{id:"monitoring-and-controlling",label:"2.5 Monitoring and controlling",depth:1},{id:"employees",label:"2.6 Employees",depth:1},{id:"equal-opportunity-employment",label:"2.7 Equal Opportunity Employment",depth:1},{id:"health-and-safety",label:"2.8 Health and Safety in the Workplace",depth:1},{id:"no-violence",label:"2.9 No Violence",depth:1},{id:"drugs-and-alcohol",label:"2.10 Drugs and Alcohol",depth:1},{id:"the-environment",label:"2.11 The Environment",depth:1},{id:"records-and-reports",label:"2.12 Records and Reports",depth:1},{id:"confidentiality",label:"2.13 Confidentiality",depth:1},{id:"compliance-team",label:"3. The Compliance Team"},{id:"implementation",label:"4. Implementation – Training Procedures"},{id:"business-partners",label:"5. Treatment of Business Partners and Third Parties/Conflicts of Interest"},{id:"shareholders",label:"5.1 Shareholders",depth:1},{id:"competition",label:"5.2 Competition",depth:1},{id:"business-integrity-gifts",label:"5.3 Business Integrity – Gifts",depth:1},{id:"conflicts-of-interests",label:"5.4 Conflicts of Interests",depth:1},{id:"public-activities",label:"5.5 Public Activities",depth:1},{id:"contracts",label:"5.6 Contracts",depth:1},{id:"know-your-client",label:"5.7 Know your client",depth:1},{id:"basic-rules-of-conduct",label:"6. Basic Rules of Conducts on Risk Matters"},{id:"breaches-to-the-code",label:"7. Breaches to the Code"}],c=a.memo(()=>e.jsxs(r,{title:"Code of Ethics",activeSlug:"/ethics",tableOfContents:l,children:[e.jsxs(n,{id:"code-of-ethics",children:[e.jsx(o,{children:"1. Decentraland's Code of Ethics"}),e.jsx(i,{children:`This Code of Ethics applies to Decentraland and all of its affiliates or subsidiaries (the "Decentraland Group"). Our Values of integrity, responsibility, respect and pioneering are the simplest statement of who we are. They govern everything we do. Our reputation as a company that the users can trust is our most valuable asset, and it is up to all of us to make sure that we continually earn that trust. All of our communications and other interactions with our users should increase their trust in us, that's why we publish this externally and expect all others who work with us to set themselves equally high principles.`})]}),e.jsxs(n,{id:"policies-and-principles",children:[e.jsx(o,{children:"2. Policies and Principles"}),e.jsx(i,{children:"These Policies and Principles we are talking about the ethical behaviors and guides that we all need to follow when working for Decentraland. They are mandatory for us, but we also publish them externally on our website in support of transparency. Compliance with these principles is an essential part of the way we conduct business. The Decentraland Compliance Team is responsible for guarantying the application of these Policies and Principles throughout the company. Keeping in mind the following Policies and Principles will help us to achieve the highest standards of compliance."}),e.jsx(t,{id:"standard-of-conduct",children:"2.1 Standard of Conduct"}),e.jsx(i,{children:"We conduct all our operations and transactions with honesty, integrity and openness, and with respect for the human rights and interests of our employees and of all of those with whom we interact."}),e.jsx(t,{id:"compliance-with-law",children:"2.2 Compliance with Law"}),e.jsx(i,{children:"Decentraland Group and its employees are required to know, respect and comply the laws and regulations of the countries in which we operate. Every employee shall act ethically and in compliance with applicable laws and regulations while carrying out the Decentraland's business. Decentraland has a zero tolerance policy for violations of applicable laws."}),e.jsx(t,{id:"financial-recordkeeping",children:"2.3 Financial Recordkeeping/Management"}),e.jsx(i,{children:"All relevant transactions must be approved by the Compliance Team before being implemented. The accounting and cash handling procedures must be followed in order to avoid operational and legal risks."}),e.jsx(t,{id:"reporting",children:"2.4 Reporting"}),e.jsxs(i,{children:["Any breaches of this Code must be reported to the Compliance Team, to the email account"," ",e.jsx("a",{href:"mailto:compliance@decentraland.org",children:"compliance@decentraland.org"}),". Provision has been made for employees to be able to report in confidence and no employee will suffer as a consequence of doing so no matter who he/she is reporting (even a superior). Decentraland aims to encourage employees to report potential breaches of the Codes of Ethics, not only once the act is committed."]}),e.jsx(t,{id:"monitoring-and-controlling",children:"2.5 Monitoring and controlling"}),e.jsx(i,{children:"Although we respect your privacy please be aware that for personal business you should use your personal devices. Decentraland will monitor and control the use of Decentraland's property, which includes, but is not limited to, computer, tablet, cell phone and email accounts provided to you. All devices provided by Decentraland have a monitoring software to prevent the commission of illegal acts. Random checks will be made on all Decentraland's devices"}),e.jsx(t,{id:"employees",children:"2.6 Employees"}),e.jsx(i,{children:"Decentraland is committed to a working environment that promotes diversity and equal opportunity and where there is mutual trust, respect for human rights and no discrimination. We are committed to working with employees to develop and enhance each individual's skills and capabilities, respect them, and maintain good communication with them. This Code of Ethics will be annexed to all employments agreements."}),e.jsx(t,{id:"equal-opportunity-employment",children:"2.7 Equal Opportunity Employment"}),e.jsx(i,{children:"Employment here is based exclusively upon individual merit and qualifications directly related to professional competence in the area where each employee is specialized. We strictly prohibit unlawful discrimination, harassment, bullying in any form – verbal, physical, or visual or any other characteristics protected by law (such as race, sex, marital status, medical condition, etc.). We also make all reasonable accommodations to meet our obligations under laws protecting the rights of the disabled."}),e.jsx(t,{id:"health-and-safety",children:"2.8 Health and Safety in the Workplace"}),e.jsx(i,{children:"We are committed to a safe work environment, and we strongly procure full compliance with health and safety regulation. All employees will be receive training concerning safety procedures and fire drills. Furthermore, we encourage a healthy diet for our employees and we make available fruit and vegetables for snacking in the workplace."}),e.jsx(t,{id:"no-violence",children:"2.9 No Violence"}),e.jsx(i,{children:"We are committed to a violence-free work environment, and we have zero tolerance for any level of violence, harassment or any other inappropriate behavior in the workplace."}),e.jsx(t,{id:"drugs-and-alcohol",children:"2.10 Drugs and Alcohol"}),e.jsx(i,{children:"Substance abuse is incompatible with the health and safety of our employees, and we don't permit it. Consumption of alcohol is banned at our offices, except for special events, where all employees should use a good judgment and never drink in a way that leads to impaired performance or inappropriate behavior, endangers the safety of others, or violates the law. Illegal drugs in our offices are strictly prohibited."}),e.jsx(t,{id:"the-environment",children:"2.11 The Environment"}),e.jsx(i,{children:"Decentraland is committed to promote environmental care, increase understanding of environmental issues and disseminate good practice inside the company with recycling procedures."}),e.jsx(t,{id:"records-and-reports",children:"2.12 Records and Reports"}),e.jsx(i,{children:"Open and effective cooperation requires correct and truthful reporting. This applies equally to the relationship with shareholders, employees, customers and the Decentraland Group as well as with the public and any governmental offices such as, for instance, supervisory authorities."}),e.jsx(t,{id:"confidentiality",children:"2.13 Confidentiality"}),e.jsx(i,{children:"Confidentiality must be maintained with regard to internal corporate matters which have not been made known to the public. We respect and protect the data privacy and security of the information that we received from any third party."})]}),e.jsxs(n,{id:"compliance-team",children:[e.jsx(o,{children:"3. The Compliance Team"}),e.jsx(i,{children:"The Compliance Team has a duty of supervision. The members of the Compliance Team must be diligent, proactive and ethical individuals whose role is to make sure that the Company is conducting its business in full compliance with this Code of Ethics and the applicable law."})]}),e.jsxs(n,{id:"implementation",children:[e.jsx(o,{children:"4. Implementation – Training Procedures"}),e.jsx(i,{children:"Decentraland shall conduct regular training procedures to make sure that everyone knows and understands the Code of Ethics. Our employees are the face of our Company and we train them to respect the Company's principles and standards not only while working but also in their own life."})]}),e.jsxs(n,{id:"business-partners",children:[e.jsx(o,{children:"5. Treatment of Business Partners and Third Parties/Conflicts of Interest"}),e.jsx(t,{id:"shareholders",children:"5.1 Shareholders"}),e.jsx(i,{children:"Decentraland will conduct its operations in accordance with internationally accepted principles of good corporate governance. We will provide timely, regular and reliable information on our activities, structure, financial situation and performance to all shareholders anytime they need it and also be in accordance between all the companies in the Decentraland Group."}),e.jsx(t,{id:"competition",children:"5.2 Competition"}),e.jsx(i,{children:"Decentraland companies and employees will conduct their operations in accordance with the principles of fair competition and all applicable regulations. Every employee must comply with the laws of fair competition. Employees shall seek guidance from the legal department of their particular company within the Decentraland Group when in doubt."}),e.jsx(t,{id:"business-integrity-gifts",children:"5.3 Business Integrity – Gifts"}),e.jsx(i,{children:"Decentraland does not give or receive, whether directly or indirectly, bribes or other improper payments or advantages for business or financial gain. One of our principles is to avoid corruption, that's why no employee may offer, give or receive any gift or payment which is, or may be construed as being, a bribe. Any demand for, or offer of, a bribe must be rejected immediately and reported to the Compliance Team. In cases of doubt, the recipient should be asked to obtain prior permission from the Compliance Team."}),e.jsx(t,{id:"conflicts-of-interests",children:"5.4 Conflicts of Interests"}),e.jsx(i,{children:"All employees and service providers working for Decentraland are expected to avoid personal activities and financial interests which could conflict with their responsibilities to the Company. No employee may directly or indirectly, neither in his/her country nor abroad, offer or grant unlawful benefits in connection with his/her business dealings."}),e.jsx(t,{id:"public-activities",children:"5.5 Public Activities"}),e.jsx(i,{children:"Decentraland will co-operate with governments and other organizations, both directly and through bodies such as trade associations, in the development of proposed legislation and other regulations which may affect legitimate business interests."}),e.jsx(t,{id:"contracts",children:"5.6 Contracts"}),e.jsx(i,{children:"Inclusion of the Code of Ethics as an annex to all contracts of the company will be mandatory. All new contractors and partners will need to sign statement acknowledging and accepting the contents of the Code of Ethics to be sure that they know and respect our standards."}),e.jsx(t,{id:"know-your-client",children:"5.7 Know your client"}),e.jsx(i,{children:"Before entering into any contract a Know Your Client form should be completed by the relevant party. This should provide for the identification of directors, shareholders and final economic beneficiaries and this allows the company to have a real record of who are we dealing with."})]}),e.jsxs(n,{id:"basic-rules-of-conduct",children:[e.jsx(o,{children:"6. Basic Rules of Conducts on Risk Matters"}),e.jsx(i,{children:"Decentraland and its employees will ensure that Decentraland does not receive the proceeds of criminal activities. All employees must be alert to the suspicious transactions such as when third parties (i) make or ask for payments in a form outside the ordinary course of business; (ii) split payments from several companies to our company; (iii) make or ask for payments in cash when they are usually made by check or wire transfer; or (iv) make or ask for payments in advance when are not customary or required by contract."}),e.jsx(i,{children:"Employees involved in engaging or contracting with third parties such as new clients or investors must:"}),e.jsxs(s,{children:[e.jsx("li",{children:"Ensure that the third parties in question are subject to screening to assess their identity and legitimacy before contracts are signed or transactions occur;"}),e.jsx("li",{children:"Carefully consider if it is necessary to consult with the Company's Compliance Team before deciding whether to do business with the third party."}),e.jsx("li",{children:"Certain decisions that could involve risks pursuant to the risk matters mentioned should be backed by legal opinions issued by attorneys of the relevant jurisdiction."})]})]}),e.jsxs(n,{id:"breaches-to-the-code",children:[e.jsx(o,{children:"7. Breaches to the Code"}),e.jsx(i,{children:"Breaching the Code of Ethics could have very serious consequences for Decentraland and for individuals involved. Where illegal conduct is involved, these could include significant fines for Decentraland, imprisonment for individuals and significant damage to our reputation."}),e.jsx(i,{children:"Regardless of the sanctions imposed by the law, any employee guilty of a violation of the law or of this Code of Ethics while carrying out the Decentraland Group's business will be subject to disciplinary measures up to and including termination when applicable."})]})]}));c.displayName="CodeOfEthics";export{c as CodeOfEthics};