\n }\n }}\n \n)\n\nconst useStaticQuery = query => {\n if (\n typeof React.useContext !== `function` &&\n process.env.NODE_ENV === `development`\n ) {\n throw new Error(\n `You're likely using a version of React that doesn't support Hooks\\n` +\n `Please update React and ReactDOM to 16.8.0 or later to use the useStaticQuery hook.`\n )\n }\n const context = React.useContext(StaticQueryContext)\n if (context[query] && context[query].data) {\n return context[query].data\n } else {\n throw new Error(\n `The result of this StaticQuery could not be fetched.\\n\\n` +\n `This is likely a bug in Gatsby and if refreshing the page does not fix it, ` +\n `please open an issue in https://github.com/gatsbyjs/gatsby/issues`\n )\n }\n}\n\nStaticQuery.propTypes = {\n data: PropTypes.object,\n query: PropTypes.string.isRequired,\n render: PropTypes.func,\n children: PropTypes.func,\n}\n\nfunction graphql() {\n throw new Error(\n `It appears like Gatsby is misconfigured. Gatsby related \\`graphql\\` calls ` +\n `are supposed to only be evaluated at compile time, and then compiled away,. ` +\n `Unfortunately, something went wrong and the query was left in the compiled code.\\n\\n.` +\n `Unless your site has a complex or custom babel/Gatsby configuration this is likely a bug in Gatsby.`\n )\n}\n\nexport {\n Link,\n withPrefix,\n graphql,\n parsePath,\n navigate,\n push, // TODO replace for v3\n replace, // TODO remove replace for v3\n navigateTo, // TODO: remove navigateTo for v3\n StaticQueryContext,\n StaticQuery,\n PageRenderer,\n useStaticQuery,\n}\n","import './CompanyAddressHome.scss';\n\nimport React from 'react';\n\nimport { classNames } from '../../utils';\n\nfunction CompanyAddressHome({includeName, className}) {\n return (\n \n {includeName ? Tri-Star Systems : null}\n 16401 Swingley Ridge Road Suite 250 \n Chesterfield, MO 63017
\n Office Hours: \n Monday - Friday \n 7:00 a.m. - 5:00 p.m. Central Time\n \n );\n}\n\nexport default CompanyAddressHome;\n","import './ContactInfoHome.scss';\n\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { classNames } from '../../utils';\nimport CompanyAddressHome from '../CompanyAddressHome';\nimport Logo from '../../icons/logo.svg';\nimport Logo2 from '../../icons/logo2.svg';\nimport SocialMedia from '../SocialMedia';\nimport TeleList from '../TeleList';\n\nfunction ContactInfo({appearance=\"simple\", className}) {\n return (\n \n
\n \n );\n}\n\nContactInfo.propTypes = {\n appearance: PropTypes.oneOf(['simple', 'full'])\n}\n\nexport default ContactInfo;\n","import './Newsletter.scss';\n\nimport React from 'react';\n\nimport Button from '../Button';\nimport TextField from '../TextField';\n\nclass Newsletter extends React.PureComponent {\n state = {\n status: ''\n }\n\n submitForm = (event) => {\n event.preventDefault();\n const form = event.target;\n const data = new FormData(form);\n const xhr = new XMLHttpRequest();\n xhr.open(form.method, form.action);\n xhr.setRequestHeader(\"Accept\", \"application/json\");\n xhr.onreadystatechange = () => {\n if (xhr.readyState !== XMLHttpRequest.DONE) return;\n if (xhr.status === 200) {\n form.reset();\n this.setState({ status: \"SUCCESS\" });\n } else {\n this.setState({ status: \"ERROR\" });\n }\n };\n xhr.send(data);\n }\n\n render() {\n const { status } = this.state;\n return (\n \n
\n \n
Subscribe to our newsletter!
\n
\n \n \n \n
\n \n {status === \"SUCCESS\" &&
Thank you for subscribing!
}\n {status === \"ERROR\" &&
There was an error.
}\n
\n \n );\n }\n}\n\nexport default Newsletter;\n","import './SiteFooter.scss';\n\nimport { Link } from 'gatsby';\nimport React from 'react';\n\nimport ContactInfoHome from '../ContactInfoHome';\nimport Newsletter from '../Newsletter';\n\nfunction SiteFooter() {\n return (\n \n );\n}\n\nexport default SiteFooter;\n","import './IconButton.scss';\n\nimport React from 'react';\n\nfunction IconButton({className, children, ...rest}) {\n return (\n \n );\n}\n\nexport default IconButton;\n","import './SiteNav.scss';\n\nimport { Link } from 'gatsby';\nimport React from 'react';\n\nimport IconButton from '../IconButton';\nimport MenuIcon from '../../icons/menu-icon.svg';\nimport XIcon from '../../icons/x-icon.svg';\n\nclass SiteNav extends React.PureComponent {\n state = {\n mobileMenuIsVisible: false\n }\n\n toggleMobileMenu = () => {\n this.setState((state) => ({mobileMenuIsVisible: !state.mobileMenuIsVisible}))\n }\n render() {\n const {mobileMenuIsVisible} = this.state;\n return (\n
\n
\n \n
\n \n
\n );\n }\n}\n\nexport default SiteNav;\n","import './SiteHeader.scss';\n\nimport { Link } from 'gatsby';\nimport React from 'react';\n\nimport Logo from '../../icons/logo.svg';\nimport SiteNav from '../SiteNav';\n\nfunction SiteHeader() {\n return (\n \n