diff --git a/packages/atlas/src/views/global/YppLandingView/YppLandingViewOld.tsx b/packages/atlas/src/views/global/YppLandingView/YppLandingViewOld.tsx
deleted file mode 100644
index 2e7a20bd2a..0000000000
--- a/packages/atlas/src/views/global/YppLandingView/YppLandingViewOld.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import AOS from 'aos'
-import 'aos/dist/aos.css'
-import { FC, useCallback, useEffect, useState } from 'react'
-import { useNavigate } from 'react-router-dom'
-import { ParallaxProvider } from 'react-scroll-parallax'
-
-import { YppReferralBanner } from '@/components/_ypp/YppReferralBanner'
-import { absoluteRoutes } from '@/config/routes'
-import { useHeadTags } from '@/hooks/useHeadTags'
-import { useSegmentAnalytics } from '@/hooks/useSegmentAnalytics'
-import { useUser } from '@/providers/user/user.hooks'
-import { useYppStore } from '@/providers/ypp/ypp.store'
-
-import { YppAuthorizationModal } from './YppAuthorizationModal'
-import { Wrapper } from './YppLandingView.styles'
-import { YppCardsSections } from './oldSections/YppCardsSections'
-import { YppConnectionDetails } from './oldSections/YppConnectionDetails'
-import { YppFooter } from './oldSections/YppFooter'
-import { YppHero } from './oldSections/YppHero'
-import { YppRewardSection } from './oldSections/YppRewardSection'
-import { YppSignupVideo } from './oldSections/YppSignupVideo'
-import { useGetYppSyncedChannels } from './useGetYppSyncedChannels'
-
-export const YppLandingViewOld: FC = () => {
-  const headTags = useHeadTags('YouTube Partner Program')
-  const yppModalOpenName = useYppStore((state) => state.yppModalOpenName)
-  const setYppModalOpen = useYppStore((state) => state.actions.setYppModalOpenName)
-  const { activeMembership, channelId } = useUser()
-  const { setSelectedChannelId, setShouldContinueYppFlowAfterCreatingChannel } = useYppStore((store) => store.actions)
-  const navigate = useNavigate()
-  const { trackYppSignInButtonClick } = useSegmentAnalytics()
-  const selectedChannelTitle = activeMembership?.channels.find((channel) => channel.id === channelId)?.title
-
-  const [wasSignInTriggered, setWasSignInTriggered] = useState(false)
-  const shouldContinueYppFlowAfterCreatingChannel = useYppStore(
-    (store) => store.shouldContinueYppFlowAfterCreatingChannel
-  )
-
-  const { unsyncedChannels, isLoading, currentChannel } = useGetYppSyncedChannels()
-  const isYppSigned = !!currentChannel
-  const hasAnotherUnsyncedChannel = isYppSigned && !!unsyncedChannels?.length
-
-  useEffect(() => {
-    AOS.init({
-      duration: 750,
-      once: true,
-    })
-  }, [])
-
-  const handleYppSignUpClick = useCallback(async () => {
-    if (isYppSigned) {
-      navigate(absoluteRoutes.studio.yppDashboard())
-      return
-    }
-
-    if (!yppModalOpenName) {
-      trackYppSignInButtonClick()
-      setYppModalOpen('ypp-requirements')
-      return
-    }
-  }, [isYppSigned, yppModalOpenName, navigate, trackYppSignInButtonClick, setYppModalOpen])
-
-  useEffect(() => {
-    // rerun handleYppSignUpClick after sign in flow
-    if (wasSignInTriggered) {
-      handleYppSignUpClick()
-      setWasSignInTriggered(false)
-    }
-  }, [handleYppSignUpClick, wasSignInTriggered])
-
-  useEffect(() => {
-    if (shouldContinueYppFlowAfterCreatingChannel) {
-      setSelectedChannelId(channelId)
-      setShouldContinueYppFlowAfterCreatingChannel(false)
-      setYppModalOpen('ypp-requirements')
-    }
-  }, [
-    channelId,
-    handleYppSignUpClick,
-    setSelectedChannelId,
-    setShouldContinueYppFlowAfterCreatingChannel,
-    setYppModalOpen,
-    shouldContinueYppFlowAfterCreatingChannel,
-  ])
-
-  const getYppAtlasStatus = () => {
-    if (isLoading) {
-      return null
-    }
-
-    if (!activeMembership?.channels.length) {
-      return 'no-channel'
-    }
-    if (isYppSigned) {
-      return 'ypp-signed'
-    }
-    return 'have-channel'
-  }
-
-  return (
-    <Wrapper>
-      {headTags}
-      <YppAuthorizationModal unSyncedChannels={unsyncedChannels} />
-      <ParallaxProvider>
-        <YppReferralBanner />
-        <YppHero
-          onSelectChannel={() => setYppModalOpen('ypp-select-channel')}
-          onSignUpClick={handleYppSignUpClick}
-          yppAtlasStatus={getYppAtlasStatus()}
-          hasAnotherUnsyncedChannel={hasAnotherUnsyncedChannel}
-          selectedChannelTitle={selectedChannelTitle}
-        />
-        <YppRewardSection />
-        <YppSignupVideo />
-        <YppConnectionDetails />
-        <YppCardsSections />
-        <YppFooter onSignUpClick={handleYppSignUpClick} />
-      </ParallaxProvider>
-    </Wrapper>
-  )
-}
diff --git a/packages/atlas/src/views/global/YppLandingView/oldSections/YppCardsSection.styles.ts b/packages/atlas/src/views/global/YppLandingView/oldSections/YppCardsSection.styles.ts
deleted file mode 100644
index b70db2d842..0000000000
--- a/packages/atlas/src/views/global/YppLandingView/oldSections/YppCardsSection.styles.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import styled from '@emotion/styled'
-
-import { LayoutGrid } from '@/components/LayoutGrid'
-import { media, sizes } from '@/styles'
-
-import { imageShadow } from '../YppLandingView.styles'
-
-export const CardsWithImagesContainer = styled.div`
-  display: grid;
-  gap: ${sizes(16)};
-  ${media.md} {
-    gap: ${sizes(24)};
-  }
-`
-
-export const CardImageRow = styled(LayoutGrid)`
-  grid-gap: ${sizes(6)};
-  ${media.sm} {
-    align-items: center;
-    justify-items: center;
-  }
-`
-
-type ImageContainerProps = {
-  positionOnMobile?: 'center' | 'unset' | 'flex-end'
-  /* will prevent overflowing when parallax is applied */
-  hiddenOverflow?: boolean
-}
-
-export const ImageContainer = styled.div<ImageContainerProps>`
-  position: relative;
-  display: flex;
-  justify-content: ${({ positionOnMobile = 'unset' }) => positionOnMobile};
-  ${media.sm} {
-    overflow: ${({ hiddenOverflow }) => (hiddenOverflow ? 'hidden' : 'unset')};
-    justify-content: unset;
-  }
-`
-
-export const CardImage = styled.img<{ absolute?: boolean; dropShadow?: boolean }>`
-  width: 100%;
-  height: auto;
-  position: ${({ absolute }) => (absolute ? 'absolute' : 'relative')};
-  z-index: ${({ absolute }) => (absolute ? 0 : 1)};
-
-  ${({ dropShadow }) => dropShadow && imageShadow};
-`
diff --git a/packages/atlas/src/views/global/YppLandingView/oldSections/YppCardsSections.tsx b/packages/atlas/src/views/global/YppLandingView/oldSections/YppCardsSections.tsx
deleted file mode 100644
index 8b2f6b6dd1..0000000000
--- a/packages/atlas/src/views/global/YppLandingView/oldSections/YppCardsSections.tsx
+++ /dev/null
@@ -1,331 +0,0 @@
-import { FC } from 'react'
-import { useParallax } from 'react-scroll-parallax'
-import { ParallaxProps } from 'react-scroll-parallax/dist/components/Parallax/types'
-
-import crt1 from '@/assets/images/illustration-crt-l1.webp'
-import crt2 from '@/assets/images/illustration-crt-l2.webp'
-import gated1 from '@/assets/images/illustration-gated-l1.webp'
-import gated2 from '@/assets/images/illustration-gated-l2.webp'
-import tip1 from '@/assets/images/illustration-tip-l1.webp'
-import tip2 from '@/assets/images/illustration-tip-l2.webp'
-import tip3 from '@/assets/images/illustration-tip-l3.webp'
-import videoNfts1 from '@/assets/images/illustration-video-nfts-l1.webp'
-import videoNfts2 from '@/assets/images/illustration-video-nfts-l2.webp'
-import videoNfts3 from '@/assets/images/illustration-video-nfts-l3.webp'
-import videoNfts4 from '@/assets/images/illustration-video-nfts-l4.webp'
-import { GridItem } from '@/components/LayoutGrid'
-import { Text } from '@/components/Text'
-import { ContentCard } from '@/components/_ypp/ContentCard'
-import { atlasConfig } from '@/config'
-import { useMediaMatch } from '@/hooks/useMediaMatch'
-import { useSectionTextVariants } from '@/views/global/YppLandingView/sections/useSectionTextVariants'
-
-import { CardImage, CardImageRow, CardsWithImagesContainer, ImageContainer } from './YppCardsSection.styles'
-
-import {
-  BackgroundContainer,
-  CenteredLayoutGrid,
-  HeaderGridItem,
-  StyledLimitedWidthContainer,
-} from '../YppLandingView.styles'
-
-export const YppCardsSections: FC = () => {
-  const smMatch = useMediaMatch('sm')
-  const endScroll = smMatch ? window.innerHeight / 3 : window.innerHeight
-  const [titleVariant, subtitleVariant] = useSectionTextVariants()
-
-  const commonParallaxOpts: ParallaxProps = {
-    disabled: !smMatch,
-    endScroll,
-    speed: 0.2,
-  }
-
-  const appName = atlasConfig.general.appName
-
-  return (
-    <>
-      <BackgroundContainer noBackground>
-        <StyledLimitedWidthContainer as="section">
-          <CardsWithImagesContainer>
-            <CenteredLayoutGrid gap={4}>
-              <HeaderGridItem
-                as="header"
-                colSpan={{ base: 12, sm: 10, md: 12, lg: 8 }}
-                colStart={{ sm: 2, md: 1, lg: 3 }}
-                data-aos="fade-up"
-                data-aos-delay="350"
-                data-aos-offset="80"
-                data-aos-easing="atlas-easing"
-              >
-                <Text variant={titleVariant} as="h2">
-                  Monetize your ${appName} channel
-                </Text>
-              </HeaderGridItem>
-              <GridItem colSpan={{ base: 12, sm: 10, md: 8, lg: 6 }} colStart={{ sm: 2, md: 3, lg: 4 }}>
-                <Text
-                  variant={subtitleVariant}
-                  as="p"
-                  color="colorText"
-                  data-aos="fade-up"
-                  data-aos-delay="250"
-                  data-aos-offset="40"
-                  data-aos-easing="atlas-easing"
-                >
-                  Build a foundation for your {appName} channel with syncing YouTube content and tap into the future of
-                  content monetization.
-                </Text>
-              </GridItem>
-            </CenteredLayoutGrid>
-
-            <CardImageRow as="article">
-              <GridItem
-                colStart={{ sm: 2, md: 1, lg: 2 }}
-                colSpan={{ base: 12, sm: 10, md: 7, lg: 6 }}
-                data-aos="fade-up"
-                data-aos-delay="250"
-                data-aos-offset="80"
-                data-aos-easing="atlas-easing"
-              >
-                <ImageContainer positionOnMobile="center">
-                  <CardImage absolute src={videoNfts1} alt="Nft tiles" width="640" height="413" />
-                  <CardImageWithParallaxEffect
-                    dropShadow
-                    absolute
-                    src={videoNfts2}
-                    parallaxProps={{
-                      ...commonParallaxOpts,
-                      speed: 5,
-                    }}
-                    alt="Single nft tile"
-                    width="640"
-                    height="413"
-                  />
-                  <CardImageWithParallaxEffect
-                    dropShadow
-                    absolute
-                    src={videoNfts3}
-                    parallaxProps={{
-                      ...commonParallaxOpts,
-                      speed: 10,
-                      translateX: [13, 13],
-                    }}
-                    alt="Context menu of nft tile"
-                    width="640"
-                    height="413"
-                  />
-                  <CardImageWithParallaxEffect
-                    src={videoNfts4}
-                    parallaxProps={{
-                      ...commonParallaxOpts,
-                      speed: 15,
-                    }}
-                    alt="Cursor"
-                    width="640"
-                    height="413"
-                  />
-                </ImageContainer>
-              </GridItem>
-              <GridItem
-                colStart={{ sm: 3, md: 8 }}
-                colSpan={{ base: 12, sm: 8, md: 5, lg: 4 }}
-                data-aos="fade-up"
-                data-aos-delay="350"
-                data-aos-offset="80"
-                data-aos-easing="atlas-easing"
-              >
-                <ContentCard
-                  title="Mint and sell video NFTs on the Marketplace"
-                  subtitle="Video NFTs"
-                  body="Turn your videos into NFTs and put them up for sale. Choose between fixed price, open auction, and timed auction. Define royalties to get a cut every time your NFT gets sold again."
-                />
-              </GridItem>
-            </CardImageRow>
-
-            <CardImageRow as="article">
-              <GridItem
-                colStart={{ sm: 2, md: 6, lg: 6 }}
-                colSpan={{ base: 12, sm: 10, md: 7, lg: 6 }}
-                data-aos="fade-up"
-                data-aos-delay="350"
-                data-aos-offset="100"
-                data-aos-easing="atlas-easing"
-              >
-                <ImageContainer hiddenOverflow>
-                  <CardImage dropShadow absolute src={crt1} alt="Creator token dashboard" width="640" height="460" />
-                  <CardImageWithParallaxEffect
-                    dropShadow
-                    src={crt2}
-                    parallaxProps={{
-                      ...commonParallaxOpts,
-                      speed: 5,
-                    }}
-                    alt="Creator token holders"
-                    width="640"
-                    height="460"
-                  />
-                </ImageContainer>
-              </GridItem>
-              {/*<GridItem*/}
-              {/*  colStart={{ sm: 2, md: 6, lg: 6 }}*/}
-              {/*  colSpan={{ base: 12, sm: 10, md: 7, lg: 6 }}*/}
-              {/*  data-aos="fade-up"*/}
-              {/*  data-aos-delay="250"*/}
-              {/*  data-aos-offset="80"*/}
-              {/*  data-aos-easing="atlas-easing"*/}
-              {/*>*/}
-              {/*  <ImageContainer positionOnMobile="flex-end">*/}
-              {/*    <CardImage absolute dropShadow src={myVideosBack} alt="My videos" width="640" height="360" />*/}
-              {/*    <CardImageWithParallaxEffect*/}
-              {/*      dropShadow*/}
-              {/*      src={myVideosFront}*/}
-              {/*      parallaxProps={{*/}
-              {/*        ...commonParallaxOpts,*/}
-              {/*        speed: 5,*/}
-              {/*      }}*/}
-              {/*      alt="Button"*/}
-              {/*      width="640"*/}
-              {/*      height="360"*/}
-              {/*    />*/}
-              {/*  </ImageContainer>*/}
-              {/*</GridItem>*/}
-              <GridItem
-                colStart={{ sm: 3, md: 1, lg: 2 }}
-                rowStart={{ md: 1 }}
-                colSpan={{ base: 12, sm: 8, md: 5, lg: 4 }}
-                data-aos="fade-up"
-                data-aos-delay="350"
-                data-aos-offset="80"
-                data-aos-easing="atlas-easing"
-              >
-                <ContentCard
-                  pill={{ label: 'Coming early 2024' }}
-                  title="Issue Channel Tokens"
-                  subtitle="Creator tokens"
-                  body="Turn viewers into evangelists by letting them hold a share in your channel when they buy your own channel token."
-                />
-              </GridItem>
-            </CardImageRow>
-
-            <CardImageRow as="article">
-              <GridItem
-                colStart={{ sm: 2, md: 1, lg: 2 }}
-                colSpan={{ base: 12, sm: 10, md: 7, lg: 6 }}
-                data-aos="fade-up"
-                data-aos-delay="250"
-                data-aos-offset="80"
-                data-aos-easing="atlas-easing"
-              >
-                <ImageContainer positionOnMobile="center">
-                  <CardImage absolute src={tip1} alt="Tip tile" width="640" height="386" />
-                  <CardImageWithParallaxEffect
-                    src={tip2}
-                    parallaxProps={{
-                      ...commonParallaxOpts,
-                      speed: 5,
-                    }}
-                    alt="Tip button"
-                    width="640"
-                    height="412"
-                  />
-                  <CardImage absolute src={tip3} alt="Tip cursor" width="640" height="386" />
-                </ImageContainer>
-              </GridItem>
-              <GridItem
-                colStart={{ sm: 3, md: 8 }}
-                colSpan={{ base: 12, sm: 8, md: 5, lg: 4 }}
-                data-aos="fade-up"
-                data-aos-delay="350"
-                data-aos-offset="80"
-                data-aos-easing="atlas-easing"
-              >
-                <ContentCard
-                  pill={{ label: 'Coming late 2024' }}
-                  title="Get recognized and supported with tips"
-                  subtitle="Tips"
-                  body="Receive tips from your viewers who appreciate your work and want you to know about it."
-                />
-              </GridItem>
-            </CardImageRow>
-
-            <CardImageRow as="article">
-              <GridItem
-                colStart={{ sm: 2, md: 6, lg: 6 }}
-                colSpan={{ base: 12, sm: 10, md: 7, lg: 6 }}
-                data-aos="fade-up"
-                data-aos-delay="350"
-                data-aos-offset="100"
-                data-aos-easing="atlas-easing"
-              >
-                <ImageContainer hiddenOverflow>
-                  <CardImage dropShadow absolute src={gated1} alt="Creator token dashboard" width="640" height="460" />
-                  <CardImageWithParallaxEffect
-                    dropShadow
-                    src={gated2}
-                    parallaxProps={{
-                      ...commonParallaxOpts,
-                      speed: 5,
-                    }}
-                    alt="Creator token holders"
-                    width="640"
-                    height="460"
-                  />
-                </ImageContainer>
-              </GridItem>
-              <GridItem
-                colStart={{ sm: 3, md: 1, lg: 2 }}
-                rowStart={{ md: 1 }}
-                colSpan={{ base: 12, sm: 8, md: 5, lg: 4 }}
-                data-aos="fade-up"
-                data-aos-delay="350"
-                data-aos-offset="80"
-                data-aos-easing="atlas-easing"
-              >
-                <ContentCard
-                  pill={{ label: 'Coming late 2024' }}
-                  title="Create videos which only your supporters can access"
-                  subtitle="Gated content"
-                  body="Offer exclusive content to the selected members who purchased your tokens and NFTs."
-                />
-              </GridItem>
-            </CardImageRow>
-          </CardsWithImagesContainer>
-        </StyledLimitedWidthContainer>
-      </BackgroundContainer>
-    </>
-  )
-}
-
-type CardImageWithParallaxEffectProps = {
-  src: string
-  alt: string
-  dropShadow?: boolean
-  absolute?: boolean
-  parallaxProps: ParallaxProps
-  width?: string
-  height?: string
-}
-
-const CardImageWithParallaxEffect: FC<CardImageWithParallaxEffectProps> = ({
-  src,
-  alt,
-  dropShadow,
-  parallaxProps,
-  absolute,
-  ...rest
-}) => {
-  const { ref: imageRef, controller } = useParallax<HTMLImageElement>(parallaxProps)
-
-  // updates cached values after image dimensions have loaded
-  const handleLoad = () => controller?.update()
-  return (
-    <CardImage
-      absolute={absolute}
-      dropShadow={dropShadow}
-      src={src}
-      ref={imageRef}
-      alt={alt}
-      onLoad={handleLoad}
-      {...rest}
-    />
-  )
-}
diff --git a/packages/atlas/src/views/global/YppLandingView/oldSections/YppConnectionDetails.tsx b/packages/atlas/src/views/global/YppLandingView/oldSections/YppConnectionDetails.tsx
deleted file mode 100644
index 918ff4918d..0000000000
--- a/packages/atlas/src/views/global/YppLandingView/oldSections/YppConnectionDetails.tsx
+++ /dev/null
@@ -1,132 +0,0 @@
-import styled from '@emotion/styled'
-
-import { SvgActionCheck } from '@/assets/icons'
-import { FlexBox } from '@/components/FlexBox'
-import { FlexGridItem } from '@/components/LayoutGrid'
-import { Text } from '@/components/Text'
-import { useMediaMatch } from '@/hooks/useMediaMatch'
-import { cVar, media, sizes, square } from '@/styles'
-import {
-  BackgroundContainer,
-  CenteredLayoutGrid,
-  HeaderGridItem,
-  StyledLimitedWidthContainer,
-} from '@/views/global/YppLandingView/YppLandingView.styles'
-import { useSectionTextVariants } from '@/views/global/YppLandingView/sections/useSectionTextVariants'
-
-export const YppConnectionDetails = () => {
-  const mdMatch = useMediaMatch('md')
-  const smMatch = useMediaMatch('sm')
-  const [titleVariant, subtitleVariant] = useSectionTextVariants()
-
-  return (
-    <BackgroundContainer>
-      <StyledLimitedWidthContainer centerText>
-        <CenteredLayoutGrid>
-          <HeaderGridItem
-            as="header"
-            colStart={{ sm: 2 }}
-            colSpan={{ base: 12, sm: 10 }}
-            data-aos="fade-up"
-            data-aos-delay="350"
-            data-aos-offset="80"
-            data-aos-easing="atlas-easing"
-          >
-            <CheckBox square={smMatch ? 56 : 40}>
-              <SvgActionCheck />
-            </CheckBox>
-            <Text variant={titleVariant} as="span">
-              Connecting is{' '}
-              <Text variant={titleVariant} as="span" color="colorTextSuccess">
-                Safe
-              </Text>
-            </Text>
-            <Text
-              variant={mdMatch ? 't500' : subtitleVariant}
-              as="p"
-              color="colorText"
-              data-aos="fade-up"
-              data-aos-delay="250"
-              data-aos-offset="40"
-              data-aos-easing="atlas-easing"
-              margin={{ top: 4, bottom: mdMatch ? 10 : 6 }}
-            >
-              We are verified by the YouTube Safety Team. We can only read specific types of data through the official
-              API. We cannot publish or change anything on your YouTube channel.
-            </Text>
-          </HeaderGridItem>
-          <AllowanceBox
-            flow="column"
-            gap={6}
-            colSpan={{ base: 12, sm: 10, md: 8, lg: 6 }}
-            colStart={{ sm: 2, md: 3, lg: 4 }}
-          >
-            <Text variant={smMatch ? 'h500' : 'h400'} as="h5">
-              We can read
-            </Text>
-            <FlexBox flow="column" gap={mdMatch ? 6 : 4}>
-              {[
-                'Channel title, avater, image, sub count, date.',
-                'Video titles, views and date.',
-                'Account profile.',
-              ].map((scope, idx) => (
-                <FlexBox key={idx} alignItems="center" gap={2}>
-                  <SmallCheckBox>
-                    <SvgActionCheck />
-                  </SmallCheckBox>
-                  <Text variant={smMatch ? 'h400' : 'h300'} as="p" color="colorText" align="left">
-                    {scope}
-                  </Text>
-                </FlexBox>
-              ))}
-            </FlexBox>
-          </AllowanceBox>
-        </CenteredLayoutGrid>
-      </StyledLimitedWidthContainer>
-    </BackgroundContainer>
-  )
-}
-
-export const CheckBox = styled.div<{ square: number }>`
-  background: ${cVar('colorBackgroundSuccess')};
-  display: grid;
-  place-items: center;
-  padding: ${sizes(2)};
-  border-radius: 50%;
-  width: fit-content;
-  margin: 0 auto;
-  ${(props) => square(props.square)};
-
-  svg {
-    width: 100%;
-    height: 100%;
-  }
-`
-
-const SmallCheckBox = styled.div`
-  background: ${cVar('colorBackgroundMutedAlpha')};
-  border-radius: 50%;
-  display: grid;
-  place-items: center;
-  ${square(32)};
-
-  svg {
-    ${square(20)};
-  }
-
-  path {
-    fill: ${cVar('colorTextSuccess')};
-  }
-`
-
-const AllowanceBox = styled(FlexGridItem)`
-  background: ${cVar('colorBackgroundMutedAlpha')};
-  border: 1px solid ${cVar('colorBorderMutedAlpha')};
-  border-radius: ${cVar('radiusMedium')};
-  padding: ${sizes(6)};
-  margin: 0 auto;
-
-  ${media.sm} {
-    padding: ${sizes(8)};
-  }
-`
diff --git a/packages/atlas/src/views/global/YppLandingView/oldSections/YppFooter.styles.ts b/packages/atlas/src/views/global/YppLandingView/oldSections/YppFooter.styles.ts
deleted file mode 100644
index 3e20ec69c7..0000000000
--- a/packages/atlas/src/views/global/YppLandingView/oldSections/YppFooter.styles.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import styled from '@emotion/styled'
-
-import bottomLeftPattern from '@/assets/images/ypp-background-pattern.svg'
-import topLeftBannerPattern from '@/assets/images/ypp-banner-pattern.svg'
-import { GoogleButton } from '@/components/_buttons/GoogleButton'
-import { cVar, media, sizes } from '@/styles'
-
-export const CtaBanner = styled.div`
-  padding: ${sizes(6)};
-  background: ${cVar('colorBackgroundPrimary')};
-  text-align: center;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin: ${sizes(16)} 0;
-  border-radius: ${cVar('radiusLarge')};
-
-  ${media.xs} {
-    padding: ${sizes(8)};
-  }
-
-  ${media.sm} {
-    background-image: url(${bottomLeftPattern}), url(${topLeftBannerPattern});
-    background-position: bottom left, top right;
-    background-repeat: no-repeat, no-repeat;
-    padding: ${sizes(16)} ${sizes(12)};
-  }
-
-  ${media.md} {
-    margin: ${sizes(24)} 0;
-  }
-`
-
-export const StyledButton = styled(GoogleButton)`
-  margin-top: ${sizes(8)};
-`
diff --git a/packages/atlas/src/views/global/YppLandingView/oldSections/YppFooter.tsx b/packages/atlas/src/views/global/YppLandingView/oldSections/YppFooter.tsx
deleted file mode 100644
index 1edcdb006f..0000000000
--- a/packages/atlas/src/views/global/YppLandingView/oldSections/YppFooter.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import { FC, ReactElement } from 'react'
-
-import { SvgActionInfo, SvgActionSpeech, SvgActionTokensStack } from '@/assets/icons'
-import { GridItem, LayoutGrid } from '@/components/LayoutGrid'
-import { Text } from '@/components/Text'
-import { CallToActionButton, CallToActionWrapper } from '@/components/_buttons/CallToActionButton'
-import { atlasConfig } from '@/config'
-import { YppWidgetIcons } from '@/config/configSchema'
-import { useSectionTextVariants } from '@/views/global/YppLandingView/sections/useSectionTextVariants'
-
-import { CtaBanner, StyledButton } from './YppFooter.styles'
-
-import { StyledLimitedWidthContainer } from '../YppLandingView.styles'
-
-export const configYppIconMapper: Record<YppWidgetIcons, ReactElement> = {
-  info: <SvgActionInfo />,
-  message: <SvgActionSpeech />,
-  tokenStack: <SvgActionTokensStack />,
-}
-
-type YppFooterSectionProps = {
-  onSignUpClick: () => void
-}
-
-export const YppFooter: FC<YppFooterSectionProps> = ({ onSignUpClick }) => {
-  const [titleVariant] = useSectionTextVariants()
-
-  return (
-    <>
-      <StyledLimitedWidthContainer
-        centerText
-        data-aos="fade-up"
-        data-aos-delay="250"
-        data-aos-offset="80"
-        data-aos-easing="atlas-easing"
-      >
-        <LayoutGrid>
-          <GridItem colStart={{ lg: 2 }} colSpan={{ base: 12, lg: 10 }}>
-            <CtaBanner>
-              <Text variant="h100" as="p" color="colorText">
-                Get started now
-              </Text>
-              <Text variant={titleVariant} as="h2" color="colorCoreBaseWhite" margin={{ top: 1 }}>
-                Pave the way to Web3 with your YouTube channel right away.
-              </Text>
-
-              <StyledButton onClick={onSignUpClick}>Authorize with YouTube</StyledButton>
-            </CtaBanner>
-          </GridItem>
-        </LayoutGrid>
-      </StyledLimitedWidthContainer>
-      {atlasConfig.features.ypp.widgets && (
-        <CallToActionWrapper itemsCount={atlasConfig.features.ypp.widgets.length}>
-          {atlasConfig.features.ypp.widgets.map((widget) => (
-            <CallToActionButton
-              icon={widget.icon && configYppIconMapper[widget.icon]}
-              key={widget.title}
-              external
-              colorVariant="lightBlue"
-              label={widget.title}
-              to={widget.link}
-            />
-          ))}
-        </CallToActionWrapper>
-      )}
-    </>
-  )
-}
diff --git a/packages/atlas/src/views/global/YppLandingView/oldSections/YppHero.styles.ts b/packages/atlas/src/views/global/YppLandingView/oldSections/YppHero.styles.ts
deleted file mode 100644
index 8f29f25b97..0000000000
--- a/packages/atlas/src/views/global/YppLandingView/oldSections/YppHero.styles.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import styled from '@emotion/styled'
-
-import { InfiniteCarousel } from '@/components/InfiniteCarousel/InfiniteCarousel'
-import { cVar, media, sizes } from '@/styles'
-
-import { imageShadow } from '../YppLandingView.styles'
-
-export const HeroImageWrapper = styled.div`
-  position: relative;
-  margin: ${sizes(16)} auto 0 auto;
-
-  ${media.lg} {
-    max-width: 1082px;
-  }
-`
-
-export const ButtonWrapper = styled.div`
-  display: flex;
-  justify-content: center;
-`
-
-export const LogosContainer = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: ${sizes(10)};
-  margin-bottom: ${sizes(6)};
-`
-
-export const SelectDifferentChannelButton = styled.button`
-  white-space: normal;
-  border: none;
-  background: none;
-  color: ${cVar('colorTextPrimary')};
-  padding: 0;
-  font: inherit;
-  cursor: pointer;
-
-  :hover,
-  :focus-visible {
-    text-decoration: underline;
-  }
-`
-
-export const FrontImage = styled.img`
-  width: 100%;
-  max-width: 100%;
-  height: auto;
-  display: block;
-  border-radius: ${cVar('radiusMedium')};
-  margin-top: 10%;
-  ${imageShadow}
-`
-
-export const BackImage = styled.img`
-  position: absolute;
-  width: 80%;
-  max-width: 100%;
-  height: auto;
-  display: block;
-  left: 10%;
-  top: -10%;
-  border-radius: ${cVar('radiusMedium')};
-`
-
-export const StyledInfiniteCarousel = styled(InfiniteCarousel)`
-  margin-top: ${sizes(16)};
-  ${media.md} {
-    margin-top: ${sizes(24)};
-  }
-`
diff --git a/packages/atlas/src/views/global/YppLandingView/oldSections/YppHero.tsx b/packages/atlas/src/views/global/YppLandingView/oldSections/YppHero.tsx
deleted file mode 100644
index 6a064b4b53..0000000000
--- a/packages/atlas/src/views/global/YppLandingView/oldSections/YppHero.tsx
+++ /dev/null
@@ -1,194 +0,0 @@
-import { FC } from 'react'
-import { useParallax } from 'react-scroll-parallax'
-import { CSSTransition, SwitchTransition } from 'react-transition-group'
-import useResizeObserver from 'use-resize-observer'
-
-import { useMostPaidChannels } from '@/api/hooks/channel'
-import { SvgActionChevronR, SvgLogoGoogleWhiteFull, SvgLogoYoutubeWhiteFull } from '@/assets/icons'
-import hero from '@/assets/images/ypp-hero/hero.webp'
-import yt from '@/assets/images/ypp-hero/yt.webp'
-import { AppLogo } from '@/components/AppLogo'
-import { GridItem, LayoutGrid } from '@/components/LayoutGrid'
-import { Text } from '@/components/Text'
-import { Button } from '@/components/_buttons/Button'
-import { GoogleButton } from '@/components/_buttons/GoogleButton'
-import { PaidChannelCard } from '@/components/_channel/ChannelCard'
-import { SkeletonLoader } from '@/components/_loaders/SkeletonLoader'
-import { atlasConfig } from '@/config'
-import { useMediaMatch } from '@/hooks/useMediaMatch'
-import { cVar, transitions } from '@/styles'
-import { useSectionTextVariants } from '@/views/global/YppLandingView/sections/useSectionTextVariants'
-
-import {
-  BackImage,
-  ButtonWrapper,
-  FrontImage,
-  HeroImageWrapper,
-  LogosContainer,
-  SelectDifferentChannelButton,
-  StyledInfiniteCarousel,
-} from './YppHero.styles'
-
-import {
-  GlowBox,
-  GlowContainer,
-  HeroBackgroundContainer,
-  StyledLimitedWidthContainerHero,
-} from '../YppLandingView.styles'
-
-export type YppAtlasStatus = 'have-channel' | 'no-channel' | 'ypp-signed' | 'connect-wallet' | null
-
-type YppHeroProps = {
-  onSignUpClick: () => void
-  onSelectChannel: () => void
-  yppAtlasStatus: YppAtlasStatus
-  hasAnotherUnsyncedChannel?: boolean
-  selectedChannelTitle?: string | null
-}
-
-export const YppHero: FC<YppHeroProps> = ({
-  onSignUpClick,
-  onSelectChannel,
-  yppAtlasStatus,
-  hasAnotherUnsyncedChannel,
-  selectedChannelTitle,
-}) => {
-  const smMatch = useMediaMatch('sm')
-  const { ref, width, height } = useResizeObserver({ box: 'border-box' })
-  const [, subtitleVariant, titleVariant] = useSectionTextVariants()
-  const endScroll = smMatch ? window.innerHeight / 3 : window.innerHeight
-  const { ref: heroImageRef } = useParallax<HTMLImageElement>({
-    startScroll: 0,
-    endScroll,
-    translateY: [0, -15],
-  })
-
-  const { channels, loading } = useMostPaidChannels()
-  const items = !loading
-    ? channels?.map((channel) => <PaidChannelCard key={channel.id} channel={channel} />)
-    : Array.from({ length: 30 }).map((_, idx) => <PaidChannelCard key={idx} loading />)
-
-  return (
-    <HeroBackgroundContainer noBackground>
-      <StyledLimitedWidthContainerHero ref={ref} centerText>
-        <GlowContainer>
-          <GlowBox walkHeight={height ?? 0} walkWidth={width ?? 0} />
-        </GlowContainer>
-        <LayoutGrid as="header">
-          <GridItem colSpan={{ base: 12, sm: 10, md: 12, lg: 10 }} colStart={{ sm: 2, md: 1, lg: 2 }}>
-            <LogosContainer>
-              <AppLogo
-                variant="full"
-                height={32}
-                width={undefined}
-                data-aos="fade-up"
-                data-aos-delay="150"
-                data-aos-offset="120"
-                data-aos-easing="atlas-easing"
-              />
-            </LogosContainer>
-            <Text
-              as="h1"
-              variant={titleVariant}
-              data-aos="fade-up"
-              data-aos-delay="250"
-              data-aos-offset="80"
-              data-aos-easing="atlas-easing"
-            >
-              Connect your YouTube channel & get paid
-            </Text>
-          </GridItem>
-          <GridItem colSpan={{ base: 12, sm: 10, md: 8, lg: 6 }} colStart={{ sm: 2, md: 3, lg: 4 }}>
-            <Text
-              as="p"
-              variant={subtitleVariant}
-              color="colorText"
-              margin={{ top: 4, bottom: 12 }}
-              data-aos="fade-up"
-              data-aos-delay="350"
-              data-aos-offset="40"
-              data-aos-easing="atlas-easing"
-            >
-              YouTube videos get automatically synced to your {atlasConfig.general.appName} channel, without any
-              additional effort.
-            </Text>
-          </GridItem>
-
-          <GridItem colSpan={{ base: 12, sm: 8 }} colStart={{ sm: 3 }}>
-            <LogosContainer data-aos="fade-up" data-aos-delay="350" data-aos-offset="40" data-aos-easing="atlas-easing">
-              <SvgLogoYoutubeWhiteFull />
-              <SvgLogoGoogleWhiteFull />
-            </LogosContainer>
-            <ButtonWrapper data-aos="fade-up" data-aos-delay="450" data-aos-offset="40" data-aos-easing="atlas-easing">
-              <SwitchTransition>
-                <CSSTransition
-                  timeout={parseInt(cVar('animationTimingFast', true))}
-                  key={yppAtlasStatus ? 'status-set' : 'loading'}
-                  classNames={transitions.names.fade}
-                >
-                  {yppAtlasStatus ? (
-                    yppAtlasStatus === 'ypp-signed' ? (
-                      <Button
-                        size="large"
-                        variant="secondary"
-                        icon={<SvgActionChevronR />}
-                        iconPlacement="right"
-                        onClick={onSignUpClick}
-                      >
-                        Go to dashboard
-                      </Button>
-                    ) : (
-                      <GoogleButton id="rewards-sync-button" onClick={onSignUpClick} />
-                    )
-                  ) : (
-                    <SkeletonLoader width={190} height={48} />
-                  )}
-                </CSSTransition>
-              </SwitchTransition>
-            </ButtonWrapper>
-          </GridItem>
-        </LayoutGrid>
-        <LayoutGrid data-aos="fade-up" data-aos-delay="450" data-aos-offset="40" data-aos-easing="atlas-easing">
-          <GridItem colStart={{ base: 1, sm: 3, md: 4, lg: 5 }} colSpan={{ base: 12, sm: 8, md: 6, lg: 4 }}>
-            <Text
-              as="p"
-              variant="t100"
-              color="colorTextMuted"
-              margin={{ top: hasAnotherUnsyncedChannel && selectedChannelTitle ? 4 : 2 }}
-            >
-              {hasAnotherUnsyncedChannel && selectedChannelTitle && (
-                <>
-                  Your channel "{selectedChannelTitle}" is already part of the YouTube Partner Program.{' '}
-                  <SelectDifferentChannelButton onClick={onSelectChannel} color="colorTextPrimary">
-                    Select a different channel
-                  </SelectDifferentChannelButton>{' '}
-                  to apply again.
-                </>
-              )}
-              {yppAtlasStatus !== 'ypp-signed' && 'It takes under 1 minute and is 100% free.'}
-            </Text>
-          </GridItem>
-        </LayoutGrid>
-        <HeroImageWrapper data-aos="fade-up" data-aos-delay="550" data-aos-offset="80" data-aos-easing="atlas-easing">
-          <BackImage src={yt} alt="Hero back" width="1152" height="824" />
-          <FrontImage ref={heroImageRef} src={hero} alt="Hero front" width="1152" height="824" />
-        </HeroImageWrapper>
-      </StyledLimitedWidthContainerHero>
-      {items && items.length >= 7 && (
-        <StyledInfiniteCarousel
-          headerGridItemProps={{ colStart: { base: 1, lg: 2 }, colSpan: { base: 12, lg: 10 } }}
-          carouselHorizonthalOffset={-32}
-          title="Signed up channels"
-          itemWidth={260}
-          items={items}
-          subTitle="What is a verified channel?"
-          informationProps={{
-            multiline: true,
-            placement: 'top-end',
-            text: `These ${atlasConfig.general.appName} channels applied to the YouTube Partner Program and got through the verification process successfully.`,
-          }}
-        />
-      )}
-    </HeroBackgroundContainer>
-  )
-}
diff --git a/packages/atlas/src/views/global/YppLandingView/oldSections/YppRewardSection.styles.ts b/packages/atlas/src/views/global/YppLandingView/oldSections/YppRewardSection.styles.ts
deleted file mode 100644
index 4f74261f00..0000000000
--- a/packages/atlas/src/views/global/YppLandingView/oldSections/YppRewardSection.styles.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import styled from '@emotion/styled'
-
-import { GridItem } from '@/components/LayoutGrid'
-import { Button } from '@/components/_buttons/Button'
-import { cVar, media, sizes } from '@/styles'
-import { Anchor } from '@/views/global/YppLandingView/YppAuthorizationModal/YppAuthorizationModal.styles'
-
-export const BenefitsCardButton = styled(Button)`
-  border-radius: 999px;
-`
-
-export const BenefitsCardsButtonsGroup = styled.div`
-  text-align: center;
-  display: grid;
-  overflow-x: auto;
-  white-space: nowrap;
-  margin: ${sizes(16)} 0 ${sizes(8)} 0;
-
-  ::-webkit-scrollbar {
-    display: none;
-  }
-
-  gap: ${sizes(2)};
-
-  ${media.sm} {
-    grid-template-columns: repeat(2, 1fr);
-  }
-
-  ${media.md} {
-    grid-template-columns: repeat(3, 1fr);
-  }
-
-  ${media.lg} {
-    grid-template-columns: repeat(6, 1fr);
-  }
-`
-
-export const BenefitsCardsContainerGridItem = styled(GridItem)`
-  display: grid;
-  gap: ${sizes(2)};
-`
-
-export const ColorAnchor = styled(Anchor)`
-  color: ${cVar('colorTextPrimary')};
-`
-
-export const RewardsSubtitleGridItem = styled(GridItem)`
-  display: grid;
-  gap: ${sizes(4)};
-  margin-top: ${sizes(8)};
-`
-
-export const RewardsSubtitleWrapper = styled.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-`
diff --git a/packages/atlas/src/views/global/YppLandingView/oldSections/YppRewardSection.tsx b/packages/atlas/src/views/global/YppLandingView/oldSections/YppRewardSection.tsx
deleted file mode 100644
index b1b2907e96..0000000000
--- a/packages/atlas/src/views/global/YppLandingView/oldSections/YppRewardSection.tsx
+++ /dev/null
@@ -1,134 +0,0 @@
-import { FC, useRef } from 'react'
-
-import { Information } from '@/components/Information'
-import { FlexGridItem, GridItem, LayoutGrid } from '@/components/LayoutGrid'
-import { Text } from '@/components/Text'
-import { TooltipText } from '@/components/Tooltip/Tooltip.styles'
-import { TierCard } from '@/components/_ypp/TierCard'
-import { atlasConfig } from '@/config'
-import { useMediaMatch } from '@/hooks/useMediaMatch'
-import { getTierRewards } from '@/utils/ypp'
-import { useSectionTextVariants } from '@/views/global/YppLandingView/sections/useSectionTextVariants'
-
-import { ColorAnchor } from './YppRewardSection.styles'
-
-import {
-  BackgroundContainer,
-  CenteredLayoutGrid,
-  RewardsSubText,
-  StyledLimitedWidthContainer,
-  TierCardWrapper,
-} from '../YppLandingView.styles'
-
-export const calculateReward = (
-  amount: number | number[] | { min: number | null; max: number } | null,
-  multiplier: number | number[],
-  tier: number
-) => {
-  if (amount === null) {
-    return null
-  } else if (typeof amount === 'number') {
-    return {
-      type: 'number' as const,
-      amount: amount * (typeof multiplier === 'number' ? multiplier : multiplier[tier]),
-    }
-  } else if (Array.isArray(amount)) {
-    return {
-      type: 'number' as const,
-      amount: amount[tier],
-    }
-  } else {
-    return { type: 'range' as const, min: amount.min, max: amount.max }
-  }
-}
-
-export const YppRewardSection: FC = () => {
-  const mdMatch = useMediaMatch('md')
-  const tiers = atlasConfig.features.ypp.tiersDefinition
-  const [titleVariant, subtitleVariant] = useSectionTextVariants()
-  const ref = useRef<HTMLDivElement>(null)
-
-  if (!tiers?.length) {
-    return null
-  }
-
-  return (
-    <BackgroundContainer noBackground>
-      <StyledLimitedWidthContainer as="section">
-        <CenteredLayoutGrid>
-          <GridItem colSpan={{ base: 12, sm: 10, md: 12, lg: 8 }} colStart={{ sm: 2, md: 1, lg: 3 }}>
-            <Text
-              variant={titleVariant}
-              as="h2"
-              data-aos="fade-up"
-              data-aos-delay="0"
-              data-aos-offset="80"
-              data-aos-easing="atlas-easing"
-            >
-              Rewards based on quality and popularity
-            </Text>
-          </GridItem>
-          <FlexGridItem colSpan={{ base: 12, sm: 10, md: 8, lg: 6 }} colStart={{ sm: 2, md: 3, lg: 4 }}>
-            <Text
-              variant={subtitleVariant}
-              as="p"
-              margin={{ top: 4, bottom: mdMatch ? 16 : 12 }}
-              color="colorText"
-              data-aos="fade-up"
-              data-aos-delay="100"
-              data-aos-offset="40"
-              data-aos-easing="atlas-easing"
-            >
-              Each participating channel is reviewed by the verification team and assigned to one of the reward tiers
-              below
-            </Text>
-          </FlexGridItem>
-        </CenteredLayoutGrid>
-        <LayoutGrid>
-          <TierCardWrapper colSpan={{ base: 12, sm: 10, md: 12, lg: 10 }} colStart={{ sm: 2, md: 1, lg: 2 }}>
-            {tiers.map((tier) => {
-              const signupMultiplier = tier.tier === 'bronze' ? 1 : atlasConfig.features.ypp.tierBoostMultiplier || 1
-              const referralMultiplier = atlasConfig.features.ypp.tierBoostMultiplier || 1
-              const modifiedRewards = [
-                tier.rewards[0] * signupMultiplier,
-                tier.rewards[1],
-                (getTierRewards('diamond')?.referral || 0) * referralMultiplier,
-              ]
-              return <TierCard key={tier.tier} {...tier} rewards={modifiedRewards} />
-            })}
-            <RewardsSubText variant="t200" as="p" color="colorTextMuted">
-              *Referral rewards depend on the tier of the invited channel.
-            </RewardsSubText>
-          </TierCardWrapper>
-          <FlexGridItem
-            colSpan={{ base: 12, sm: 10, md: 12, lg: 10 }}
-            colStart={{ sm: 2, md: 1, lg: 2 }}
-            alignItems="center"
-            marginTop={mdMatch ? -2 : 0}
-            justifyContent="end"
-          >
-            <Text variant="t200" as="p" color="colorText">
-              Payments are made in {atlasConfig.joystream.tokenTicker} tokens
-            </Text>
-            <Information
-              interactive
-              customContent={
-                <TooltipText as="span" variant="t100">
-                  {atlasConfig.joystream.tokenTicker} token is a native crypto asset of Joystream blockchain which
-                  powers {atlasConfig.general.appName}. It is used for trading Creator Tokens, NFTs and covering
-                  blockchain processing fees. It is also used for voting on proposals and partaking in council
-                  elections.{' '}
-                  <ColorAnchor href="https://www.joystream.org/token/" target="_blank">
-                    Purchase {atlasConfig.joystream.tokenTicker}
-                  </ColorAnchor>
-                </TooltipText>
-              }
-              multiline
-              reference={ref.current}
-            />
-          </FlexGridItem>
-        </LayoutGrid>
-      </StyledLimitedWidthContainer>
-    </BackgroundContainer>
-  )
-}
diff --git a/packages/atlas/src/views/global/YppLandingView/oldSections/YppSignupVideo.tsx b/packages/atlas/src/views/global/YppLandingView/oldSections/YppSignupVideo.tsx
deleted file mode 100644
index d43a96c59f..0000000000
--- a/packages/atlas/src/views/global/YppLandingView/oldSections/YppSignupVideo.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import styled from '@emotion/styled'
-
-import { GridItem } from '@/components/LayoutGrid'
-import { Text } from '@/components/Text'
-import { SkeletonLoader } from '@/components/_loaders/SkeletonLoader'
-import { useMediaMatch } from '@/hooks/useMediaMatch'
-import {
-  BackgroundContainer,
-  CenteredLayoutGrid,
-  StyledLimitedWidthContainerVideo,
-} from '@/views/global/YppLandingView/YppLandingView.styles'
-import { useSectionTextVariants } from '@/views/global/YppLandingView/sections/useSectionTextVariants'
-
-export const YppSignupVideo = () => {
-  const mdMatch = useMediaMatch('md')
-  const [titleVariant, subtitleVariant] = useSectionTextVariants()
-
-  return (
-    <BackgroundContainer noBackground>
-      <StyledLimitedWidthContainerVideo noBottomPadding>
-        <CenteredLayoutGrid data-aos="fade-up" data-aos-delay="0" data-aos-offset="80" data-aos-easing="atlas-easing">
-          <GridItem colSpan={{ base: 12, sm: 10, md: 8, lg: 6 }} colStart={{ sm: 2, md: 3, lg: 4 }}>
-            <Text variant={titleVariant} as="h1">
-              Sign up in 60 seconds
-            </Text>
-            <Text
-              variant={subtitleVariant}
-              as="p"
-              color="colorText"
-              align="center"
-              margin={{ top: 4, bottom: mdMatch ? 16 : 12 }}
-            >
-              Watch the sign up demo by one of Joystream members.
-            </Text>
-          </GridItem>
-          <GridItem colSpan={{ base: 12, sm: 10, md: 8, lg: 6 }} colStart={{ sm: 2, md: 3, lg: 4 }}>
-            <PlayerContainer
-              data-aos="fade-up"
-              data-aos-delay="100"
-              data-aos-offset="40"
-              data-aos-easing="atlas-easing"
-            >
-              <IframeVideo
-                src="https://player.vimeo.com/video/875953807?badge=0&amp;autopause=0&amp;quality_selector=1&amp;progress_bar=1&amp;player_id=0&amp;app_id=58479"
-                allow="autoplay; fullscreen; picture-in-picture"
-                title="YPP"
-              />
-            </PlayerContainer>
-          </GridItem>
-        </CenteredLayoutGrid>
-      </StyledLimitedWidthContainerVideo>
-    </BackgroundContainer>
-  )
-}
-
-const PlayerContainer = styled.div`
-  width: 100%;
-  position: relative;
-  aspect-ratio: 16/9;
-`
-
-export const PlayerSkeletonLoader = styled(SkeletonLoader)`
-  position: absolute;
-  top: 0;
-`
-
-const IframeVideo = styled.iframe`
-  border: none;
-  width: 640px;
-  height: 364px;
-  max-width: 100%;
-  max-height: 55vw;
-`
diff --git a/packages/atlas/src/views/viewer/ViewerLayout.tsx b/packages/atlas/src/views/viewer/ViewerLayout.tsx
index 7914ca6633..2069d02a3b 100644
--- a/packages/atlas/src/views/viewer/ViewerLayout.tsx
+++ b/packages/atlas/src/views/viewer/ViewerLayout.tsx
@@ -22,12 +22,8 @@ import { useUser } from '@/providers/user/user.hooks'
 import { media, transitions } from '@/styles'
 import { RoutingState } from '@/types/routing'
 
