content: import React from 'react';
  
  import PageTemplate from '../../components/PageTemplate';
  import BannerMain from '../../components/BannerMain';
  import Carousel from '../../components/Carousel';
  
  import dadosIniciais from '../../data/dados_iniciais.json';
  
  function Home() {
    return (
      <PageTemplate>
        <BannerMain
          videoTitle={dadosIniciais.categorias[0].videos[0].titulo}
          url={dadosIniciais.categorias[0].videos[0].url}
          videoDescription={'O que é front end?'}
        />
  
        <Carousel
          ignoreFirstVideo
          category={dadosIniciais.categorias[0]}
        />
  
        <Carousel
          category={dadosIniciais.categorias[1]}
        />
  
        <Carousel
          category={dadosIniciais.categorias[2]}
        />
  
        <Carousel
          category={dadosIniciais.categorias[3]}
        />
  
        <Carousel
          category={dadosIniciais.categorias[4]}
        />
  
        <Carousel
          category={dadosIniciais.categorias[5]}
        />
      </PageTemplate>
    );
  }
  
  export default Home;
  