text: import React from "react";
  // nodejs library that concatenates classes
  import { makeStyles } from "@material-ui/core/styles";
  // @material-ui/icons
  // core components
  
  import Footer from "components/Footer/Footer.js";
  import GridContainer from "components/Grid/GridContainer.js";
  import GridItem from "components/Grid/GridItem.js";
  import Parallax from "components/Parallax/Parallax.js";
  // sections for this page
  
  import styles from "assets/jss/material-kit-react/views/components.js";
  
  const useStyles = makeStyles(styles);
  
  export default function HomePage(props) {
    const classes = useStyles();
  
    return (
      <div>
        <Parallax image={require("assets/img/bg5.jpg")}>
          <div className={classes.container}>
            <GridContainer>
              <GridItem>
                <div className={classes.brand}>
                  <h1 className={classes.title}>Smart Pill Manager</h1>
                  <h3 className={classes.subtitle}>
                    Get Medicine Without Tears!
                  </h3>
                </div>
              </GridItem>
            </GridContainer>
          </div>
        </Parallax>
  
        <Footer />
      </div>
    );
  }
  