tbg-ecomm-nextjs/pages-sections/yamaha/about_us/about_us.js

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";
import GridContainer from "components/Grid/GridContainer.js";
import Carousel from "react-slick";
import GridItem from "components/Grid/GridItem.js";
import stylecss from "pages/home.css";

const useStyles = makeStyles(styles);

const DataAboutUS = function ({ backend, businessPartners, service, carousel, ...props }) {
  const classes = useStyles();
  const settings = {
    dots: true,
    infinite: true,
    speed: 500,
    slidesToShow: 1,
    slidesToScroll: 1,
    autoplay: true,
    time: 5
  };
  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">
            <GridContainer>
              <GridItem className={classes.marginAuto}>
                <Carousel {...settings}>
                  <img src="http://3.bp.blogspot.com/-_dTNAAE-TMY/VL3Zyiti2OI/AAAAAAAAAT0/YSd7Ok_3I0k/s1600/Thamrin-brother-loker.png" />
                </Carousel>
              </GridItem>
            </GridContainer>

          </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>
      <a href="https://wa.me/+6287797315685" class="float" target="_blank">
        <i class="fa fa-whatsapp my-float"></i>
      </a>
    </div>
  );
}

export default DataAboutUS;