fabasoad/business-card

/// <reference path='./PortfolioMain.d.ts' />
import * as React from 'react'
import * as imgArkaDeutscheLieferadresse from '../../assets/images/portfolio/deutsche_lieferadresse_website.jpg'
import * as imgArkaInvebstor from '../../assets/images/portfolio/invebstor.jpg'
import * as imgArkaMedisport from '../../assets/images/portfolio/medisport_website.jpg'
import * as imgArkaPrintAndPost from '../../assets/images/portfolio/print_and_post_website.jpg'
import * as imgArkaWebsite from '../../assets/images/portfolio/arka_website.png'
import * as imgArkaWorkPlus from '../../assets/images/portfolio/work_plus.png'
import * as imgArkaZakupki from '../../assets/images/portfolio/zakupki_website.png'
import * as imgBitcoinComGames from '../../assets/images/portfolio/bitcoin.com_games.png'
import * as imgBitcoinComGamesAdmin from '../../assets/images/portfolio/bitcoin.com_games_admin.png'
import * as imgBitcoinComGamesAndroid from '../../assets/images/portfolio/bitcoin.com_android.png'
import * as imgBitcoinComMarkets from '../../assets/images/portfolio/bitcoin.com_markets.png'
import * as imgLohikaEarnin from '../../assets/images/portfolio/earnin.png'
import * as imgLohikaHpeAlm from '../../assets/images/portfolio/alm.jpg'
import * as imgLohikaHpeAlmRobot from '../../assets/images/portfolio/alm_robot.png'
import * as imgLohikaHpeLabManagement from '../../assets/images/portfolio/lab_management.jpg'
import * as imgLohikaPrysm from '../../assets/images/portfolio/prysm_iphone_app.png'
import * as imgSMA from '../../assets/images/portfolio/sma.png'
import PortfolioItem from './PortfolioItem'
import SectionTitle from '../Controls/SectionTitle'
import { Container, Row } from 'react-bootstrap'
import { useTranslation } from 'react-i18next'

export default function PortfolioMain() {
  const { t } = useTranslation()
  return (
    <div id="portfolio">
      <Container>
        <SectionTitle>{t('business-card-portfolio-title')}</SectionTitle>
        <Row>
          <PortfolioItem
            url="https://markets.bitcoin.com/"
            name="Markets"
            title={t('business-card-portfolio-markets-title')}
            subtitle={t('business-card-portfolio-markets-subtitle')}
            img={imgBitcoinComMarkets}
          />
          <PortfolioItem
            url="https://games.bitcoin.com/"
            name="Games"
            title={t('business-card-portfolio-casino-web-app-title')}
            subtitle={t('business-card-portfolio-casino-web-app-subtitle')}
            img={imgBitcoinComGames}
          />
          <PortfolioItem
            url="https://games.bitcoin.com/"
            name="Games Admin"
            title={t('business-card-portfolio-casino-admin-web-app-title')}
            subtitle={t('business-card-portfolio-casino-admin-web-app-subtitle')}
            img={imgBitcoinComGamesAdmin}
          />
          <PortfolioItem
            url="https://games.bitcoin.com/android"
            name="Games Android"
            title={t('business-card-portfolio-casino-android-app-title')}
            subtitle={t('business-card-portfolio-casino-android-app-subtitle')}
            img={imgBitcoinComGamesAndroid}
          />
          <PortfolioItem
            url="https://www.earnin.com/"
            name="Earnin"
            title={t('business-card-portfolio-earnin-title')}
            subtitle={t('business-card-portfolio-earnin-subtitle')}
            img={imgLohikaEarnin}
          />
          <PortfolioItem
            url="https://www.prysm.com/software/iphone-app/"
            name="Prysm iPhone App"
            title={t('business-card-portfolio-prysm-title')}
            subtitle={t('business-card-portfolio-prysm-subtitle')}
            img={imgLohikaPrysm}
          />
          <PortfolioItem
            url="https://drive.google.com/drive/folders/163jhUuVrBCEYQ503sa1Y1M7KG--1gwaj?usp=sharing"
            name="Southern Marine Agency Website"
            title={t('business-card-portfolio-sma-title')}
            subtitle={t('business-card-portfolio-sma-subtitle')}
            img={imgSMA}
          />
          <PortfolioItem
            url="https://admhelp.microfocus.com/alm/en/12.60/online_help/Content/Admin/sa_robot_toc.htm"
            name="ALM Robot"
            title={t('business-card-portfolio-alm-robot-title')}
            subtitle={t('business-card-portfolio-alm-robot-subtitle')}
            img={imgLohikaHpeAlmRobot}
          />
          <PortfolioItem
            url="https://www.microfocus.com/en-us/products/application-lifecycle-management/overview"
            name="ALM"
            title={t('business-card-portfolio-alm-title')}
            subtitle={t('business-card-portfolio-alm-subtitle')}
            img={imgLohikaHpeAlm}
          />
          <PortfolioItem
            url="https://admhelp.microfocus.com/alm/en/12.60/online_help/Content/lm_ag.htm"
            name="Lab Management"
            title={t('business-card-portfolio-alm-lab-management-title')}
            subtitle={t('business-card-portfolio-alm-lab-management-subtitle')}
            img={imgLohikaHpeLabManagement}
          />
          <PortfolioItem
            url="https://youtu.be/8wTcyZEtQx8"
            name="Invebstor"
            title={t('business-card-portfolio-invebstor-title')}
            subtitle={t('business-card-portfolio-invebstor-subtitle')}
            img={imgArkaInvebstor}
          />
          <PortfolioItem
            url="https://youtu.be/eRxTKZ0knsg"
            name="Work+"
            title={t('business-card-portfolio-work-plus-title')}
            subtitle={t('business-card-portfolio-work-plus-subtitle')}
            img={imgArkaWorkPlus}
          />
          <PortfolioItem
            url="https://www.arka-media.de/"
            name="ARKA Website"
            title={t('business-card-portfolio-arka-title')}
            subtitle={t('business-card-portfolio-arka-subtitle')}
            img={imgArkaWebsite}
          />
          <PortfolioItem
            url="https://www.deutsche-lieferadresse.com/"
            name="Deutsche Lieferadresse Website"
            title={t('business-card-portfolio-deutsche-lieferadresse-title')}
            subtitle={t('business-card-portfolio-deutsche-lieferadresse-subtitle')}
            img={imgArkaDeutscheLieferadresse}
          />
          <PortfolioItem
            url="http://medisport-garmisch.de/"
            name="Medisport Website"
            title={t('business-card-portfolio-medisport-title')}
            subtitle={t('business-card-portfolio-medisport-subtitle')}
            img={imgArkaMedisport}
          />
          <PortfolioItem
            url="#portfolio"
            name="Print &amp; Post Website"
            title={t('business-card-portfolio-print-and-post-title')}
            subtitle={t('business-card-portfolio-print-and-post-subtitle')}
            img={imgArkaPrintAndPost}
          />
          <PortfolioItem
            url="https://zakupki-de.com.ua/"
            name="Zakupki Website"
            title={t('business-card-portfolio-zakupki-title')}
            subtitle={t('business-card-portfolio-zakupki-subtitle')}
            img={imgArkaZakupki}
          />
        </Row>
      </Container>
    </div>
  )
}