text: import React from "react";
  import Grid from "@material-ui/core/Grid";
  import { withStyles } from "@material-ui/styles";
  
  import GetStartedDescription from "./GetStartedDescription";
  
  import { GetStartedCategoriesData } from "../../utility/constants/GetStarted";
  import SNETAudioUpload from "shared/dist/components/SNETAudioUpload";
  import Category from "./Category";
  import { useStyles } from "./styles";
  
  const GetStarted = ({ classes, history }) => {
    return (
      <Grid container spacing={24} className={classes.GetStartedMainContaienr}>
        <Grid item xs={12} sm={12} md={12} lg={12}>
          <SNETAudioUpload />
        </Grid>
        <Grid item xs={12} sm={12} md={12} lg={12} className={classes.TopSection}>
          <GetStartedDescription
            title="One AI Marketplace For All"
            description="The SingularityNET AI Marketplace is a distributed platform created to democratize the use and development of AI applications. Built for you, powered by open collaboration."
          />
        </Grid>
        {GetStartedCategoriesData.map((item, index) => (
          <Category
            key={item.categoryTitle}
            icon={item.categoryIcon}
            title={item.categoryTitle}
            description={item.categoryDescription}
            tabs={item.categoryTabs}
            rightAlign={(index + 1) % 2 === 0}
          />
        ))}
        <Grid item xs={12} sm={12} md={12} lg={12} className={classes.SignUpFree}>
          <GetStartedDescription
            title="Get Started"
            description="We’ve made the marketplace fast, secure, private and easy to use. Start with a free trial now!"
            button
            btnType="blue"
            btnText="Sign up free"
            history={history}
          />
        </Grid>
        {/*
        <Grid item xs={12} sm={12} md={12} lg={12} className={classes.FeaturesMainContainer}>
          // <Features />
        </Grid>
        <Grid item xs={12} sm={12} md={12} lg={12} className={classes.FreeTrialSignUp}>
          <span>No commitment. No credit card required.</span>
          <StyledButton btnText="Start your Free Trial" type="blue" />
        </Grid>
        */}
      </Grid>
    );
  };
  
  export default withStyles(useStyles)(GetStarted);
  