feat: change banner arts

src/components/BannerMobile/index.css

@@ -42,8 +42,8 @@
 }
 
 .banner-mobile > img {
-  width: 346px;
-  height: 132px;
+  width: 100%;
+  height: 125px;
 }
 
 .banner-mobile > svg {

src/components/BannerMobile/index.tsx

@@ -5,7 +5,7 @@ import useFormatMessage from "decentraland-gatsby/dist/hooks/useFormatMessage"
 import { CategoryCountTargetOptions } from "../../entities/Category/types"
 import DCLLogo from "../../images/dcl-logo.svg"
 import GenesisBanner from "../../images/genesis-banner-mobile.png"
-import WorldBanner from "../../images/worlds-banner.png"
+import WorldBanner from "../../images/worlds-banner-mobile.png"
 import WorldsLogo from "../../images/worlds-logo.svg"
 import { Close } from "../Icon/Close"
 

src/components/Category/CategorySections.tsx → src/components/Category/CategoriesSection.tsx

@@ -5,13 +5,13 @@ import useFormatMessage from "decentraland-gatsby/dist/hooks/useFormatMessage"
 import { CategoryButtons } from "../Button/CategoryButtons"
 import { NewLabel } from "../Label/NewLabel/NewLabel"
 
-import "./CategorySections.css"
+import "./CategoriesSection.css"
 
-type CategorySectionsProps = {
+type CategoriesSectionProps = {
   categories: string[]
 }
 
-export const CategorySections = (props: CategorySectionsProps) => {
+export const CategoriesSection = (props: CategoriesSectionProps) => {
   const { categories } = props
   const l = useFormatMessage()
 

src/pages/index.tsx

@@ -12,7 +12,7 @@ import useFeatureFlagContext from "decentraland-gatsby/dist/context/FeatureFlag/
 import useFormatMessage from "decentraland-gatsby/dist/hooks/useFormatMessage"
 import { Container } from "decentraland-ui/dist/components/Container/Container"
 
-import { CategorySections } from "../components/Category/CategorySections"
+import { CategoriesSection } from "../components/Category/CategoriesSection"
 import Navigation, { NavigationTab } from "../components/Layout/Navigation"
 import OverviewList from "../components/Layout/OverviewList"
 import SearchList from "../components/Layout/SearchList"
@@ -262,7 +262,7 @@ export default function OverviewPage() {
             items={highlightedList}
             component={PlaceFeatured}
           />
-          <CategorySections categories={categories.map(({ name }) => name)} />
+          <CategoriesSection categories={categories.map(({ name }) => name)} />
         </>
       )}
     </>