-// Currently the newest version is at main file and the old one was moved to new file
-const YppLandingViewTest = lazy(() =>
-  import('@/views/global/YppLandingView').then((module) => ({ default: module.YppLandingView }))
-)
 const YppLandingView = lazy(() =>
-  import('@/views/global/YppLandingView/YppLandingViewOld').then((module) => ({ default: module.YppLandingViewOld }))
+  import('@/views/global/YppLandingView').then((module) => ({ default: module.YppLandingView }))
 )
 const MemberNotificationsView = lazy(() =>
   import('@/views/notifications').then((module) => ({ default: module.MemberNotificationsView }))
@@ -70,10 +66,7 @@ const viewerRoutes = [
   { path: relativeRoutes.viewer.crtMarketplace(), element: <CrtMarketplaceView /> },
   { path: relativeRoutes.viewer.nftMarketplace(), element: <NftMarketplaceView /> },
   ...(atlasConfig.features.ypp.googleConsoleClientId
-    ? [
-        { path: relativeRoutes.viewer.ypp(), element: <YppLandingView /> },
-        { path: relativeRoutes.viewer.yppTest(), element: <YppLandingViewTest /> },
-      ]
+    ? [{ path: relativeRoutes.viewer.ypp(), element: <YppLandingView /> }]
     : []),
   { path: relativeRoutes.viewer.referrals(), element: <ReferralsView /> },
 ]