You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

105 rivejä
5.2 KiB

  1. /*eslint-disable*/
  2. import React from "react";
  3. // nodejs library to set properties for components
  4. import PropTypes from "prop-types";
  5. // nodejs library that concatenates classes
  6. import classNames from "classnames";
  7. // material-ui core components
  8. import { List, ListItem } from "@material-ui/core";
  9. import { makeStyles } from "@material-ui/core/styles";
  10. // @material-ui/icons
  11. import Favorite from "@material-ui/icons/Favorite";
  12. import GridContainer from "components/Grid/GridContainer.js";
  13. import Grid from '@material-ui/core/Grid';
  14. import Paper from '@material-ui/core/Paper';
  15. import Card from "components/Card/Card.js";
  16. import styles from "assets/jss/nextjs-material-kit/components/footerStyle.js";
  17. const useStyles = makeStyles(styles);
  18. export default function Footer(props) {
  19. const classes = useStyles();
  20. const { whiteFont } = props;
  21. const footerClasses = classNames({
  22. [classes.footer]: true,
  23. [classes.footerWhiteFont]: whiteFont
  24. });
  25. const aClasses = classNames({
  26. [classes.a]: true,
  27. [classes.footerWhiteFont]: whiteFont
  28. });
  29. return (
  30. <div>
  31. <GridContainer justify="center">
  32. <Grid style={{padding:"25px"}}>
  33. <img className={classes.imgCard} src="https://nomorsalesmobil.com/wp-content/uploads/2018/10/Suzuki-logo-5000x2500.png" style={{width:"350px"}}/>
  34. </Grid>
  35. <Grid style={{padding:"25px"}}>
  36. <img className={classes.imgCard} src="https://nomorsalesmobil.com/wp-content/uploads/2018/10/Suzuki-logo-5000x2500.png" style={{width:"350px"}}/>
  37. </Grid>
  38. </GridContainer>
  39. <GridContainer justify="center">
  40. <Grid style={{padding:"25px", marginTop:"-50px"}}>
  41. <footer className={footerClasses}>
  42. <div className={classes.container}>
  43. <div className={classes.left}>
  44. <List className={classes.list}>
  45. <ListItem className={classes.inlineBlock}>
  46. <a href="/suzuki/home" className={classes.block} > Home </a>
  47. </ListItem>
  48. <ListItem className={classes.inlineBlock}>
  49. <a href="/suzuki/product/product" className={classes.block}> Product </a>
  50. </ListItem>
  51. {/* <ListItem className={classes.inlineBlock}>
  52. <a href="/suzuki/product/ygp" className={classes.block}> YGP </a>
  53. </ListItem>
  54. <ListItem className={classes.inlineBlock}>
  55. <a href="/suzuki/product/yamalube" className={classes.block}> Yamalube </a>
  56. </ListItem>
  57. <ListItem className={classes.inlineBlock}>
  58. <a href="/suzuki/product/apparel" className={classes.block}> Apparel </a>
  59. </ListItem>
  60. <ListItem className={classes.inlineBlock}>
  61. <a href="/suzuki/product/helmet" className={classes.block}> Helmet </a>
  62. </ListItem>
  63. <ListItem className={classes.inlineBlock}>
  64. <a href="/suzuki/product/accessories" className={classes.block}> Accessories </a>
  65. </ListItem>
  66. <ListItem className={classes.inlineBlock}>
  67. <a href="/suzuki/product/service" className={classes.block}> Service </a>
  68. </ListItem>
  69. <ListItem className={classes.inlineBlock}>
  70. <a href="/suzuki/product/dealer" className={classes.block}> Dealer </a>
  71. </ListItem> */}
  72. <ListItem className={classes.inlineBlock}>
  73. <a href="/suzuki/latestsnews" className={classes.block}> Latest News </a>
  74. </ListItem>
  75. <ListItem className={classes.inlineBlock}>
  76. <a href="/suzuki/carrer" className={classes.block}> Carrer </a>
  77. </ListItem>
  78. <ListItem className={classes.inlineBlock}>
  79. <a href="/suzuki/about_us/aboutus" className={classes.block}> About Us </a>
  80. </ListItem>
  81. </List>
  82. </div>
  83. </div>
  84. </footer>
  85. </Grid>
  86. </GridContainer>
  87. <GridContainer justify="center">
  88. <Grid style={{padding:"25px", marginTop:"-50px"}}>
  89. <div className={classes.right}>
  90. &copy; {1900 + new Date().getYear()} , All Right Reserved{" "} by{" "} @Thamrin Group Company
  91. </div>
  92. </Grid>
  93. </GridContainer>
  94. </div>
  95. );
  96. }
  97. Footer.propTypes = {
  98. whiteFont: PropTypes.bool
  99. };