tbg-ecomm-nextjs/components/Footer/FooterHonda.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";

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
    });
    return (
        <GridItem xs={12}><br/><br/>
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
            <div align="center">
                <List className={classes.list}>
                    <ListItem className={classes.inlineBlock}>
                        <a href="/honda/home" className={classes.block} > Home </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="/honda/product/product" className={classes.block}> Product </a>
                    </ListItem>
                    {/* <ListItem className={classes.inlineBlock}>
                        <a href="/honda/product/ygp" className={classes.block}> YGP </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="/honda/product/yamalube" className={classes.block}> Yamalube </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="/honda/product/apparel" className={classes.block}> Apparel </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="/honda/product/helmet" className={classes.block}> Helmet </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="/honda/product/accessories" className={classes.block}> Accessories </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="/honda/product/service" className={classes.block}> Service </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="/honda/product/dealer" className={classes.block}> Dealer </a>
                    </ListItem> */}
                    <ListItem className={classes.inlineBlock}>
                        <a href="/honda/latestsnews" className={classes.block}> Latest News </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="/honda/carrer" className={classes.block}> Carrer </a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock}>
                        <a href="/honda/about_us/aboutus" className={classes.block}> About Us </a>
                    </ListItem>
                </List>
            </div>
            <div align="center">
                <List className={classes.list}>
                    <ListItem className={classes.inlineBlock} style={{padding:"10px"}}>
                        <a href="#" class="fa fa-facebook"></a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock} style={{padding:"10px"}}>
                        <a href="#" class="fa fa-instagram"></a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock} style={{padding:"10px"}}>
                        <a href="#" class="fa fa-twitter"></a>
                    </ListItem>
                    <ListItem className={classes.inlineBlock} style={{padding:"10px"}}>
                        <a href="#" class="fa fa-youtube"></a>
                    </ListItem>
                </List>
            </div><br/><br/>
            <div align="center">
                &copy; {1900 + new Date().getYear()} , All Right Reserved{" "} by{" "} @Thamrin Brothers
            </div><br/><br/>
        </GridItem>
    );
}

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