{"version":3,"sources":["webpack:///./src/components/TableSection/index.js","webpack:///./src/pages/our-service.js","webpack:///./src/components/ImageSection/index.js","webpack:///./src/components/TextLink/index.js"],"names":["TableSection","React","createElement","className","cellPadding","border","cellSpacing","frame","TrackVisibility","partialVisibility","once","_ref","isVisible","OurService","data","Layout","lightBackground","headerTitle","headerSupportingText","SEO","title","description","url","ImageSection","rightToLeft","backgroundImage","PC1","fluid","backgroundImageAlt","B1","TextLink","linkText","linkPath","external","children","_ref2","Fragment","Img","alt","onClick","href","target","rel","Link","to","propsTypes","PropTypes","bool","string","isRequired","func"],"mappings":"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","file":"component---src-pages-our-service-js-051df4cc8a4325651a31.js","sourcesContent":["import React from 'react'\nimport TrackVisibility from 'react-on-screen'\n\nconst TableSection = () => (\n  <section className=\"lightBackground\">\n    <section className=\"wrapper\">\n      <table cellPadding=\"0\" border=\"0\" cellSpacing=\"0\" frame=\"0\">\n        <thead>\n          <tr>\n            <th>Dimension</th>\n            <th>Tolerance</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr>\n            <td>&gt; 600mm</td>\n            <td>+/- 2mm</td>\n          </tr>\n          <tr>\n            <td>601mm – 1000mm</td>\n            <td>+/- 3mm</td>\n          </tr>\n          <tr>\n            <td>1001mm - 2500mm</td>\n            <td>+/- 4mm</td>\n          </tr>\n          <tr>\n            <td>2501mm - 4000mm</td>\n            <td>+/- 5mm</td>\n          </tr>\n          <tr>\n            <td>&lt; 4000mm</td>\n            <td>+/- 6mm</td>\n          </tr>\n        </tbody>\n      </table>\n      <TrackVisibility partialVisibility once className=\"tableSection\">\n        {({ isVisible }) => (\n          <div className={`content animateFadeUp${isVisible && ' active'}`}>\n            <h2>Manufacturing tolerance</h2>\n            <p>\n              For several years we’ve used precision moulds to create both\n              standard and bespoke products that meet dimension requirements\n              within millimeters.\n              <br />\n              <br />\n              We guarantee every product produced by Key Stonework meets the\n              dimensional tolerances permitted by the British Standard\n              1217:2008.\n            </p>\n          </div>\n        )}\n      </TrackVisibility>\n    </section>\n  </section>\n)\n\nexport default TableSection\n","import React from 'react'\nimport { graphql } from 'gatsby'\n\nimport ImageSection from '../components/ImageSection'\nimport TableSection from '../components/TableSection'\nimport Layout from '../components/Layout'\nimport SEO from '../components/SEO'\nimport TextLink from '../components/TextLink'\n\nconst OurService = ({ data }) => (\n  <Layout\n    lightBackground={false}\n    headerTitle=\"Our service\"\n    headerSupportingText=\"Quality you can count on before and after installation\"\n  >\n    <SEO\n      title=\"Quality You Can Count on Before and After Installation\"\n      description=\"Our architectural cast stone is manufactured in Northamptonshire with expert precision moulds and is British Standard 1217:2008 compliant. All our products are available in bath or portland stone and dry or wet cast\"\n      url=\"/our-service\"\n    />\n    <ImageSection\n      rightToLeft={false}\n      backgroundImage={data.PC1.fluid}\n      backgroundImageAlt=\"\"\n    >\n      <h2>Our stone</h2>\n      <p>\n        Manufactured in Northamptonshire, our stone is made with expert\n        precision moulds and is available in dry and wet cast.\n      </p>\n      <ul className=\"listBulletedTicks\">\n        <li>British Standard 1217:2008 compliant</li>\n        <li>Available in 2 colours, portland or bath stone</li>\n        <li>96 Standard products that have consistently shown great results</li>\n        <li>\n          Bespoke design for all products and entirely custom pieces available\n        </li>\n      </ul>\n    </ImageSection>\n    <ImageSection\n      rightToLeft={true}\n      backgroundImage={data.B1.fluid}\n      backgroundImageAlt=\"\"\n    >\n      <h2>Standards</h2>\n      <p>\n        For the last 15 years we have continued to produce dry and wet cast\n        stone of exceptional quality. We assure our customers that every product\n        we create (bespoke or standard) satisfies all British Standard 1217:2008\n        requirements. This includes dimension tolerances, flatness of plane\n        surface, permeability, durability and compressive strength.\n      </p>\n      <TextLink\n        linkText=\"More about British Standard 1217:2008\"\n        linkPath=\"https://shop.bsigroup.com/ProductDetail/?pid=000000000030172628\"\n        external={true}\n      />\n    </ImageSection>\n    <TableSection />\n  </Layout>\n)\n\nexport default OurService\n\nexport const pageQuery = graphql`\n  query OurServiceImages {\n    B1: imageSharp(fluid: { originalName: { eq: \"B1.jpeg\" } }) {\n      fluid(maxWidth: 1280) {\n        ...GatsbyImageSharpFluid\n      }\n    }\n    PC1: imageSharp(fluid: { originalName: { eq: \"PC1.jpeg\" } }) {\n      fluid(maxWidth: 1280) {\n        ...GatsbyImageSharpFluid\n      }\n    }\n  }\n`\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport TrackVisibility from 'react-on-screen'\nimport Img from 'gatsby-image'\n\nconst ImageSection = ({\n  backgroundImage,\n  backgroundImageAlt,\n  children,\n  rightToLeft,\n}) => (\n  <TrackVisibility partialVisibility once className=\"wrapper--noPadding\">\n    {({ isVisible }) => (\n      <>\n        <Img\n          className={`imageSection__image ${\n            rightToLeft ? 'imageSection__image--imageRight' : ''\n          }`}\n          fluid={backgroundImage}\n          alt={backgroundImageAlt}\n          title={backgroundImageAlt}\n        />\n        <article\n          className={`imageSection__content animateFadeUp${\n            rightToLeft ? ' imageSection__content--imageRight' : ''\n          }${isVisible ? ' active' : ''}`}\n        >\n          {children}\n        </article>\n      </>\n    )}\n  </TrackVisibility>\n)\n\nImageSection.propTypes = {\n  backgroundImage: PropTypes.object.isRequired,\n  backgroundImageAlt: PropTypes.string.isRequired,\n  children: PropTypes.node.isRequired,\n  rightToLeft: PropTypes.bool.isRequired,\n}\n\nexport default ImageSection\n","import React from 'react'\nimport { Link } from 'gatsby'\nimport PropTypes from 'prop-types'\n\nconst TextLink = ({ external, linkText, linkPath, onClick }) => {\n  return external ? (\n    <a\n      className=\"textLink\"\n      href={linkPath}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n    >\n      {linkText}\n    </a>\n  ) : onClick ? (\n    <button className=\"textLink\" onClick={onClick}>\n      {linkText}\n    </button>\n  ) : (\n    <Link className=\"textLink\" to={linkPath}>\n      {linkText}\n    </Link>\n  )\n}\n\nTextLink.propsTypes = {\n  external: PropTypes.bool,\n  linkPath: PropTypes.string.isRequired,\n  linkText: PropTypes.string.isRequired,\n  onClick: PropTypes.func,\n}\n\nexport default TextLink\n"],"sourceRoot":""}