{"version":3,"sources":["webpack://gatsby-casper/./src/pages/index.tsx"],"names":["BrandGradient","Banner","BannerFooter","SubscribeFooter","MessagePill","outputs","graphStyles","width","height","margin","props","listOfFeatures","data","allMarkdownRemark","edges","countOfFeatures","length","verticalCenter","getPosition","index","xPosition","x","y","Math","floor","elements","map","integration","id","node","frontmatter","title","type","label","src","image","publicURL","alt","style","display","color","fontWeight","fontFamily","fontSize","position","sourcePosition","borderRadius","border","draggable","selectable","source","target","animated","targetPosition","outputName","isSticky","mode","css","viewBox","data-name","transform","fill","href","background","aspectRatio","className","PostFull","NoImage","defaultZoom","zoomOnPinch","zoomOnScroll","zoomOnDoubleClick","minZoom","maxZoom","paneMoveable","PostFullHeader","PostFullTitle"],"mappings":"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","file":"component---src-pages-index-tsx-430f03140dcbf71840c2.js","sourcesContent":["import React from \"react\";\nimport { Helmet } from \"react-helmet\";\n\nimport { css } from \"@emotion/react\";\n\nimport { Footer } from \"../components/Footer\";\nimport { TransitionNavigation } from \"../components/header/SiteNav\";\nimport { PostFullContent } from \"../components/PostContent\";\nimport { Wrapper } from \"../components/Wrapper\";\nimport IndexLayout from \"../layouts\";\nimport {\n  NoImage,\n  PostFull,\n  PostFullHeader,\n  PostFullTitle,\n} from \"../templates/post\";\nimport ReactFlow, { FlowElement } from \"react-flow-renderer\";\nimport { AdNerfLogo } from \"../components/header/SiteNavLogo\";\nimport { graphql } from \"gatsby\";\nimport { Content } from \"../components/body/Body\";\n\nconst BrandGradient = css`\n  background-image: linear-gradient(35deg, #3381d5 0%, #13365c 100%);\n`;\n\nconst Banner = css`\n  background-size: cover;\n  background-position: center top;\n  color: #fff;\n  font-family: \"Roboto\", sans-serif;\n  text-align: center;\n  padding: 150px 0 50px 0;\n\n  position: relative;\n  z-index: 1;\n`;\n\nconst BannerFooter = css`\n  position: absolute;\n  width: 100%;\n  bottom: 0;\n  left: 0;\n  z-index: 0;\n  pointer-events: none;\n`;\n\nconst SubscribeFooter = css`\n  border-radius: 10px;\n  padding: 35px 40px;\n  color: #fff;\n  margin: auto;\n  width: 50vw;\n  z-index: 1;\n  margin-bottom: -100px;\n\n  h3 {\n    margin-top: 0;\n  }\n`;\n\nconst MessagePill = css`\n  font-family: \"Roboto\", sans-serif;\n  display: inline-block;\n  border-radius: 4em;\n  padding: 9px 22px;\n  margin-bottom: 22px;\n  background-color: #ffffff26;\n`;\n\nconst outputs = [\"HTTP Calls\", \"WebHooks\"];\n\nexport const pageQuery = graphql`\n  query {\n    allMarkdownRemark(\n      sort: { fields: [frontmatter___date], order: DESC }\n      filter: { frontmatter: { layout: { eq: \"feature\" } } }\n    ) {\n      edges {\n        node {\n          timeToRead\n          frontmatter {\n            title\n            date\n            color\n            tags\n            draft\n            description\n            image {\n              publicURL\n            }\n          }\n          excerpt\n          fields {\n            layout\n            slug\n          }\n        }\n      }\n    }\n  }\n`;\n\nconst graphStyles = {\n  width: 900,\n  height: 580,\n  margin: \"auto\",\n};\n\nconst IndexPage: React.FC = (props: any) => {\n  /*\n    {props.data.allMarkdownRemark.edges.map((feature) => {\n        // filter out drafts in production\n        return ((feature.node.frontmatter.draft !== true || process.env.NODE_ENV !== 'production') && (\n            <a href={feature.node.fields.slug} css={FeatureCardStyles} className=\"post-card\">\n                <article>\n                    <img\n                        alt={`${feature.node.frontmatter.title} cover image`}\n                        src={feature.node.frontmatter.image.publicURL}\n                    />\n                    <h4 style={{ color: feature.node.frontmatter.color }}>\n                        {feature.node.frontmatter.title}\n                    </h4>\n                    <p>\n                        {feature.node.frontmatter.description}\n                    </p>\n                </article>\n            </a>\n        ));\n    })}\n    */\n\n  const listOfFeatures = props.data.allMarkdownRemark.edges;\n  const countOfFeatures = listOfFeatures.length;\n\n  const verticalSpace = 60;\n  const verticalCenter = (countOfFeatures * verticalSpace) / 2 - 8;\n\n  function getPosition(index: number): { x: number; y: number } {\n    let xPosition: number = 0;\n\n    if (index % 3 === 1) {\n      xPosition = 100;\n    }\n\n    if (index % 3 === 2) {\n      xPosition = 200;\n    }\n\n    return {\n      x: xPosition,\n      y: 150 * Math.floor(index / 3),\n    };\n  }\n\n  const elements: FlowElement[] = [\n    ...listOfFeatures.map((integration: any, index: number) => ({\n      id: integration.node.frontmatter.title,\n      type: \"input\",\n      data: {\n        label: (\n          <>\n            <img\n              src={integration.node.frontmatter.image.publicURL}\n              alt={integration.node.frontmatter.title}\n              style={{\n                height: 50,\n                margin: \"auto\",\n                display: \"block\",\n              }}\n            />\n            <span\n              style={{\n                color: integration.node.frontmatter.color,\n                fontWeight: \"bold\",\n                fontFamily: \"Roboto\",\n                fontSize: \"14px\",\n              }}\n            >\n              {integration.node.frontmatter.title}\n            </span>\n          </>\n        ),\n      },\n      position: getPosition(index),\n      sourcePosition: \"right\",\n      style: {\n        borderRadius: \"50%\",\n        width: 100,\n        height: 100,\n        border: \"none\",\n      },\n      draggable: false,\n      selectable: false,\n    })),\n    ...listOfFeatures.map((integration: any) => ({\n      id: `${integration.node.frontmatter.title}-app`,\n      source: integration.node.frontmatter.title,\n      target: \"app\",\n      animated: true,\n    })),\n\n    {\n      id: \"app\",\n      data: { label: <AdNerfLogo /> },\n      position: {\n        x: 400,\n        y: verticalCenter,\n      },\n      targetPosition: \"left\",\n      sourcePosition: \"right\",\n      draggable: false,\n      selectable: false,\n    },\n\n    ...outputs.map((outputName, index) => ({\n      id: outputName,\n      type: \"output\",\n      data: { label: outputName },\n      position: {\n        x: index % 2 ? 700 : 750,\n        y: verticalSpace * index + verticalSpace,\n      },\n      targetPosition: \"left\",\n      draggable: false,\n      selectable: false,\n    })),\n    ...outputs.map((outputName) => ({\n      id: `${outputName}-app`,\n      source: \"app\",\n      target: outputName,\n      animated: true,\n    })),\n  ];\n\n  return (\n    <IndexLayout>\n      <Helmet>\n        <title>Take Back Development - AdNerf</title>\n      </Helmet>\n      <Wrapper>\n        <TransitionNavigation isSticky={true} mode=\"white\" />\n        <div css={BrandGradient} style={{ position: \"relative\" }}>\n          <div css={BannerFooter}>\n            <svg\n              width=\"1920\"\n              height=\"500\"\n              viewBox=\"0 0 1920 500\"\n              style={{ width: \"100%\", height: \"auto\" }}\n            >\n              <defs>\n                <clipPath>\n                  <rect width=\"1920\" height=\"500\"></rect>\n                </clipPath>\n              </defs>\n              <g data-name=\"Shape\">\n                <rect\n                  data-name=\"Rectangle 134\"\n                  width=\"2356\"\n                  height=\"781\"\n                  transform=\"translate(-136.868 401.948) rotate(-11)\"\n                  fill=\"#F5F5F5\"\n                ></rect>\n              </g>\n            </svg>\n          </div>\n          <div css={[Banner]}>\n            <a css={MessagePill} style={{ color: \"#fff\" }} href=\"/\">\n              <strong>Get started</strong> for free\n            </a>\n            <h1>\n              Developers its time\n              <br />\n              to take back development\n            </h1>\n            <p>\n              It's time to stop creating another{\" \"}\n              <abbr title=\"Creating, Reading, Updating, and Deleting\">\n                C.R.U.D.\n              </abbr>{\" \"}\n              app, another live report, another salesforce integration.\n              <br />\n              It's time to do the valuable work you want to do.\n              <br />\n            </p>\n            <div style={{ margin: \"auto\" }}>\n              <div\n                style={{\n                  height: 500,\n                  border: \"4px solid #13365c\",\n                  background: \"#EFEFEF\",\n                  borderRadius: 10,\n                  width: \"75vw\",\n                  aspectRatio: \"1.4 / 1\",\n                }}\n              />\n            </div>\n          </div>\n        </div>\n        <Content>\n          <article className=\"post page\" css={[PostFull, NoImage]}>\n            <div>\n              <ReactFlow\n                defaultZoom={1.0}\n                elements={elements}\n                style={graphStyles}\n                zoomOnPinch={false}\n                zoomOnScroll={false}\n                zoomOnDoubleClick={false}\n                minZoom={1.1}\n                maxZoom={1.1}\n                paneMoveable={false}\n              />\n            </div>\n\n            <PostFullHeader className=\"post-full-header\">\n              <PostFullTitle className=\"post-full-title\">\n                Take Back Development\n              </PostFullTitle>\n            </PostFullHeader>\n\n            <PostFullContent className=\"post-full-content\">\n              <div className=\"post-content\">\n                <p>\n                  Stop being a cost center and start being a driving force for\n                  revenue.\n                </p>\n              </div>\n            </PostFullContent>\n          </article>\n        </Content>\n        <div css={[SubscribeFooter, BrandGradient]}>\n          <h3>Subscribe our newsletter</h3>\n          <p>Can't decide yet</p>\n\n          <input type=\"email\" />\n          <button type=\"submit\">Get Access</button>\n        </div>\n        <Footer />\n      </Wrapper>\n    </IndexLayout>\n  );\n};\n\nexport default IndexPage;\n"],"sourceRoot":""}