25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
 
 

135 satır
6.4 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. import CLM from "assets/img/clm.png";
  18. import Hino from "assets/img/logohino.png";
  19. const useStyles = makeStyles(styles);
  20. export default function Footer(props) {
  21. const classes = useStyles();
  22. const { whiteFont } = props;
  23. const footerClasses = classNames({
  24. [classes.footer]: true,
  25. [classes.footerWhiteFont]: whiteFont
  26. });
  27. const aClasses = classNames({
  28. [classes.a]: true,
  29. [classes.footerWhiteFont]: whiteFont
  30. });
  31. return (
  32. <div><br/>
  33. <GridContainer justify="center">
  34. <Grid style={{padding:"25px"}}>
  35. <br/>
  36. <img className={classes.imgCard} src={CLM} style={{width:"200px"}}/>
  37. </Grid>
  38. <Grid style={{padding:"25px"}}>
  39. <img className={classes.imgCard} src={Hino} style={{width:"250px"}}/>
  40. </Grid>
  41. </GridContainer>
  42. <GridContainer justify="center">
  43. <Grid style={{padding:"25px", marginTop:"-50px"}}>
  44. <footer className={footerClasses}>
  45. <div className={classes.container}>
  46. <div className={classes.left}>
  47. <List className={classes.list}>
  48. <ListItem className={classes.inlineBlock}>
  49. <a href="/suzuki/home" className={classes.block} > Home </a>
  50. </ListItem>
  51. <ListItem className={classes.inlineBlock}>
  52. <a href="/suzuki/product/product" className={classes.block}> Product </a>
  53. </ListItem>
  54. {/* <ListItem className={classes.inlineBlock}>
  55. <a href="/suzuki/product/ygp" className={classes.block}> YGP </a>
  56. </ListItem>
  57. <ListItem className={classes.inlineBlock}>
  58. <a href="/suzuki/product/yamalube" className={classes.block}> Yamalube </a>
  59. </ListItem>
  60. <ListItem className={classes.inlineBlock}>
  61. <a href="/suzuki/product/apparel" className={classes.block}> Apparel </a>
  62. </ListItem>
  63. <ListItem className={classes.inlineBlock}>
  64. <a href="/suzuki/product/helmet" className={classes.block}> Helmet </a>
  65. </ListItem>
  66. <ListItem className={classes.inlineBlock}>
  67. <a href="/suzuki/product/accessories" className={classes.block}> Accessories </a>
  68. </ListItem>
  69. <ListItem className={classes.inlineBlock}>
  70. <a href="/suzuki/product/service" className={classes.block}> Service </a>
  71. </ListItem>
  72. <ListItem className={classes.inlineBlock}>
  73. <a href="/suzuki/product/dealer" className={classes.block}> Dealer </a>
  74. </ListItem> */}
  75. <ListItem className={classes.inlineBlock}>
  76. <a href="/suzuki/latestsnews" className={classes.block}> Latest News </a>
  77. </ListItem>
  78. <ListItem className={classes.inlineBlock}>
  79. <a href="/suzuki/carrer" className={classes.block}> Carrer </a>
  80. </ListItem>
  81. <ListItem className={classes.inlineBlock}>
  82. <a href="/suzuki/about_us/aboutus" className={classes.block}> About Us </a>
  83. </ListItem>
  84. </List>
  85. </div>
  86. </div>
  87. </footer>
  88. </Grid>
  89. </GridContainer>
  90. <GridContainer style={{marginTop: "-100px", padding:"50px"}} justify="center">
  91. <Grid>
  92. <div>
  93. <footer className={footerClasses}>
  94. <div className={classes.container}>
  95. <div className={classes.left}>
  96. <List className={classes.list}>
  97. <ListItem className={classes.inlineBlock}>
  98. <a href="#" className={classes.block} >Facebook</a>
  99. </ListItem>
  100. <ListItem className={classes.inlineBlock}>
  101. <a href="#" className={classes.block}>Instagram</a>
  102. </ListItem>
  103. <ListItem className={classes.inlineBlock}>
  104. <a href="#" className={classes.block}>Twitter</a>
  105. </ListItem>
  106. <ListItem className={classes.inlineBlock}>
  107. <a href="//#endregion" className={classes.block}>Youtube</a>
  108. </ListItem>
  109. </List>
  110. </div>
  111. </div>
  112. </footer>
  113. </div>
  114. </Grid>
  115. </GridContainer>
  116. <GridContainer justify="center">
  117. <Grid style={{padding:"25px", marginTop:"-50px"}}>
  118. <div className={classes.right}>
  119. &copy; {1900 + new Date().getYear()} , All Right Reserved{" "} by{" "} @Thamrin Group Company
  120. </div>
  121. </Grid>
  122. </GridContainer>
  123. </div>
  124. );
  125. }
  126. Footer.propTypes = {
  127. whiteFont: PropTypes.bool
  128. };