import React from "react";

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

// component
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 DataTugasFungsi = function ({ backend, businessPartners, service, carousel, ...props }) {
    const classes = useStyles();
    return (
        <div>
        <Card className={classes.textCenter} align="center" style={{padding:"5px"}}>
            <div align="center">
            <CardHeader color="info" justify="center"> 
                <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>Tugas & Fungsi Thamrin Group</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 DataTugasFungsi;