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 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}>
            <h1 className={classes.title}>¿Quiénes somos?</h1>
            
            <h3 className={classes.description} style={{marginTop:"20px", marginBottom:"20px" }} >
              Somos una empresa de consultoría, ingeniería y capacitación ambiental 
              conformada por un equipo de profesionales organizado para brindar una consultoría integral,
              de calidad y en tiempos óptimos para dar solución a las necesidades de cada cliente.
              </h3>
            
          </GridItem>
        </GridContainer>
        <div>
          <GridContainer>
            <GridItem xs={12} sm={12} md={4}>
              <InfoArea
                title="Educación Ambiental"
                icon={VerifiedUser}
                iconColor="primary"
                vertical
              />
            </GridItem>
            <GridItem xs={12} sm={12} md={4}>
              <InfoArea
                title="Asesorías"
                icon={VerifiedUser}
                iconColor="primary"
                vertical
              />
            </GridItem>
            <GridItem xs={12} sm={12} md={4}>
              <InfoArea
                title="Normativas"
                icon={VerifiedUser}
                iconColor="primary"
                vertical
              />
            </GridItem>
          </GridContainer>
        </div>
      </div>
    );
  }
  