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.
 
 

53 lines
1.7 KiB

  1. import React from "react";
  2. import { makeStyles } from "@material-ui/core/styles";
  3. import GridContainer from "components/Grid/GridContainer.js";
  4. import GridItem from "components/Grid/GridItem.js";
  5. import Card from "components/Card/Card.js";
  6. import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";
  7. import Carousel from "react-slick";
  8. import image1 from "assets/img/core1.png";
  9. import image2 from "assets/img/core2.png";
  10. const useStyles = makeStyles(styles);
  11. const CoreValue = function ({ backend, carousel, ...props }) {
  12. const classes = useStyles();
  13. const settings = {
  14. dots: true,
  15. infinite: true,
  16. speed: 500,
  17. slidesToShow: 1,
  18. slidesToScroll: 1,
  19. autoplay: true,
  20. time: 5
  21. };
  22. return (
  23. <div className={classes.section} id="notifications">
  24. <div className={classes.section}>
  25. <div className={classes.container}>
  26. <GridContainer>
  27. <GridItem className={classes.marginAuto}>
  28. <div align="center">
  29. <h2>Core Value Company</h2>
  30. </div>
  31. <Card carousel>
  32. <Carousel {...settings}>
  33. <div>
  34. <img src={image1} alt="First slide" className="slick-image" />
  35. </div>
  36. <div>
  37. <img src={image2} alt="First slide" className="slick-image" />
  38. </div>
  39. </Carousel>
  40. </Card>
  41. </GridItem>
  42. </GridContainer>
  43. </div>
  44. </div>
  45. </div>
  46. );
  47. }
  48. export default CoreValue;