{"version":3,"sources":["webpack:///./src/components/projects/OngoingTemplate.js","webpack:///./src/pages/index.js","webpack:///./src/images/call.png"],"names":["Section","_ref2","project","projectLogo","React","createElement","SectionCon","Synopsis","synopsis","Gmap","gMapUrl","address","Specifications","specification","FloorPlan","floorPlan","floor_plan","GallerySection","gallery","title","project_updates","OngoingTemplate","_ref","data","tab","setTab","useState","ongoingJson","sections","current","Layout","chatCodeId","Helmet","name","content","tagline","property","banner","childImageSharp","fluid","src","BannerSection","bg","brouchureUrl","video","rera","bannerLogo","length","className","map","item","idx","key","onClick","callUsNumber","href","height","callicon","alt","ProjectDetails","logo","useStaticQuery","module","exports"],"mappings":"+FAAA,kKAiFO,MAAMA,EAAUC,IAAsC,IAArC,QAAEC,EAAO,YAAEC,EAAc,MAAMF,EACrD,OACEG,IAAAC,cAACC,IAAU,KACTF,IAAAC,cAACE,IAAQ,CAACC,SAAUN,EAAQM,WAC5BJ,IAAAC,cAACI,IAAI,CACHC,QAASR,EAAQQ,QACjBP,YAAaA,EACbQ,QAAST,EAAQS,UAEnBP,IAAAC,cAACO,IAAc,CAACC,cAAeX,EAAQW,gBACvCT,IAAAC,cAACS,IAAS,CAACC,UAAWb,EAAQc,aAC9BZ,IAAAC,cAACY,IAAc,CAACC,QAAShB,EAAQgB,UACjCd,IAAAC,cAACY,IAAc,CACbE,MAAM,iBACND,QAAShB,EAAQkB,oBA0FVC,UAzKf,SAAwBC,GAAY,IAAX,KAAEC,GAAMD,EAC/B,MAAM,EAACE,EAAI,EAACC,GAAUC,mBAAS,GACzBxB,EAAUqB,EAAKI,YACfC,EAAW1B,EAAQ0B,UAAY,GAE/BC,EAAUD,EAASJ,GAEzB,OACEpB,IAAAC,cAACyB,IAAM,CAACC,WAAY7B,EAAQ6B,YAC1B3B,IAAAC,cAAC2B,IAAM,KACL5B,IAAAC,cAAA,aAAQH,EAAQiB,OAChBf,IAAAC,cAAA,QAAM4B,KAAK,cAAcC,QAAShC,EAAQiC,UAC1C/B,IAAAC,cAAA,QAAM+B,SAAS,UAAUF,QAAQ,YAChChC,EAAQmC,QAAUnC,EAAQmC,OAAOC,iBAChClC,IAAAC,cAAA,QACE+B,SAAS,WACTF,QAAShC,EAAQmC,OAAOC,gBAAgBC,MAAMC,OAIpDpC,IAAAC,cAACoC,IAAa,CACZtB,MAAOjB,EAAQiB,MACfkB,OAAQnC,EAAQwC,GAChBC,aAAczC,EAAQyC,aACtBC,MAAO1C,EAAQ0C,MACfC,KAAM3C,EAAQ2C,KACdV,QAASjC,EAAQiC,QACjBW,WAAY5C,EAAQ4C,aAErBlB,EAASmB,OAAS,EACjB3C,IAAAC,cAAA,OAAK2C,UAAU,0CACb5C,IAAAC,cAAA,OAAK2C,UAAU,+DACb5C,IAAAC,cAAA,MAAI2C,UAAU,sBACXpB,EAASqB,IAAI,CAACC,EAAMC,IACnB/C,IAAAC,cAAA,MAAI2C,UAAU,OAAOI,IAAKD,GACxB/C,IAAAC,cAAA,UACE2C,UAAW,wBACTG,IAAQ3B,EAAM,UAAY,IAE5B6B,QAASA,IAAM5B,EAAO0B,IAErBD,EAAK/B,UAKbjB,EAAQoD,cACPlD,IAAAC,cAAA,KACE2C,UAAU,4BACVO,KAAM,OAAOrD,EAAQoD,cAErBlD,IAAAC,cAAA,OAAK2C,UAAU,OAAOQ,OAAO,KAAKhB,IAAKiB,IAAUC,IAAI,KACpDxD,EAAQoD,gBAMjBlD,IAAAC,cAACsD,IAAc,CAACvC,gBAAiBS,EAAQT,kBAE1CS,GAAWzB,IAAAC,cAACL,EAAO,CAACE,QAAS2B,EAAS1B,YAAaD,EAAQ0D,U,kCC5ElE,wDAyFe,eACb,MAAMrC,EArFNsC,yBAAe,cAuFf,OACEzD,IAAAC,cAACgB,UAAe,CAACE,KAAMA,M,qBC7F3BuC,EAAOC,QAAU,IAA0B","file":"component---src-pages-index-js-94930826369c05600edb.js","sourcesContent":["import React, { useState } from \"react\";\nimport Layout from \"../common/Layout\";\nimport BannerSection from \"./BannerSection\";\nimport ProjectDetails from \"./ProjectDetails\";\nimport { graphql } from \"gatsby\";\nimport Helmet from \"react-helmet\";\nimport callicon from \"../../images/call.png\";\nimport {\n  FloorPlan,\n  GallerySection,\n  Gmap,\n  SectionCon,\n  Specifications,\n  Synopsis\n} from \"./Project\";\n\nfunction OngoingTemplate({ data }) {\n  const [tab, setTab] = useState(0);\n  const project = data.ongoingJson;\n  const sections = project.sections || [];\n\n  const current = sections[tab];\n\n  return (\n    <Layout chatCodeId={project.chatCodeId}>\n      <Helmet>\n        <title>{project.title}</title>\n        <meta name=\"description\" content={project.tagline} />\n        <meta property=\"og:type\" content=\"website\" />\n        {project.banner && project.banner.childImageSharp && (\n          <meta\n            property=\"og:image\"\n            content={project.banner.childImageSharp.fluid.src}\n          />\n        )}\n      </Helmet>\n      <BannerSection\n        title={project.title}\n        banner={project.bg}\n        brouchureUrl={project.brouchureUrl}\n        video={project.video}\n        rera={project.rera}\n        tagline={project.tagline}\n        bannerLogo={project.bannerLogo}\n      />\n      {sections.length > 1 ? (\n        <div className=\"residence-nav border-bottom border-top\">\n          <div className=\"container d-flex justify-content-between align-items-center\">\n            <ul className=\"tab-list flex-wrap\">\n              {sections.map((item, idx) => (\n                <li className=\"pl-0\" key={idx}>\n                  <button\n                    className={`button-as-link pr-3 ${\n                      idx === tab ? \" active\" : \"\"\n                    }`}\n                    onClick={() => setTab(idx)}\n                  >\n                    {item.title}\n                  </button>\n                </li>\n              ))}\n            </ul>\n            {project.callUsNumber && (\n              <a\n                className=\"d-flex align-items-center\"\n                href={`tel:${project.callUsNumber}`}\n              >\n                <img className=\"mr-2\" height=\"16\" src={callicon} alt=\"\" />\n                {project.callUsNumber}\n              </a>\n            )}\n          </div>\n        </div>\n      ) : (\n        <ProjectDetails project_updates={current.project_updates} />\n      )}\n      {current && <Section project={current} projectLogo={project.logo} />}\n    </Layout>\n  );\n}\n\nexport const Section = ({ project, projectLogo = null }) => {\n  return (\n    <SectionCon>\n      <Synopsis synopsis={project.synopsis} />\n      <Gmap\n        gMapUrl={project.gMapUrl}\n        projectLogo={projectLogo}\n        address={project.address}\n      />\n      <Specifications specification={project.specification} />\n      <FloorPlan floorPlan={project.floor_plan} />\n      <GallerySection gallery={project.gallery} />\n      <GallerySection\n        title=\"Project Status\"\n        gallery={project.project_updates}\n      />\n    </SectionCon>\n  );\n};\n\nexport const query = graphql`\n  query MyQuery($slug: String!) {\n    ongoingJson(slug: { eq: $slug }) {\n      footer_desc\n      short_desc\n      slug\n      rera\n      title\n      tagline\n      callUsNumber\n      chatCodeId\n      logo {\n        childImageSharp {\n          fluid(maxWidth: 350) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      brouchureUrl\n      video {\n        type\n        link\n      }\n      sections {\n        title\n        synopsis\n        specification {\n          a\n          q\n        }\n        floor_plan {\n          title\n          pricing\n          rera\n          images {\n            childImageSharp {\n              fluid(maxWidth: 1920) {\n                ...GatsbyImageSharpFluid\n              }\n            }\n          }\n        }\n        highlights\n        gMapUrl\n        address\n        gallery {\n          title\n          images {\n            childImageSharp {\n              fluid(maxWidth: 1920) {\n                ...GatsbyImageSharpFluid\n              }\n            }\n          }\n        }\n        project_updates {\n          title\n          images {\n            childImageSharp {\n              fluid(maxWidth: 1920) {\n                ...GatsbyImageSharpFluid\n              }\n            }\n          }\n        }\n      }\n      banner {\n        childImageSharp {\n          fluid {\n            src\n          }\n        }\n      }\n      bg {\n        childImageSharp {\n          fluid(maxWidth: 1920) {\n            ...GatsbyImageSharpFluid_tracedSVG\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport default OngoingTemplate;\n","import React from \"react\";\nimport { useStaticQuery, graphql } from \"gatsby\";\nimport OngoingTemplate from '../components/projects/OngoingTemplate'\n\nconst useLeChaletData = () =>\n  useStaticQuery(graphql`\n  query {\n    ongoingJson(slug: { eq: \"le-chalet\" }) {\n      footer_desc\n      short_desc\n      slug\n      rera\n      title\n      tagline\n      callUsNumber\n      chatCodeId\n      logo {\n        childImageSharp {\n          fluid(maxWidth: 350) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      brouchureUrl\n      video {\n        type\n        link\n      }\n      sections {\n        title\n        synopsis\n        specification {\n          a\n          q\n        }\n        floor_plan {\n          title\n          pricing\n          rera\n          images {\n            childImageSharp {\n              fluid(maxWidth: 1920) {\n                ...GatsbyImageSharpFluid\n              }\n            }\n          }\n        }\n        highlights\n        gMapUrl\n        address\n        gallery {\n          title\n          images {\n            childImageSharp {\n              fluid(maxWidth: 1920) {\n                ...GatsbyImageSharpFluid\n              }\n            }\n          }\n        }\n        project_updates {\n          title\n          images {\n            childImageSharp {\n              fluid(maxWidth: 1920) {\n                ...GatsbyImageSharpFluid\n              }\n            }\n          }\n        }\n      }\n      banner {\n        childImageSharp {\n          fluid {\n            src\n          }\n        }\n      }\n      bg {\n        childImageSharp {\n          fluid(maxWidth: 1920) {\n            ...GatsbyImageSharpFluid_tracedSVG\n          }\n        }\n      }\n    }\n  }\n`);\n\nexport default () => {\n  const data = useLeChaletData();\n\n  return (\n    <OngoingTemplate data={data} />\n  );\n};\n","module.exports = __webpack_public_path__ + \"static/call-00ca383ae3d16549795751b9dec21cce.png\";"],"sourceRoot":""}