{"version":3,"sources":["webpack:///./src/pages/support.jsx","webpack:///./src/components/HeaderExpanded/HeaderExpanded.jsx"],"names":["Support","useEffect","window","scrollTo","name","content","title","image","process","className","href","HeaderExpanded","props","backgroundImageStyle","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","Header","noGutters","xs","md","fluid","style"],"mappings":"8IAAA,0FAoCeA,UA7Bf,WAOE,OANAC,qBAAU,WACRC,OAAOC,SAAS,EAAG,KAClB,IAKD,oCAEE,kBAAC,IAAD,KACE,qDACA,0BAAMC,KAAK,cAAcC,QAAQ,sBAEnC,kBAAC,IAAD,CAAgBC,MAAO,UAAWC,MATxBC,+EAUV,kBAAC,IAAD,CAAWC,UAAU,uBACnB,2BACA,4BAAI,uBACFA,UAAU,YACVC,KAAK,+CAFH,0BAFN,8D,yDCtBN,iFA2CeC,IAtCf,SAAwBC,GAAQ,IACtBL,EAAiBK,EAAjBL,MAAOD,EAAUM,EAAVN,MAEXO,EAAuB,CACzBC,gBAAgB,OAAQP,EAAT,IACfQ,eAAgB,QAChBC,mBAAoB,eACpBC,iBAAkB,aAGdC,EACJ,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKC,WAAS,GACZ,kBAAC,IAAD,CAAKC,GAAI,GAAIC,GAAI,EAAGZ,UAAU,uCAC5B,4BAAQA,UAAU,4CAA4CH,MAMtE,OAAOC,EACL,kBAAC,IAAD,CACEe,OAAK,EACLb,UAAU,wEAEV,yBAAKc,MAAOV,EAAsBJ,UAAU,6BAC3CS,GAGH,kBAAC,IAAD,CACEI,OAAK,EACLb,UAAU,kFAETS","file":"component---src-pages-support-jsx-eff7e78ea91e4b6359cc.js","sourcesContent":["import React, { useEffect } from \"react\";\nimport { Container, Button } from \"react-bootstrap\";\nimport HeaderExpanded from \"../components/HeaderExpanded/HeaderExpanded\";\nimport \"../styles/support.scss\";\nimport { Link } from \"gatsby\";\nimport { Helmet } from \"react-helmet\";\n\nfunction Support() {\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, []);\n\n  const image = process.env.GATSBY_S3_BUCKET_ASSETS + \"images/support.jpg\";\n\n  return (\n    <>\n      {/* Add meta tags inside here. */}\n      <Helmet>\n        <title>HortPlus | Support</title>\n        <meta name=\"description\" content=\"HortPlus Support\" />\n      </Helmet>\n      <HeaderExpanded title={\"Support\"} image={image} />\n      <Container className=\"hp-page text-center\">\n        <p>\n        <h3><a\n          className=\"text-dark\"\n          href=\"mailto:support@hortplus.com?subject=Support\"\n        >\n          support@hortplus.com\n        </a></h3></p>\n        or use the onscreen widget at the bottom of the screen!\n      </Container>\n    </>\n  );\n}\n\nexport default Support;\n","import React from 'react';\nimport { Col, Container, Row } from 'react-bootstrap';\nimport './HeaderExpanded.scss';\nimport '../HomepageFrames/Frame.scss';\n\nfunction HeaderExpanded(props) {\n  const { image, title } = props;\n\n  var backgroundImageStyle = {\n    backgroundImage: `url(${image})`,\n    backgroundSize: 'cover',\n    backgroundPosition: 'center right',\n    backgroundRepeat: 'no-repeat'\n  };\n\n  const Header = (\n    <Container>\n      <Row noGutters>\n        <Col xs={10} md={6} className='hp-title hp-title--subtitle px-md-3'>\n          <header className='hp-nav-mobile text-light hp-mobile-title'>{title}</header>\n        </Col>\n      </Row>\n    </Container>\n  );\n\n  return image ? (\n    <Container\n      fluid\n      className='px-0 hp-page--blue-dark hp-expanded-header d-flex align-items-center'\n    >\n      <div style={backgroundImageStyle} className='hp-expanded-header-image' />\n      {Header}\n    </Container>\n  ) : (\n    <Container\n      fluid\n      className='px-0 hp-page--blue-grey hp-expanded-header--no-image d-flex align-items-center'\n    >\n      {Header}\n    </Container>\n  );\n}\n\nexport default HeaderExpanded;\n"],"sourceRoot":""}