tbg-ecomm-nextjs/components/Footer/FooterHome.js

/*eslint-disable*/
import React from "react";
import PropTypes from "prop-types";
import classNames from "classnames";
import { List, ListItem } from "@material-ui/core";
import { makeStyles } from "@material-ui/core/styles";

import Favorite from "@material-ui/icons/Favorite";
import GridContainer from "components/Grid/GridContainer.js";
import Grid from '@material-ui/core/Grid';
import GridItem from "components/Grid/GridItem.js";
import Paper from '@material-ui/core/Paper';
import Card from "components/Card/Card.js";
import styles from "assets/jss/nextjs-material-kit/components/footerStyle.js";
import Logo from "assets/img/White.png";
import Carousel from "react-slick";

const useStyles = makeStyles(styles);

export default function Footer(props) {
    const classes = useStyles();
    const { whiteFont } = props;
    const footerClasses = classNames({
        [classes.footer]: true,
        [classes.footerWhiteFont]: whiteFont
    });
    const aClasses = classNames({
        [classes.a]: true,
        [classes.footerWhiteFont]: whiteFont
    });
    const settings = {
        dots: true,
        infinite: true,
        speed: 500,
        slidesToShow: 1,
        slidesToScroll: 1,
        autoplay: true,
        time: 5
    };
    return (
        <GridItem xs={12}>
            <div align="center" style={{marginTop:"-20px"}}>
                <br></br>
                <GridContainer>
                <GridItem className={classes.marginAuto}>
                <Carousel {...settings}>
                    <img className={classes.imgCard} src={Logo} style={{width:"500px"}}/>
                    </Carousel>
                </GridItem>
                </GridContainer>
            </div><br/><br/>
            <div align="center">
                <List className={classes.list}>
                    <ListItem className={classes.inlineBlock}>
                        <a href="/yamaha/home" target="_blank" className={classes.block} > Yamaha </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="/suzuki/home" target="_blank" className={classes.block}> Suzuki </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="/honda/home" target="_blank" className={classes.block}> Honda </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="/hino/home" target="_blank" className={classes.block}> Hino </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="https://www.thamrin.mercedes-benz.co.id/en/desktop/passenger-cars.html" target="_blank" className={classes.block}> Mercedes Benz </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="http://www.emilia-hotel.com/" target="_blank" className={classes.block}> Emilia Hotel </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="https://www.instagram.com/palembangindahmall/?hl=id" target="_blank" className={classes.block}> Palembang Indah Mall </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="http://bprberkatsejati.com/" target="_blank" className={classes.block}> BRP Berkat Sejati </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="http://homes.thamrin.xyz/" target="_blank" className={classes.block}> Thamrin Homes </a>
                    </ListItem>
                </List>
            </div>
            <div align="center">
                <List className={classes.list}>
                    <ListItem className={classes.inlineBlock}>
                        <a href="#" target="_blank" className={classes.block} >Facebook</a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="#" target="_blank" className={classes.block}>Instagram</a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="#" target="_blank" className={classes.block}>Twitter</a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="#" target="_blank" className={classes.block}>Youtube</a>
                    </ListItem>
                </List>
            </div><br/><br/>
            <div align="center">
                &copy; {1900 + new Date().getYear()} , All Right Reserved{" "} by{" "} @Thamrin Group Company
            </div><br/><br/>
        </GridItem>
    );
}

Footer.propTypes = {
    whiteFont: PropTypes.bool
};