{"version":3,"file":"component---src-pages-index-js-81d872ce60d92eebdea5.js","mappings":"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","sources":["webpack://gatsby-serif-theme/./src/components/Call.js","webpack://gatsby-serif-theme/./src/pages/index.js"],"sourcesContent":["import React from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\n\nconst Call = props => {\n  const data = useStaticQuery(graphql`\n    query ContactQuery {\n        contactJson {\n          phone\n          email\n          contact_button_link\n        }\n    }\n   `);\n  return (\n    <div className=\"call\">\n      <div className=\"call-box-top\">\n        {data.contactJson.phone && (\n          <div className=\"call-phone\">\n            <strong>Phone: </strong>\n            {' '}\n            { data.contactJson.phone }\n            {' '}\n          </div>\n        )}\n        {data.contactJson.email && (\n          <div className=\"call-email\">\n            <strong>Email: </strong>\n            <a href={`mailto:${data.contactJson.email}`}>\n              {data.contactJson.email}\n            </a>\n          </div>\n        )}\n      </div>\n      {props.showButton && (\n        <div className=\"call-box-bottom\">\n          <a href={data.contactJson.contact_button_link} className=\"button\">Contact</a>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Call;\n","import React from 'react';\nimport { graphql, Link } from 'gatsby';\nimport Helmet from 'react-helmet';\nimport SEO from '../components/SEO';\nimport Layout from '../components/Layout';\nimport Call from '../components/Call';\n\nconst Home = props => {\n  const intro = props.data.intro;\n  const site = props.data.site.siteMetadata;\n  const services = props.data.services.edges;\n  const features = props.data.features.edges;\n  const introImageClasses = `intro-image ${intro.frontmatter.intro_image_absolute && 'intro-image-absolute'} ${intro.frontmatter.intro_image_hide_on_mobile && 'intro-image-hide-mobile'}`;\n\n  return (\n    <Layout bodyClass=\"page-home\">\n      <SEO title={site.title} />\n      <Helmet>\n        <meta\n          name=\"description\"\n          content=\"Small Business Theme. Multiple content types using Markdown and JSON sources. Responsive design and SCSS. This is a beautiful and artfully designed starting theme.\"\n        />\n      </Helmet>\n\n      <div className=\"intro\">\n        <div className=\"container\">\n          <div className=\"row justify-content-start\">\n            <div className=\"col-12 col-md-7 col-lg-6 order-2 order-md-1\">\n              <div dangerouslySetInnerHTML={{ __html: intro.html }} />\n              <Call showButton />\n            </div>\n            {intro.frontmatter.intro_image && (\n              <div className=\"col-12 col-md-5 col-lg-6 order-1 order-md-2 position-relative\">\n                <img alt={intro.frontmatter.title} className={introImageClasses} src={intro.frontmatter.intro_image} />\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {services.length > 0 && (\n        <div className=\"strip\">\n          <div className=\"container pt-6 pb-6 pb-md-10\">\n            <div className=\"row justify-content-start\">\n              {services.map(({ node }) => (\n                <div key={node.id} className=\"col-12 col-md-4 mb-1\">\n                  <div className=\"service service-summary\">\n                    <div className=\"service-content\">\n                      <h2 className=\"service-title\">\n                        <Link to={node.fields.slug}>{node.frontmatter.title}</Link>\n                      </h2>\n                      <p>{node.excerpt}</p>\n                    </div>\n                  </div>\n                </div>\n              ))}\n            </div>\n            <div className=\"row justify-content-center\">\n              <div className=\"col-auto\">\n                <Link className=\"button button-primary\" to=\"/services/\">View All Services</Link>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {features.length > 0 && (\n        <div className=\"strip strip-grey\">\n          <div className=\"container pt-6 pb-6 pt-md-10 pb-md-10\">\n            <div className=\"row justify-content-center\">\n              {features.map(({ node }) => (\n                <div key={node.id} className=\"col-12 col-md-6 col-lg-4 mb-2\">\n                  <div className=\"feature\">\n                    {node.image && (\n                      <div className=\"feature-image\">\n                        <img src={node.image} />\n                      </div>\n                    )}\n                    <h2 className=\"feature-title\">{node.title}</h2>\n                    <div className=\"feature-content\">{node.description}</div>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      )}\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query {\n    services: allMarkdownRemark(\n      filter: { fileAbsolutePath: { regex: \"/services\\/.*/\" } }\n      sort: { fields: [frontmatter___weight], order: ASC }\n      limit: 6\n    ) {\n      edges {\n        node {\n          id\n          frontmatter {\n            title\n            date(formatString: \"DD MMMM YYYY\")\n          }\n          fields {\n            slug\n          }\n          excerpt\n        }\n      }\n    }\n    intro: markdownRemark(\n      fileAbsolutePath: {regex: \"/content/index.md/\"}\n    ) {\n        html\n        frontmatter {\n          image\n          intro_image\n          intro_image_absolute\n          intro_image_hide_on_mobile\n          title\n        }\n    }\n    features: allFeaturesJson {\n      edges {\n        node {\n          id\n          title\n          description\n          image\n        }\n      }\n    }\n    site {\n      siteMetadata {\n        title\n      }\n    }\n  }\n`;\n\nexport default Home;\n"],"names":["props","data","useStaticQuery","React","className","contactJson","phone","email","href","showButton","contact_button_link","intro","site","siteMetadata","services","edges","features","introImageClasses","frontmatter","intro_image_absolute","intro_image_hide_on_mobile","Layout","bodyClass","SEO","title","Helmet","name","content","dangerouslySetInnerHTML","__html","html","Call","intro_image","alt","src","length","map","_ref","node","key","id","Link","to","fields","slug","excerpt","_ref2","image","description"],"sourceRoot":""}