text: import React, {useEffect} from "react";
  // @material-ui/core components
  import { makeStyles } from "@material-ui/core/styles";
  import setBanner from "utils/setBanner";
  import setSlogan from "utils/setSlogan";
  import setVideo from "utils/setVideo";
  
  // @material-ui/icons
  
  // core components
  import GridContainer from "components/Grid/GridContainer.js";
  import GridItem from "components/Grid/GridItem.js";
  import {Zoom} from "@material-ui/core";
  
  // custom comoponents
  import BlogCard from "components/BlogCard/BlogCardMUIT.js";
  
  // @material-ui styles
  import styles from "assets/jss/material-kit-react/views/landingPageSections/productStyle.js";
  
  // pictures
  import papier from "assets/img/blog/butle.jpg";
  
  import blog from "assets/img/banner/blog.jpg";
  import MetaSEO from "components/MetaSEO/MetaSEO";
  import { useSelector } from "react-redux";
  
  const useStyles = makeStyles(styles);
  
  export default function Blog(props) {
    const classes = useStyles();
  
    const rafalImage = useSelector(state => state.faces.faces["Rafał Ciukaj"]);
  
    useEffect( () => {
      setVideo(false);
      setBanner(blog);
      setSlogan("Co w morskiej trawie piszczy,", "czyli blog o nurkowaniu.");
    });
  
    return (
      <Zoom in>
      <div className={classes.section} itemScope itemType="https://schema.org/Blog">
  
        <MetaSEO url="/pl/blog"/>
  
        <GridContainer justify="center">
          <GridItem xs={12} sm={12} md={8}>
            <h1 className={classes.header1}>Blog</h1>
          </GridItem>
        </GridContainer>
        <br/>
        
        <div>
          <GridContainer>
           
              <GridItem xs={12} sm={12} md={4}>
                  <BlogCard
                    itemProp = "blogPost"
                    image = {papier}
                    title = "Jak wybrać sprzęt nurkowy? Radzi instruktor"
                    date = "24.05.2021"
                    description = "Wielu z Was na różnych forach internetowych zadaje pytanie o to, jak i kiedy wybrać dla siebie sprzęt nurkowy. Początkujący nurkowie po zdanym OWD (a niektórzy jeszcze przed!) chcą mieć już wszystko. Czy to dobra droga? Odpowiada Rafał Ciukaj, instruktor z CN Nautilus."
                    path="/pl/blog/jak_wybrac_sprzet_nurkowy"
                    avatar={rafalImage}
                  />
              </GridItem>
                   
          </GridContainer>
        </div>
      </div>
      </Zoom>
    );
  }
  