Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
 
 

83 wiersze
3.6 KiB

  1. import React from "react";
  2. import { makeStyles } from "@material-ui/core/styles";
  3. import GridContainer from "components/Grid/GridContainer.js";
  4. import Grid from '@material-ui/core/Grid';
  5. import Paper from '@material-ui/core/Paper';
  6. import Card from "components/Card/Card.js";
  7. import styles from "assets/jss/nextjs-material-kit/pages/profilePage.js";
  8. import SnackbarContent from "components/Snackbar/SnackbarContent.js";
  9. import Button from "components/CustomButtons/Button.js";
  10. import Icon from "@material-ui/core/Icon";
  11. import Selling from "assets/img/service/selling.png";
  12. import Service from "assets/img/service/service.jpg";
  13. import Sparepart from "assets/img/service/sparepart.jpg";
  14. const useStyles = makeStyles(styles);
  15. const DataService = function ({ backend, service, ...props }) {
  16. const classes = useStyles();
  17. return (
  18. <div className={classes.section} id="notifications" style={{marginTop:"-38px"}}>
  19. <div align="center">
  20. <div align="center" className={classes.section} id="notifications">
  21. <SnackbarContent
  22. align="center"
  23. color="info"
  24. />
  25. </div>
  26. </div>
  27. <div>
  28. <GridContainer style={{padding: "40px"}} justify="center">
  29. <Grid align="center" style={{padding:"25px", marginTop:"-30px"}}>
  30. <Card style={{width: "20rem"}}>
  31. <div align="center" className="container">
  32. <img style={{height: "180px", width: "300px", display: "block"}} className="image" className={classes.imgCardTop} src={Selling}/>
  33. <div className="middle">
  34. <div className="text">Selling</div>
  35. </div>
  36. </div>
  37. </Card>
  38. <div align="center">
  39. <Button color="info" round href="/yamaha/product/product" target="_blank">
  40. <Icon className={classes.icons}>open_in_new</Icon>View More Selling
  41. </Button>
  42. </div>
  43. </Grid>
  44. <Grid align="center" style={{padding:"25px", marginTop:"-30px"}}>
  45. <Card style={{width: "20rem"}}>
  46. <div align="center" className="container">
  47. <img style={{height: "180px", width: "300px", display: "block"}} className="image" className={classes.imgCardTop} src={Service}/>
  48. <div className="middle">
  49. <div className="text">Service</div>
  50. </div>
  51. </div>
  52. </Card>
  53. <div align="center">
  54. <Button color="info" round href="https://booking.thamrin.co.id/" target="_blank">
  55. <Icon className={classes.icons}>open_in_new</Icon>View More Service
  56. </Button>
  57. </div>
  58. </Grid>
  59. <Grid align="center" style={{padding:"25px", marginTop:"-30px"}}>
  60. <Card style={{width: "20rem"}}>
  61. <div align="center" className="container">
  62. <img style={{height: "180px", width: "300px", display: "block"}} className="image" className={classes.imgCardTop} src={Sparepart}/>
  63. <div className="middle">
  64. <div className="text">Sparepart</div>
  65. </div>
  66. </div>
  67. </Card>
  68. <div align="center">
  69. <Button color="info" round href="https://yamaha.thamrin.co.id/" target="_blank">
  70. <Icon className={classes.icons}>open_in_new</Icon>View More Sparepart
  71. </Button>
  72. </div>
  73. </Grid>
  74. </GridContainer>
  75. </div>
  76. </div>
  77. );
  78. }
  79. export default DataService;