{"size": 7483, "ext": "js", "max_stars_repo_path": "pages/index.js", "max_stars_repo_name": "Lelexg/volun-portal", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "pages/index.js", "max_issues_repo_name": "Lelexg/volun-portal", "max_issues_repo_issues_event_min_datetime": "2021-05-01T20:38:47.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-30T02:30:01.000Z", "max_forks_repo_path": "pages/index.js", "max_forks_repo_name": "Lelexg/volun-portal", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 13, "max_forks_count": null, "avg_line_length": 49.5562913907, "max_line_length": 280, "alphanum_fraction": 0.587197648}
import habilidades from '../public/images/habilidades.svg';
import freelancer from '../public/images/Freelancer.svg';
import photo from '../public/images/image_teenager.jpg';
import questions from '../public/images/questions.svg';
import marketing from '../public/images/marketing.svg';
import roundCheck from '../public/images/round_check.svg';
import { Button, Grid } from "@material-ui/core";
import missao from '../public/images/missao.svg';
import line from '../public/images/Line.svg';
import Link from 'next/link';
import Login2 from '../components/login/login2'
import teenager2 from '../public/images/teenager2.jpeg';
import teenager3 from '../public/images/teenager3.jpg';

const Index = () => {

  return (
    <div className='container'>
      <Grid container style={{paddingTop: '10%'}}>
          <Grid item xs={6}>
          <img style={{maxWidth: '75%', marginLeft: '10%'}} src={freelancer} alt="freelancer" />
          </Grid>
          <Grid item xs={6}>
            <h1>Um novo jeito de fazer trabalho voluntário</h1>
            <h3 style={{width: '70%', fontWeight: 'normal'}}>
              A Volun é uma rede colaborativa para quem busca uma experiência única. 
              A Volun oferece uma conexão única entre a ONG e o Voluntário, indicando você exatamente para o trabalho que você precisa!
            </h3>
            <div style={{paddingTop: '8%'}}>
            <Login2 volunteer={true}/>
            <Login2 volunteer={false}/>
            </div>
          </Grid>
      </Grid> 
      <Grid container style={{paddingTop: '5%'}}>
        <Grid item xs={5}>
          <h1 className="title2">O que falta para você se destacar em sua empresa?</h1>
          <h1 style={{float: 'right', fontWeight: 'normal', fontSize: '2vw'}}>A Volun te ajuda a descobrir!</h1>
        </Grid>
        <Grid item xs={1}></Grid>
        <Grid container item xs={6}>
          <Grid item xs={2}>
            <img src={line} alt="line" style={{maxHeight: '30vw'}}/>
          </Grid>
          <Grid item xs={6}>
            <img style={{paddingTop: '10%', maxWidth: '100%'}} src={questions} alt="questions" />
          </Grid>
        </Grid>
      </Grid> 
      <Grid container style={{marginTop: '5%', paddingTop: '5%', backgroundColor: '#6C63FF'}}>
        <Grid item xs={5}>
          <h1 className="title3">A Volun</h1>
          <h4 className="subtitle3">
          Somos uma plataforma online que atua como um facilitador e propagador de conexões entre voluntários dispostos a doar o seu tempo com a execução de atividades físicas ou financeiras e organizações e indivíduos que necessitem desses recursos.
          </h4>
        </Grid>
        <Grid item xs={1}></Grid>
        <Grid container item xs={6}>
            <img src={marketing} alt="marketing" style={{maxWidth: '75%'}}/>
        </Grid>
      </Grid> 
      <Grid container style={{paddingTop: '5%'}}>
        <Grid container item xs={6}>
            <img style={{maxWidth: '100%', marginLeft: '10%'}} src={missao} alt="missao" />
        </Grid>
        <Grid item xs={1}></Grid>
        <Grid item xs={5}>
          <h1 className="title4">Nossa Missão</h1>
          <h4 className="subtitle4">
          Tornar-se uma empresa capaz de causar transformção social por meio da tenologia, desenvolvendo e incentivando conexões entre esses agentes. Também queremos contribuir para o desenvolvimento do terceiro setor, de forma a que ele atinja mais pessoas de diferentes formas. 
          </h4>
        </Grid>
      </Grid> 
      <Grid container style={{marginTop: '5%', paddingTop: '5%', backgroundColor: '#6C63FF'}}>
        <Grid item xs={5}>
          <h1 className="title3">Como aperfeiçoamos suas habilidades</h1>
          <h4 className="subtitle3">
          Com a nossa plataforma, você consegue ter acesso a diversas causas de forma persolizada, que lhe auxiliará a contribuir para a sociedade ao mesmo tempo que desenvolve habilidades emocionais, sociais e amplia o conhecimento a respeito da sociedade em que vivemos. 
          </h4>
        </Grid>
        <Grid item xs={1}></Grid>
        <Grid item xs={6}>
            <img src={habilidades} alt="habilidades" style={{maxWidth: '100%', height: '100%' }} />
        </Grid>
      </Grid> 
      <Grid container style={{paddingTop: '5%', paddingBottom: '5%'}}>
        <Grid item xs={12}>
          <h1 className="title5">Nossos Voluntários</h1>
        </Grid>
        <Grid container item xs={12} alignItems='center'>
          <div className="box" style={{marginLeft: '10%'}}>
            <img className="box-photo" src={photo} alt="photo" />
            <p className='box-text'>Wilson Rodrigues</p>
            <p className='box-text'>22 anos</p>
            <br></br>
            <p className='box-text-content'>
            Mais de 15 projetos relaizados na Volun, com enriquecimento de curriculo e muitos prendizados.            
            </p>
          </div>
          <div className="box">
            <img className="box-photo" src={teenager2} alt="photo" />
            <p className='box-text'>Amanda Toledo</p>
            <p className='box-text'>23 anos</p>
            <br></br>
            <p className='box-text-content'>
            Recem formada em administração publica. Conheci a plataforma ainda na faculdade por meio de um projeto social faz 2 anos. 
            </p>
          </div>
          <div className="box">
            <img className="box-photo" src={teenager3} alt="photo" />
            <p className='box-text'>Douglas Pacheco</p>
            <p className='box-text'>26 anos</p>
            <br></br>
            <p className='box-text-content'>
            Líder na ONG do bairro. Uso a plataforma para conquistar novos voluntários para nossos projetos.
            </p>
          </div>
        </Grid>
      </Grid> 
      <Grid container style={{paddingTop: '5%'}}>
        <Grid item xs={12}>
          <h1 className='title6'>Vamos levar o seu trabalho voluntário para o próximo nível</h1>
          <p className='title6p'>Faça o nosso teste e encontre o Trabalho que mais combina com suas necessidades nesse momento!</p>
        </Grid>
      </Grid>
      <Grid container style={{paddingLeft: '5%', paddingTop: '5%', paddingBottom: '10%'}}>
        <Grid item xs={4} className='vertical-line-right' style={{float: 'right'}}>
          <h1 className='title6'><img src={roundCheck} alt="round-check" style={{paddingRight: '5%', maxWidth: '10%'}}></img>135+</h1>
          <p className='title6p'>Empresas utilizam</p>
        </Grid>
        <Grid item xs={3}>
          <h1 className='title6'><img src={roundCheck} alt="round-check" style={{paddingRight: '5%', maxWidth: '10%'}}></img>200+</h1>
          <p className='title6p'>Softskills aprimorados</p>
        </Grid>
        <Grid item xs={4} className='vertical-line-left' style={{float: 'left'}}>
          <h1 className='title6'><img src={roundCheck} alt="round-check" style={{paddingRight: '5%', maxWidth: '10%'}}></img>450+</h1>
          <p className='title6p'>Voluntários trabalhando</p>
        </Grid>
        <Grid container style={{paddingTop: '10%', paddingBottom: '2%'}}>
          <Link href="/volunteer/projects">
              <Button style={{marginLeft: '34%',backgroundImage: 'linear-gradient(#6C63FF, #AD40F0)', color: "#fff", height: '5vw', fontSize: '1.5vw'}}>
                Descubra novos projetos
              </Button>
          </Link>
        </Grid>
      </Grid>
    </div>
  )
}

export default Index;