text: import React from 'react';
  // @material-ui/core components
  import { makeStyles } from '@material-ui/core/styles';
  
  // @material-ui/icons
  import Chat from '@material-ui/icons/Chat';
  import VerifiedUser from '@material-ui/icons/VerifiedUser';
  import Fingerprint from '@material-ui/icons/Fingerprint';
  // core components
  import GridContainer from 'components/Grid/GridContainer.js';
  import GridItem from 'components/Grid/GridItem.js';
  import InfoArea from 'components/InfoArea/InfoArea.js';
  import Carousel from 'components/Carousel/Carousel';
  
  import styles from 'assets/jss/material-kit-react/views/landingPageSections/productStyle.js';
  
  const useStyles = makeStyles(styles);
  
  export default function ProductSection() {
  	const classes = useStyles();
  	return (
  		<div className={classes.section}>
  			<GridContainer justify="center">
  				<GridItem xs={12} sm={12} md={8}>
  					<h2 className={classes.title}>Projects</h2>
  				</GridItem>
  			</GridContainer>
  			<div>
  				<Carousel />
  			</div>
  		</div>
  	);
  }
  