feat: Remove value prop from NFT Explore (#4914)

src/nft/components/explore/Explore.css.ts

@@ -146,70 +146,6 @@ export const marketplaceIcon = style([
   },
 ])
 
-/* Value Prop Styles */
-export const valuePropWrap = style([
-  {
-    backgroundRepeat: 'no-repeat',
-    backgroundSize: 'auto',
-    '@media': {
-      [`(max-width: ${breakpoints.sm}px)`]: {
-        backgroundPosition: 'top 0 left 100px',
-      },
-      [`(min-width: ${breakpoints.sm}px)`]: {
-        backgroundPosition: 'top 0 right 0',
-      },
-    },
-  },
-  sprinkles({
-    width: 'full',
-    borderWidth: '1px',
-    borderStyle: 'solid',
-    borderColor: 'outline',
-    borderRadius: '12',
-    paddingLeft: '16',
-    paddingRight: '16',
-    marginTop: '60',
-    position: 'relative',
-  }),
-])
-
-export const valuePropOverlay = style([
-  {
-    height: '135px',
-  },
-  sprinkles({
-    position: 'absolute',
-    width: 'full',
-    backgroundColor: 'grey900',
-    left: '0',
-    top: '0',
-    opacity: { sm: '0.7', xl: '0.1' },
-  }),
-])
-
-export const valuePropContent = style([
-  sprinkles({
-    position: 'relative',
-    zIndex: '1',
-    paddingLeft: { sm: '20', md: '28', lg: '36' },
-    paddingBottom: '18',
-    fontSize: { sm: '20', md: '28' },
-    paddingTop: { sm: '28', md: '32' },
-  }),
-  {
-    lineHeight: '28px',
-    '@media': {
-      [`(max-width: 400px)`]: { width: '88%' },
-      [`(min-width: 400px)`]: { width: '67%' },
-      [`(min-width: ${breakpoints.md}px)`]: {
-        width: '58%',
-        lineHeight: '36px',
-      },
-      [`(min-width: ${breakpoints.lg - 1}px)`]: { width: '50%' },
-    },
-  },
-])
-
 /* Base Table Styles  */
 
 export const table = style([

src/nft/components/explore/ValueProp.tsx

-import clsx from 'clsx'
-import { Box } from 'nft/components/Box'
-import { Column } from 'nft/components/Flex'
-
-import MarketplacesImage from '../../../assets/images/nft-marketplaces.png'
-import * as styles from './Explore.css'
-
-const ValueProp = () => {
-  return (
-    <Box width="full">
-      <Column as="section" className={styles.section}>
-        <Box
-          className={clsx(styles.bannerWrap, styles.valuePropWrap)}
-          style={{
-            height: '135px',
-            backgroundImage: `url(${MarketplacesImage})`,
-          }}
-        >
-          <Box className={styles.valuePropOverlay} width="full" />
-          <Box className={styles.valuePropContent}>
-            Discover, buy, and{' '}
-            <Box as="span" color="pink400">
-              sell NFTs
-            </Box>{' '}
-            across all NFT marketplaces
-          </Box>
-        </Box>
-      </Column>
-    </Box>
-  )
-}
-
-export default ValueProp

src/nft/pages/explore/index.tsx

 import Banner from 'nft/components/explore/Banner'
 import TrendingCollections from 'nft/components/explore/TrendingCollections'
-import ValueProp from 'nft/components/explore/ValueProp'
 
 const NftExplore = () => {
   return (
     <>
       <Banner />
-      <ValueProp />
       <TrendingCollections />
     </>
   )