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

/*eslint-disable*/
import React from "react";
// nodejs library to set properties for components
import PropTypes from "prop-types";
// nodejs library that concatenates classes
import classNames from "classnames";
// material-ui core components
import { List, ListItem } from "@material-ui/core";
import { makeStyles } from "@material-ui/core/styles";

// @material-ui/icons
import Favorite from "@material-ui/icons/Favorite";

import GridContainer from "components/Grid/GridContainer.js";
import Grid from '@material-ui/core/Grid';
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 CLM from "assets/img/clm.png";
import Hino from "assets/img/logohino.png";

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 (
        <div><br/>
            <GridContainer justify="center">
                <Grid style={{padding:"25px"}}>
                    <br/>
                    <img className={classes.imgCard} src={CLM} style={{width:"200px"}}/>
                </Grid>
                <Grid style={{padding:"25px"}}>
                    <img className={classes.imgCard} src={Hino} style={{width:"250px"}}/>
                </Grid>
            </GridContainer>
            <GridContainer justify="center">
                <Grid style={{padding:"25px", marginTop:"-50px"}}>
                    <footer className={footerClasses}>
                        <div className={classes.container}>
                            <div className={classes.left}>
                                <List className={classes.list}>
                                <ListItem className={classes.inlineBlock}>
                                    <a href="/suzuki/home" className={classes.block} > Home </a>
                                </ListItem>
                                <ListItem className={classes.inlineBlock}>
                                    <a href="/suzuki/product/product" className={classes.block}> Product </a>
                                </ListItem>
                                {/* <ListItem className={classes.inlineBlock}>
                                    <a href="/suzuki/product/ygp" className={classes.block}> YGP </a>
                                </ListItem>
                                <ListItem className={classes.inlineBlock}>
                                    <a href="/suzuki/product/yamalube" className={classes.block}> Yamalube </a>
                                </ListItem>
                                <ListItem className={classes.inlineBlock}>
                                    <a href="/suzuki/product/apparel" className={classes.block}> Apparel </a>
                                </ListItem>
                                <ListItem className={classes.inlineBlock}>
                                    <a href="/suzuki/product/helmet" className={classes.block}> Helmet </a>
                                </ListItem>
                                <ListItem className={classes.inlineBlock}>
                                    <a href="/suzuki/product/accessories" className={classes.block}> Accessories </a>
                                </ListItem>
                                <ListItem className={classes.inlineBlock}>
                                    <a href="/suzuki/product/service" className={classes.block}> Service </a>
                                </ListItem>
                                <ListItem className={classes.inlineBlock}>
                                    <a href="/suzuki/product/dealer" className={classes.block}> Dealer </a>
                                </ListItem> */}
                                <ListItem className={classes.inlineBlock}>
                                    <a href="/suzuki/latestsnews" className={classes.block}> Latest News </a>
                                </ListItem>
                                <ListItem className={classes.inlineBlock}>
                                    <a href="/suzuki/carrer" className={classes.block}> Carrer </a>
                                </ListItem>
                                <ListItem className={classes.inlineBlock}>
                                    <a href="/suzuki/about_us/aboutus" className={classes.block}> About Us </a>
                                </ListItem>
                                </List>
                            </div>
                        </div>
                    </footer>
                </Grid>
            </GridContainer>
            <GridContainer style={{marginTop: "-100px", padding:"50px"}} justify="center">
            <Grid>
                <div>
                <footer className={footerClasses}>
                    <div className={classes.container}>
                    <div className={classes.left}>
                    <List className={classes.list}>
                        <ListItem className={classes.inlineBlock}>
                            <a href="#" className={classes.block} >Facebook</a>
                        </ListItem>
                        <ListItem className={classes.inlineBlock}>
                            <a href="#" className={classes.block}>Instagram</a>
                        </ListItem>
                        <ListItem className={classes.inlineBlock}>
                            <a href="#" className={classes.block}>Twitter</a>
                        </ListItem>
                        <ListItem className={classes.inlineBlock}>
                            <a href="//#endregion" className={classes.block}>Youtube</a>
                        </ListItem>
                        </List>
                    </div>
                    </div>
                </footer>
                </div>
            </Grid>
            </GridContainer>
            <GridContainer justify="center">
                <Grid style={{padding:"25px", marginTop:"-50px"}}>
                    <div className={classes.right}>
                        &copy; {1900 + new Date().getYear()} , All Right Reserved{" "} by{" "} @Thamrin Group Company
                    </div>
                </Grid>
            </GridContainer>
        </div>
    );
}

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