import React from "react";
import { makeStyles } from "@material-ui/core/styles";

import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
import Card from "components/Card/Card.js";
import CardBody from "components/Card/CardBody.js";
import CardHeader from "components/Card/CardHeader.js";
import CompanyLink from "components/Header/LinkCompany.js";

const useStyles = makeStyles(styles);

const DataAboutUS = function ({ backend, businessPartners, service, carousel, ...props }) {
  const classes = useStyles();
  return (
    <div>
      <Card className={classes.textCenter} align="center" style={{padding:"5px"}}>
        <div align="center">
          <CardHeader justify="center" color="info" style={{padding:"10px"}}> 
            <CompanyLink />
          </CardHeader>
        </div>
        <CardBody>
          <div align="center">
            <img src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png"/>
          </div>
          <h1 className={classes.cardTitle}><b>About Us</b></h1>
          <p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti</p>
          <h3>Visi</h3>
          <p>Berdampak bagi masyarakat melalui SDM yang dimiliki, pelayanan prima & pengembangan usaha secara berkelanjutan dengan membangun perusahaan yang terpercaya & memiliki reputasi yang baik</p>
          <h3>Misi</h3>
          <p>1. Melayani 21,7 juta pelanggan di tahun 2022</p>
          <p>2. Mengembangkan pemimpin yang sukses</p>
          <p>3. Mengelola proses administrasi yang simple & excellent</p>
          <p>4. Mendukung continuous improvement</p>
        </CardBody>
      </Card>
    </div>
  );
}

export default DataAboutUS;