DeKal / portfolio-next-js

import React from 'react'

import { Translate } from 'react-localize-redux'

import Container from '~/modules/home/components/common/section/Container'

import Header from '~/modules/home/components/common/section/Header'

import Content from '~/modules/home/components/project/Content'

import Item from '~/modules/home/components/project/Item'

import { PROJECTS } from '~/modules/home/consts/pages'

import Anchor from '~/modules/home/components/common/Anchor'

const Project = () => (

  <Container>

    <Anchor id={PROJECTS} top={-40} />

    <Header>

      <h2>

        <Translate id="Project: Title" />

      </h2>

      <h4>

        <Translate id="Project: SubTitle" />

      </h4>

    </Header>

    <Content>

      <Item

        imgSrc="/images/projects/brand360.webp"

        imgAlt="Brand 360"

        linkToWeb="http://brand360.vn/"

        hoverTitle="Brand360 project"

      />

      <Item

        imgSrc="/images/projects/anco.webp"

        imgAlt="Report application for Masan"

        linkToWeb=""

        hoverTitle="Masan Report"

      />

      <Item

        imgSrc="/images/projects/taman.webp"

        imgAlt="Tam An Web"

        linkToWeb="https://github.com/DeKal/Tam-An-Food-Store-Manager"

        hoverTitle="Tam An Web"

      />

      <Item

        imgSrc="/images/projects/2048.webp"

        imgAlt="2048 Fun Games"

        linkToWeb="https://github.com/DeKal/2048"

        hoverTitle="2048 Fun Games"

      />

    </Content>

  </Container>

)

export default Project