text: import { makeStyles } from "@material-ui/core/styles";
  import NavAppBar from "../components/AppBar";
  import Hero from "../components/Hero";
  import LimitedPanels from "../components/limited/LimitedPanels";
  import Footer from "../components/Footer";
  
  const useStyles = makeStyles((theme) => ({
    body: {
      backgroundColor: theme.palette.alabaster.main,
      minHeight: "100vh",
      display: "flex",
      flexDirection: "column",
    }
  }))
  
  const LimitedContainer = () => {
    const classes = useStyles();
  
    return (
      <div className={classes.body}>
        <NavAppBar />
        <Hero />
        <LimitedPanels />
        <Footer />
      </div>
    );
  };
  
  export default LimitedContainer;
  