25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

118 lines
6.0 KiB

  1. import React from "react";
  2. import { makeStyles } from "@material-ui/core/styles";
  3. // core components
  4. import GridContainer from "components/Grid/GridContainer.js";
  5. import Button from "components/CustomButtons/Button.js";
  6. import GridItem from "components/Grid/GridItem.js";
  7. import Card from "components/Card/Card.js";
  8. import Icon from "@material-ui/core/Icon";
  9. import styles from "assets/jss/nextjs-material-kit/pages/landingPageSections/workStyle.js";
  10. import Carousel from "react-slick";
  11. import Container from '@material-ui/core/Container';
  12. import Typography from '@material-ui/core/Typography';
  13. import Paper from '@material-ui/core/Paper';
  14. import Grid from '@material-ui/core/Grid';
  15. import stylecss from "pages-sections/home/business-partner.css";
  16. import yamaha from 'assets/img/home/yamaha1.jpg';
  17. import suzuki from 'assets/img/home/suzuki.jpg';
  18. import mercedes from 'assets/img/home/mercedes.jpg';
  19. import hino from 'assets/img/home/hino.jpg';
  20. import honda from 'assets/img/home/honda.jpg';
  21. import pim from 'assets/img/home/pim.jpg';
  22. import emilia from 'assets/img/home/emilia.jpg';
  23. import bpr from 'assets/img/home/bpr.jpg';
  24. import home from 'assets/img/home/home.jpg';
  25. const useStyles = makeStyles(styles);
  26. export default function WorkSection() {
  27. const classes = useStyles();
  28. console.log(stylecss.container);
  29. return (
  30. <div>
  31. <GridContainer justify="center" color="dark">
  32. <GridItem xs={12} sm={12}>
  33. <h2 className={classes.title}>Thamrin Group Businees Partner</h2>
  34. </GridItem>
  35. </GridContainer>
  36. <div className={classes.root}>
  37. <Grid container spacing={3}>
  38. <Grid item xs={12} sm={12} className={classes.marginAuto}>
  39. <Card>
  40. <div className="container">
  41. <img src={yamaha} alt="Snow" style={{width:"100%"}}/>
  42. <Button href="/yamaha/home" target="_blank" className="btn">Visit Page</Button>
  43. </div>
  44. </Card>
  45. </Grid>
  46. <Grid item xs={12} sm={12} style={{marginTop:"-85px"}} className={classes.marginAuto}>
  47. <Card>
  48. <div className="container">
  49. <img src={suzuki} alt="Snow" style={{width:"100%"}}/>
  50. <Button href="/suzuki/home" target="_blank" className="btn">Visit Page</Button>
  51. </div>
  52. </Card>
  53. </Grid>
  54. <Grid item xs={12} sm={12} style={{marginTop:"-85px"}} className={classes.marginAuto}>
  55. <Card>
  56. <div className="container">
  57. <img src={honda} alt="Snow" style={{width:"100%"}}/>
  58. <Button href="/honda/home" target="_blank" className="btn">Visit Page</Button>
  59. </div>
  60. </Card>
  61. </Grid>
  62. <Grid item xs={12} sm={12} style={{marginTop:"-85px"}} className={classes.marginAuto}>
  63. <Card>
  64. <div className="container">
  65. <img src={hino} alt="Snow" style={{width:"100%"}}/>
  66. <Button href="/hino/home" target="_blank" className="btn">Visit Page</Button>
  67. </div>
  68. </Card>
  69. </Grid>
  70. <Grid item xs={12} sm={12} style={{marginTop:"-85px"}} className={classes.marginAuto}>
  71. <Card>
  72. <div className="container">
  73. <img src={mercedes} alt="Snow" style={{width:"100%"}}/>
  74. <Button href="https://www.thamrin.mercedes-benz.co.id/en/desktop/passenger-cars.html" target="_blank" className="btn">Visit Page</Button>
  75. </div>
  76. </Card>
  77. </Grid>
  78. <Grid item xs={12} sm={12} style={{marginTop:"-85px"}} className={classes.marginAuto}>
  79. <Card>
  80. <div className="container">
  81. <img src={emilia} alt="Snow" style={{width:"100%"}}/>
  82. <Button href="http://www.emilia-hotel.com/" target="_blank" className="btn">Visit Page</Button>
  83. </div>
  84. </Card>
  85. </Grid>
  86. <Grid item xs={12} sm={12} style={{marginTop:"-85px"}} className={classes.marginAuto}>
  87. <Card>
  88. <div className="container">
  89. <img src={bpr} alt="Snow" style={{width:"100%"}}/>
  90. <Button href="http://bprberkatsejati.com/" target="_blank" className="btn">Visit Page</Button>
  91. </div>
  92. </Card>
  93. </Grid>
  94. <Grid item xs={12} sm={12} style={{marginTop:"-85px"}} className={classes.marginAuto}>
  95. <Card>
  96. <div className="container">
  97. <img src={pim} alt="Snow" style={{width:"100%"}}/>
  98. <Button href="https://www.instagram.com/palembangindahmall/?hl=id" target="_blank" className="btn">Visit Page</Button>
  99. </div>
  100. </Card>
  101. </Grid>
  102. <Grid item xs={12} sm={12} style={{marginTop:"-85px"}} className={classes.marginAuto}>
  103. <Card>
  104. <div className="container">
  105. <img src={home} alt="Snow" style={{width:"100%"}}/>
  106. <Button href="http://homes.thamrin.xyz/" target="_blank" className="btn">Visit Page</Button>
  107. </div>
  108. </Card>
  109. </Grid>
  110. </Grid>
  111. </div>
  112. </div>
  113. );
  114. }