{"version":3,"sources":["webpack://gatsby-starter-default/./src/images/one.png","webpack://gatsby-starter-default/./src/images/two.png","webpack://gatsby-starter-default/./src/images/three.png","webpack://gatsby-starter-default/./src/images/four.png","webpack://gatsby-starter-default/./src/components/SupportSection.js","webpack://gatsby-starter-default/./src/pages/index.js"],"names":["withStyles","theme","withTheme","classes","Container","Grid","container","spacing","item","md","lg","xs","sm","src","one","style","width","two","three","four","React","bannerData","setBannerData","homeProductsData","setHomeProductsData","homeLoading","setHomeLoading","allProducts","useAllProductsData","homeDetails","_bannerData","Banner","_homeProductListData","Products","_homeLoading","homeDetailsLoading","console","log","loading","data","title","subTitle"],"mappings":"+MAAA,EAAe,IAA0B,kDCAzC,EAAe,IAA0B,kDCAzC,EAAe,IAA0B,oDCAzC,EAAe,IAA0B,mDCgCzC,GAAeA,QAJA,SAACC,GAAD,MAAY,KAIO,CAAEC,WAAW,GAA/C,EAzBuB,SAAC,GAAD,EAAGC,QAAH,OACrB,2BACE,gBAACC,EAAA,EAAD,KACE,gBAACC,EAAA,EAAD,CAAMC,WAAS,EAACC,QAAS,GACvB,gBAACF,EAAA,EAAD,CAAMG,MAAI,EAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAIC,GAAI,IACnC,uBAAKC,IAAKC,EAAKC,MAAO,CAAEC,MAAO,WAEjC,gBAACX,EAAA,EAAD,CAAMG,MAAI,EAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAIC,GAAI,IACnC,uBAAKC,IAAKI,EAAKF,MAAO,CAAEC,MAAO,WAEjC,gBAACX,EAAA,EAAD,CAAMG,MAAI,EAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAIC,GAAI,IACnC,uBAAKC,IAAKK,EAAOH,MAAO,CAAEC,MAAO,WAEnC,gBAACX,EAAA,EAAD,CAAMG,MAAI,EAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAIC,GAAI,IACnC,uBAAKC,IAAKM,EAAMJ,MAAO,CAAEC,MAAO,kB,mHC+E1C,UA5CkB,WAChB,MAAoCI,WAAe,IAA5CC,EAAP,KAAmBC,EAAnB,KACA,EAAgDF,WAAe,IAAxDG,EAAP,KAAyBC,EAAzB,KACA,EAAsCJ,YAAe,GAA9CK,EAAP,KAAoBC,EAApB,KACMC,GAAcC,UAapB,OAXAR,aAAgB,WACd,GAAIO,WAAaE,YAAa,CAAC,IAAD,IACtBC,EAAcH,SAAH,UAAGA,EAAaE,mBAAhB,aAAG,EAA0BE,OACxCC,EAAuBL,SAAH,UAAGA,EAAaE,mBAAhB,aAAG,EAA0BI,SACjDC,EAAeP,aAAH,EAAGA,EAAaQ,mBAClCb,EAAcQ,GACdN,EAAoBQ,GACpBN,EAAeQ,MAEhB,CAACP,IACJS,QAAQC,IAAI,eAAgBZ,GAE1B,gBAAC,IAAD,CAAQa,QAASb,GAiBf,gBAAC,IAAD,CAAQJ,WAAYA,IACpB,gBAAC,IAAD,MACA,gBAAC,IAAD,CAAakB,KAAMhB,EAAkBiB,MAAM,WAAWC,SAAS,0BAC/D,gBAAC,IAAD","file":"component---src-pages-index-js-0b6b958da3047bb7512f.js","sourcesContent":["export default __webpack_public_path__ + \"static/one-d7c43e55565e7c184166b3c8bb46e2b8.png\";","export default __webpack_public_path__ + \"static/two-57fdac025ac763b2693b2e88113bed25.png\";","export default __webpack_public_path__ + \"static/three-8d59b39cf27247e430b7d33b74421488.png\";","export default __webpack_public_path__ + \"static/four-cf0dfa9d9d166ec81628fb4a248f8419.png\";","import * as React from \"react\"\nimport { withStyles, Container, Grid } from '@material-ui/core/';\nimport one from '../images/one.png';\nimport two from '../images/two.png';\nimport three from '../images/three.png';\nimport four from '../images/four.png';\n\nconst SupportSection = ({ classes }) => (\n  <div>\n    <Container>\n      <Grid container spacing={2}>\n        <Grid item md={3} lg={3} xs={12} sm={12}>\n          <img src={one} style={{ width: '100%' }} />\n        </Grid>\n        <Grid item md={3} lg={3} xs={12} sm={12}>\n          <img src={two} style={{ width: '100%' }} />\n        </Grid>\n        <Grid item md={3} lg={3} xs={12} sm={12}>\n          <img src={three} style={{ width: '100%' }} />\n        </Grid>\n        <Grid item md={3} lg={3} xs={12} sm={12}>\n          <img src={four} style={{ width: '100%' }} />\n        </Grid>\n      </Grid>\n    </Container>\n  </div>\n)\n\nconst styles = (theme) => ({\n\n})\n\nexport default withStyles(styles, { withTheme: true })(SupportSection)\n","import * as React from \"react\"\n// import { Link } from \"gatsby\"\n// import { StaticImage } from \"gatsby-plugin-image\"\n\nimport Layout from \"../components/layout\";\n// import Seo from \"../components/seo\"\nimport Banner from \"../components/Banner\";\nimport Categories from \"../components/Categories\";\nimport ProductList from \"../components/ProductList\";\nimport SupportSection from \"../components/SupportSection\";\nimport { useAllProductsData } from '../helpers';\n\nconst topTrending = [\n  {\n    id: 0,\n    image: 'https://images.unsplash.com/photo-1604508230015-5a54faf1fa56?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1868&q=80',\n    title: 'Designer T-Shirts',\n    price: '400'\n  }, {\n    id: 1,\n    image: 'https://images.unsplash.com/photo-1602810319250-a663f0af2f75?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1868&q=80',\n    title: 'Cluse La Boheme Rose Gold',\n    price: '500'\n  }, {\n    id: 2,\n    image: 'https://images.unsplash.com/photo-1583743814966-8936f5b7be1a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1868&q=80',\n    title: 'Black Shirts',\n    price: '300'\n  }, {\n    id: 3,\n    image: 'https://images.unsplash.com/photo-1602810318660-d2c46b750f88?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1868&q=80',\n    title: 'Nimble Made',\n    price: '800'\n  }, {\n    id: 4,\n    image: 'https://images.unsplash.com/photo-1602810316481-0d5d7401737a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1868&q=80',\n    title: 'Designer Tie Pins',\n    price: '1200'\n  }, {\n    id: 5,\n    image: 'https://images.unsplash.com/photo-1615791966365-92f425a37a0b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1952&q=80',\n    title: 'Designer Jeans',\n    price: '1000'\n  }, {\n    id: 6,\n    image: 'https://images.unsplash.com/photo-1551794840-8ae3b9c181f8?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1868&q=80',\n    title: 'Premium Leather Jacket',\n    price: '2000'\n  }, {\n    id: 7,\n    image: 'https://images.unsplash.com/photo-1600269452121-4f2416e55c28?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1901&q=80',\n    title: 'Nike Sneakers',\n    price: '500'\n  },\n]\n\nconst IndexPage = () => {\n  const [bannerData, setBannerData] = React.useState([]);\n  const [homeProductsData, setHomeProductsData] = React.useState([]);\n  const [homeLoading, setHomeLoading] = React.useState(false);\n  const allProducts = useAllProductsData();\n\n  React.useEffect(() => {\n    if (allProducts?.homeDetails) {\n      const _bannerData = allProducts?.homeDetails?.Banner;\n      const _homeProductListData = allProducts?.homeDetails?.Products;\n      const _homeLoading = allProducts?.homeDetailsLoading;\n      setBannerData(_bannerData);\n      setHomeProductsData(_homeProductListData);\n      setHomeLoading(_homeLoading);\n    }\n  }, [allProducts])\n  console.log('_homeLoading', homeLoading)\n  return (\n    <Layout loading={homeLoading}>\n      {/* <Seo title=\"Home\" />\n    <h1>Hi people</h1>\n    <p>Welcome to your new Gatsby site.</p>\n    <p>Now go build something great.</p>\n    <StaticImage\n      src=\"../images/gatsby-astronaut.png\"\n      width={300}\n      quality={95}\n      formats={[\"AUTO\", \"WEBP\", \"AVIF\"]}\n      alt=\"A Gatsby astronaut\"\n      style={{ marginBottom: `1.45rem` }}\n    />\n    <p>\n      <Link to=\"/page-2/\">Go to page 2</Link> <br />\n      <Link to=\"/using-typescript/\">Go to \"Using TypeScript\"</Link>\n    </p> */}\n      <Banner bannerData={bannerData} />\n      <Categories />\n      <ProductList data={homeProductsData} title='Trending' subTitle='Top view in this week' />\n      <SupportSection />\n    </Layout>\n  )\n\n}\n\nexport default IndexPage\n"],"sourceRoot":""}