text: //EXPORTING
  //REACT
  import React from 'react';
  import ReactFullpage from '@fullpage/react-fullpage';
  //CSS
  import "./styles.css";
  import "animate.css/animate.min.css";
  //COMPONENTS
  import Footer from '../Footer/Footer';
  import Navbar from '../Navbar/Navbar';
  //IMAGE
  import arrowdown from '../images/arrow-down.svg';
  import arrowup from '../images/arrow-up.svg';
  
  //HOME
  const Home = () => ( 
    <ReactFullpage
      licenseKey = {process.env.REACT_APP_FULLPAGE_API_KEY}
      scrollingSpeed = {1000}
  
      render={({ state, fullpageApi }) => {
        const specialClick = (e) => {
          if(e.target.tagName === 'DIV'){
            fullpageApi.moveSectionDown()
          }
        }
  
        return (
          <>
          <div className="homeFadeIn">
          <ReactFullpage.Wrapper>
            <Navbar /> 
            <div className="section">
              <div className='home1'>
                <div className="homeText1" onClick={() => fullpageApi.moveSectionDown()}>
                  <div className='homeContainerLeft1'>
                    <div className="homeTitle1">
                      <h1>Venha ser</h1>
                      <h1>CREATIVE</h1>
                    </div>
                    <div className="homeP1">
                      <p>Transformamos idéias em grandes projetos.</p>
                    </div>
                  </div>
                  <div className='homeContainerRight1'>
                    <div className="downArrow bounce">
                      <img alt="" src={arrowdown} className="downArrowStyle" />
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div className="section" onClick={() => fullpageApi.moveSectionDown()}>
              <div className='home2'>
                <div className="home2Left">
                </div>
                <div className="home2Right">
                </div>
              </div>
            </div>
            <div className="section" onClick={() => fullpageApi.moveSectionDown()}>
                    <div className="homeP2">
                        <p>Nossa proposta é simples, criatividade e inovação o tempo todo!</p>
                        <p>Estamos sempre criando e inovando em todos os projetos, sem criação e inovação não dá...</p>
                    </div>
            </div>
            <div className="section" onClick={specialClick}>
                <div className="homeLinkProjectsPage">
                  <div className="homeLinkProjectsDiv">
                    <div className="line-animation">
                      <b>Projeto Surfing</b>
                    </div>
                  </div>
                </div>
            </div>
          <div className="section" onClick={() => fullpageApi.moveSectionDown()}>
            <div className="homeP2">
              <p>Somos mais que um simples negócio...</p>
              <p>Somos um grande studio e impactamos a todos com nossas grandes idéias e criatividade infinita!</p>
            </div>
          </div>
          <div className="section" onClick={() => fullpageApi.moveSectionDown()}>
            <div className="homeP3">
                <p>Impactamos milhares de negócios, promovendo diversos produtos com nossas idéias.</p>
                <p>O poder de criar a seu favor, deixe a gente impactar seu negócio também!</p>
            </div>
          </div>
            <div className="section">
              <div className='home4'>
                <div className="home4Left">
                </div>
                <div className="home4Right">
                    <div className="upArrow" onClick={() => fullpageApi.moveTo(1)}>
                      <img alt="" src={arrowup} className="upArrowStyle" />
                    </div>
                </div>
              </div>
            </div>          
            <div className="section fp-auto-height">
              <Footer />
            </div>
          </ReactFullpage.Wrapper>
          </div>
          </>
        );
      }}
    />
  )
  
  //HOME
  export default Home;