{"version":3,"sources":["webpack:///./src/components/Pages/About/Intro.js","webpack:///./src/components/Pages/About/Services.js","webpack:///./src/components/Pages/About/Peace.js","webpack:///./src/components/Pages/About/Serving.js","webpack:///./src/components/Pages/About/Referral.js","webpack:///./src/templates/About.js"],"names":["Intro","IntroContent","title","paraContent","yellowContent","IntroGraphicVideo","video","backgroundVideo","ServicesStyled","styled","section","props","theme","bpTablet","bpDesksm","Services","to","className","Heating","AirConditioning","Refrigeration","Peace","ServingStyled","colorPrim","white","Serving","ReferralStyled","bpDeskmd","Referral","BackGroundPattern","About","render","location","this","description","keywords","Component"],"mappings":"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","file":"component---src-templates-about-js-41953b3d074fc39415c2.js","sourcesContent":["import React from \"react\"\n\nimport { StandardWrapper } from \"../../styles/Commons/Wrappers\"\nimport IntroContent from \"../../Sections/Intro/IntroContent\"\nimport IntroGraphicVideo from \"../../Sections/Intro/IntroGraphicVideo\"\nimport backgroundVideo from \"../../../images/fan-video.mp4\"\n\nconst Intro = () => {\n  const title = \"You can rely on us. We are dedicated.\"\n  const paraContent =\n    \"Our name is Iron Eagle. “Iron” represents the physical metal product and “Eagle” symbolizes strength. Together, they represent our passion.\"\n  const yellowContent =\n    \"Call <span>us for a quote</span> <a href='tel:+14039481333'>403.948.1333</a>\"\n  return (\n    <section>\n      <StandardWrapper>\n        <IntroContent\n          title={title}\n          paraContent={paraContent}\n          yellowContent={yellowContent}\n        />\n        <IntroGraphicVideo video={backgroundVideo} />\n      </StandardWrapper>\n    </section>\n  )\n}\n\nexport default Intro\n","import React from \"react\"\nimport styled from \"styled-components\"\nimport { Link } from \"gatsby\"\n\nimport { SmallerH2Title } from \"../../styles/Commons/Titles\"\nimport { StandardWrapper } from \"../../styles/Commons/Wrappers\"\nimport { SmallParagraphs } from \"../../styles/Commons/Paragraphs\"\nimport { AngleGreyBackground } from \"../../styles/Commons/Effects\"\n\nimport Heating from \"../../Svgs/Heating\"\nimport AirConditioning from \"../../Svgs/AirConditioning\"\nimport Refrigeration from \"../../Svgs/Refrigeration\"\n\nconst ServicesStyled = styled.section`\n  position: relative;\n\n  @media (min-width: ${props => props.theme.bpTablet}) {\n    padding: 3rem 0;\n  }\n\n  @media (min-width: ${props => props.theme.bpDesksm}) {\n    padding: 5rem 0;\n  }\n\n  .service-item {\n    width: 100%;\n    text-align: center;\n\n    @media (min-width: ${props => props.theme.bpTablet}) {\n      width: calc(33.3333% - 2rem);\n      margin: 2rem 1rem;\n    }\n\n    @media (min-width: ${props => props.theme.bpDesksm}) {\n      width: calc(33.3333% - 6rem);\n      margin: 2rem 3rem;\n    }\n  }\n\n  .service-icon {\n    width: 100%;\n    margin: 0 auto;\n    max-width: 15rem;\n\n    @media (min-width: ${props => props.theme.bpTablet}) {\n      max-width: 10rem;\n    }\n  }\n\n  .service-background {\n    top: 5%;\n    height: 95%;\n    transform: rotate(10deg);\n  }\n`\n\nconst Services = () => {\n  return (\n    <ServicesStyled>\n      <StandardWrapper>\n        <Link to=\"/what-we-do/heating\" className=\"service-item\">\n          <div className=\"service-icon\">\n            <Heating />\n          </div>\n          <div>\n            <SmallerH2Title>Heating</SmallerH2Title>\n          </div>\n          <div>\n            <SmallParagraphs>\n              We ensure that your furnace stays warm during the winter months.\n              Your comfort is our priority.\n            </SmallParagraphs>\n          </div>\n        </Link>\n\n        <Link to=\"/what-we-do/air-conditioning\" className=\"service-item\">\n          <div className=\"service-icon\">\n            <AirConditioning />\n          </div>\n          <div>\n            <SmallerH2Title>Air Conditioning</SmallerH2Title>\n          </div>\n          <div>\n            <SmallParagraphs>\n              When the weather is warm, we ensure that you are comfortable and\n              cool with installation, repair, and maintenance of both\n              residential and commercial AC systems.\n            </SmallParagraphs>\n          </div>\n        </Link>\n\n        <Link to=\"/what-we-do/refrigeration\" className=\"service-item\">\n          <div className=\"service-icon\">\n            <Refrigeration />\n          </div>\n          <div>\n            <SmallerH2Title>Refrigeration</SmallerH2Title>\n          </div>\n          <div>\n            <SmallParagraphs>\n              Our work includes commercial refrigeration projects to ensure that\n              your system is efficient and effective.\n            </SmallParagraphs>\n          </div>\n        </Link>\n      </StandardWrapper>\n      <AngleGreyBackground className=\"service-background\" />\n    </ServicesStyled>\n  )\n}\n\nexport default Services\n","import React from \"react\"\n\nimport { RegularH3Title } from \"../../styles/Commons/Titles\"\nimport {\n  StandardWrapper,\n  SmallContainer,\n  TinyContainer,\n} from \"../../styles/Commons/Wrappers\"\nimport { StandardParagraph } from \"../../styles/Commons/Paragraphs\"\n\nconst Peace = () => {\n  return (\n    <section>\n      <StandardWrapper>\n        <SmallContainer>\n          <RegularH3Title>Your peace of mind is our priority.</RegularH3Title>\n        </SmallContainer>\n        <TinyContainer>\n          <StandardParagraph>\n            Our quality work from start to finish adheres to all current\n            building codes. We are dedicated to time management, teamwork,\n            quality and consistency of all products. Quality Workmanship\n            Guaranteed.\n          </StandardParagraph>\n        </TinyContainer>\n      </StandardWrapper>\n    </section>\n  )\n}\n\nexport default Peace\n","import React from \"react\"\nimport styled from \"styled-components\"\n\nimport { RegularH3Title } from \"../../styles/Commons/Titles\"\nimport { StandardWrapper, SmallContainer } from \"../../styles/Commons/Wrappers\"\nimport { StandardParagraph } from \"../../styles/Commons/Paragraphs\"\n\nconst ServingStyled = styled.section`\n  position: relative;\n  margin-top: 5rem;\n  padding: 3rem 0;\n  background: ${props => props.theme.colorPrim};\n\n  @media (min-width: ${props => props.theme.bpTablet}) {\n    margin-top: 7.5rem;\n  }\n\n  @media (min-width: ${props => props.theme.bpDesksm}) {\n    margin-top: 10rem;\n  }\n\n  .serving-title {\n    position: absolute;\n    top: -6rem;\n    right: 0;\n    left: 0;\n    width: 100%;\n    margin: 0 auto;\n    text-align: center;\n\n    @media (min-width: ${props => props.theme.bpTablet}) {\n      top: -4.75rem;\n    }\n\n    @media (min-width: ${props => props.theme.bpDesksm}) {\n      top: -6.25rem;\n    }\n  }\n\n  p {\n    color: ${props => props.theme.white};\n  }\n\n  p:last-of-type {\n    margin: 0;\n  }\n`\n\nconst Serving = () => {\n  return (\n    <ServingStyled>\n      <StandardWrapper>\n        <div className=\"serving-title\">\n          <RegularH3Title>Serving Southern Alberta Since 1993</RegularH3Title>\n        </div>\n        <SmallContainer>\n          <StandardParagraph>\n            Iron Eagle employs over 20 people, both journeymen and apprentices.\n            Based in Airdrie, we also work in the surrounding communities of\n            Calgary and High River.\n          </StandardParagraph>\n          <StandardParagraph>\n            We are a proud sponsor of the Airdrie Food Bank, a member of the\n            Sheet Metal Contractors Association, and we are in collaboration\n            with Careers – The Next Generation. This program provides a learning\n            opportunity and work experience to students who are interested in\n            the trades.\n          </StandardParagraph>\n        </SmallContainer>\n      </StandardWrapper>\n    </ServingStyled>\n  )\n}\n\nexport default Serving\n","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport styled from \"styled-components\"\n\nimport BackGroundPattern from \"../../Svgs/BackGroundPattern\"\nimport { MicroContainer } from \"../../styles/Commons/Wrappers\"\nimport { UnderlineLinks } from \"../../styles/Commons/Buttons\"\nimport { SmallH2Title } from \"../../styles/Commons/Titles\"\nimport { BigBlueDoubleQuote } from \"../../styles/Commons/Effects\"\n\nconst ReferralStyled = styled.section`\n  position: relative;\n  height: 40rem;\n  ${\"\" /* overflow: hidden; */}\n\n  @media (min-width: ${props => props.theme.bpTablet}) {\n    height: 50rem;\n  }\n\n  @media (min-width: ${props => props.theme.bpDesksm}) {\n    height: 75vh;\n    min-height: 60rem;\n  }\n\n  .referral-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    margin: 0 auto;\n    transform: translate(-50%, -50%);\n    text-align: center;\n\n    @media (min-width: ${props => props.theme.bpTablet}) {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n\n  .background-pattern {\n    position: absolute;\n    top: -15rem;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0.1;\n    z-index: -1;\n\n    @media (min-width: ${props => props.theme.bpTablet}) {\n      position: absolute;\n      top: -15rem;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    svg {\n      width: 250%;\n      height: 250%;\n\n      @media (min-width: ${props => props.theme.bpTablet}) {\n        width: 150%;\n        height: 150%;\n      }\n\n      @media (min-width: ${props => props.theme.bpDesksm}) {\n        width: 125%;\n        height: 125%;\n      }\n\n      @media (min-width: ${props => props.theme.bpDeskmd}) {\n        width: 110%;\n        height: 110%;\n      }\n    }\n  }\n`\n\nconst Referral = () => {\n  return (\n    <ReferralStyled>\n      <div className=\"referral-content\">\n        <MicroContainer>\n          <BigBlueDoubleQuote>\n            <SmallH2Title>\n              As a referral business, our success depends on you.\n            </SmallH2Title>\n          </BigBlueDoubleQuote>\n        </MicroContainer>\n        <UnderlineLinks>\n          <Link to=\"/testimonials\">Read Reviews</Link>\n        </UnderlineLinks>\n      </div>\n      <div className=\"background-pattern\">\n        <BackGroundPattern />\n      </div>\n    </ReferralStyled>\n  )\n}\n\nexport default Referral\n","import React, { Component } from \"react\"\n\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport Intro from \"../components/Pages/About/Intro\"\nimport Services from \"../components/Pages/About/Services\"\nimport Peace from \"../components/Pages/About/Peace\"\nimport Serving from \"../components/Pages/About/Serving\"\nimport Referral from \"../components/Pages/About/Referral\"\n\nexport default class About extends Component {\n  render() {\n    return (\n      <Layout location={this.props.location}>\n        <SEO\n          title=\"You Can Rely On Us\"\n          description=\"Iron Eagle employs over 30 people, both journeymen and apprentices. Based in Airdrie, we also work in the surrounding communities of Calgary and High River.\"\n          keywords={[\n            \"dedicated\",\n            \"emergency repair\",\n            \"passion\",\n            \"heating\",\n            \"air conditioning\",\n            \"refrigeration\",\n            \"peace of mind\",\n            \"southern alberta\",\n            \"airdrie\",\n            \"calgary\",\n            \"high river\",\n            \"free quote\",\n          ]}\n        />\n        <Intro />\n        <Services />\n        <Peace />\n        <Serving />\n        <Referral />\n      </Layout>\n    )\n  }\n}\n"],"sourceRoot":""}