{"version":3,"file":"component---src-pages-commercial-js-f4f47786691624c4407d.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/Sidebar.js","webpack://gatsby-starter-default/./src/components/layout.js","webpack://gatsby-starter-default/./src/components/styles/CTAStyles.js","webpack://gatsby-starter-default/./src/pages/Commercial.js"],"sourcesContent":["import { StaticImage } from 'gatsby-plugin-image'\nimport React from 'react'\nimport './styles/GlobalStyles.css'\nimport styled from 'styled-components'\n\nconst Sidebar = ({data}) => {\nreturn (\n    <SidebarStyles>\n<div className=\"rec-links\">\n     <h3>Recommended Links</h3>\n     <div className=\"logo-links\">\n       \n     <div className=\"double\">\n         <a href=\"https://madico.com/\" alt=\"Madico logo\" className=\"square\"> <StaticImage src=\"../images/madico.png\" alt=\"Madico Film\" placeholder=\"blurred\" width={120} /></a>\n         <a href=\"https://www.skincancer.org/blog/surprising-danger-planes-trains-automobiles/\" alt=\"Madico Blog Logo\">      <StaticImage src=\"../images/SCF.png\" alt=\"Madico Film\" placeholder=\"blurred\" width={120} /></a>\n         \n     </div>\n        <div className=\"singles\">\n        <a href=\"https://madico.com/safety-security/anti-intrusion/safetyshield\" alt=\"madico safety shield Logo\"><StaticImage src=\"../images/SafetyShield-Premier-Partner-Color-5a390c2ab872f.png\" alt=\"Madico Film\" placeholder=\"blurred\" width={300} /></a>\n        <a href=\"https://madico.com/sunscape\" alt=\"Madico Sunscape Designer Window Film Logo\"><StaticImage src=\"../images/grfx_logo2.png\" alt=\"Madico Film\" placeholder=\"blurred\" width={300} /></a>\n        <a href=\"https://northamerica.llumar.com/vista-window-films\" alt=\"Llumar window film Logo\"><StaticImage src=\"../images/VistaLogo-WebColor500-5e6f76e256ce2.png\" alt=\"Madico Film\" placeholder=\"blurred\" width={300} /></a>\n     </div>\n     </div>\n </div>\n </SidebarStyles>\n )\n}\n\nexport default Sidebar\n\nconst SidebarStyles = styled.div`\n\n.rec-links {\n    width: 280px;\n    margin-right: 1rem;\n}\n.rec-links h3{\n    border-top: 1px solid var(--clr-orange);\n    border-bottom: 1px solid var(--clr-orange);\n    text-transform: uppercase;\n    font-size: 18px;\n    text-align: center;\n    padding: 1rem 0;\n}\n.logo-links {\n    margin-left: .5rem;\n    \n}\n.double {\n    margin-bottom: 1rem;\n}\n.square {\n    padding-right: 1rem;\n}\n.singles {\n    display: flex;\n    flex-direction: column;\n    width:90%;\n}\n@media (max-width: 1007px) {\n    margin: 0 auto;\n}\n`\n","import * as React from \"react\"\nimport PropTypes from \"prop-types\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nimport Header from \"./Header\"\nimport Footer from './Footer'\nimport \"./layout.css\"\n\nconst Layout = ({children}) => {\n \n  const data = useStaticQuery(graphql`\n  query SiteTitleQuery {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n  }\n`)\n  return (\n    <>\n      <Header  siteTitle={data.site.siteMetadata?.title || `Title`}/>\n      \n        <main>{children}</main>\n       <Footer />\n      \n    </>\n  )\n}\n\nLayout.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n\nexport default Layout\n","import styled from 'styled-components';\n\nconst CTAStyles = styled.div`\n    padding-bottom: 35px;\n    padding-top: 35px;\n    color: white; \n    height: 500px;\n    text-align: center;\n    width: 100%;\n    \n    @media (max-width: 1245px) {\n        margin-left: 15rem;\n        width: 95%;\n    }\n    @media (max-width: 640px) {\n        padding: 0;\n        margin: 0 auto;\n    }\n    h2 {\n        text-transform:uppercase;\n    }\n    .cta-content {\n        background-color: rgba(0, 0, 0, 0.5);\n        width: 50%;\n        margin-left: 37rem;\n        padding: 1rem;\n        @media (max-width: 1245px) {\n       \n        margin: 0 auto;\n        padding: 1rem;\n        width: 95%;\n        }\n        @media (max-width: 640px) {\n            background-color: rgba(0, 0, 0, 0.8);\n            margin: 0 auto;\n        }\n    }\n    \n`\n\nexport default CTAStyles","import { Link } from 'gatsby'\nimport Seo from '../components/seo'\nimport React from 'react'\nimport Layout from '../components/layout'\nimport CTAStyles from '../components/styles/CTAStyles'\nimport '../components/styles/GlobalStyles.css'\nimport styled from 'styled-components'\nimport {FaArrowCircleRight, FaCircle} from 'react-icons/fa'\nimport { StaticImage } from 'gatsby-plugin-image'\nimport Sidebar from '../components/Sidebar'\n\n\n\nconst CommercialPage = () => (\n    <Layout >  \n        <Seo title=\"Commercial Window Tint in Durango & Surrounding Areas | (970) 744-6699\"/>\n          \n             <CCTAStyles>\n                <CTAStyles>\n                 \n                    <div className=\"cta-content\">\n                        <h2>COMMERCIAL WINDOW TINTING SERVICE <br/>DURANGO & Surrounding Areas</h2>\n                        <p>SunGlo Durango is a locally owned and operated commercial window tinting installation service for 10 years. We offer Solar control window film, Security window film and all types of Decorative film for glass. Call today to schedule your Complementary commercial window tint estimate!</p>\n                                     <Link className=\"cta-btn\" to='/Estimate'><RightArrow/>Start Saving <span>Now</span></Link>\n                    </div>\n                 \n                </CTAStyles>   \n             </CCTAStyles>\n            <div className='divider'></div>\n            <BackgroundStyles>\n            <CommercialStyles>  \n           \n            <div className=\"section\">\n                <div className=\"content-box\">\n                    <h2>What will Commercial Window Tinting Service do for me?</h2>\n                    <div className=\"bullet\">\n                        <FaCircle className=\"circle\"/>  <p>Eliminate “hot spots” where employees & most importantly customers can become uncomfortable & unproductive.</p>\n                    </div>\n                    <div className=\"bullet\">\n                        <FaCircle className=\"circle\"/> <p>Increase energy efficiency by reducing load on HVAC systems when selecting tinting service from SunGlo Window Film.</p>\n                    </div>\n                    <div className=\"bullet\">\n                        <FaCircle className=\"circle\"/>  <p>Reduce fading on inventory & fixtures by eliminating 99% of harmful UV rays.</p>\n                    </div>\n                    <br/>\n                    <div className=\"bullet\">\n                    <FaCircle className=\"circle\"/>  <p>Control Reduce glare.</p>\n                    </div>\n                    <div className=\"bullet\">\n                    <FaCircle className=\"circle\"/>  <p>Achieve greater security with Security Window Film. Security Window Film Denver is a thick, clear window film deters intruders by making entry through windows more difficult & noisier.</p>\n                    </div>\n        \n                    \n                    <div className=\"bullet\">\n                        <FaCircle className=\"circle\"/> <p>Retrofit current glass with patterned or frosted Decorative Window Film Denver to achieve view control and dress up conference rooms or store fronts.</p>\n                    </div>\n                                   <div className=\"bullet\">\n                       <FaCircle className=\"circle\"/> <p>Our Safety & Security solutions help reduce the risk of crime, personal injury, and property damage by holding broken glass shards together and keeping windows intact.</p>\n                    </div>\n                    <br/>\n                    <div className=\"bullet\">\n                        <FaCircle className=\"circle\"/> <p>Graffiti Free films reduce this cost by allowing you to simply replace the film instead of the defaced windows or glass.</p>\n                    </div>\n                    <h3>The best part of these benefits can be had at a fraction of the cost of replacing the existing glass!</h3>\n                    <p>If you are looking for quality products and Excellent Customer service in you Commercial film needs call SunGlo Window Films Durango. We has been in business in Colorado since 1991 and in Durango since 2011. We carry an A+ BBB rating. Customer satisfaction is of the highest importance to us!</p>\n                    <h3>If you choose SunGlo Window Films for Commercial Window Tinting Services in Durango, you will not be disappointed!</h3>\n                </div>\n                \n                <Sidebar />\n            </div>\n            <div className=\"img-box\">\n                <StaticImage src=\"../images/commercial/Commercial_1.jpeg\" alt=\"Office Cubicle with Sunglo's Decorative Window Film\" placeholder=\"blurred\" width={375} height={300} layout=\"fixed\"/>\n                <StaticImage src=\"../images/commercial/Commercial_2.jpeg\" alt=\"Man installing Sunglo's Window Film\" placeholder=\"blurred\" width={375} height={300} layout=\"fixed\"/>\n                <StaticImage src=\"../images/commercial/Commercial_3.jpeg\" alt=\"business with Sunglo Window film installation in progress\" placeholder=\"blurred\" width={375} height={300}  layout=\"fixed\" />\n                <StaticImage src=\"../images/commercial/Commercial_7.jpeg\" alt=\"Looking at office widows from the outside with Sunglo's Decorative Window Film\" placeholder=\"blurred\" width={375} height={300}  layout=\"fixed\"/>\n                <StaticImage src=\"../images/commercial/Commercial_5.jpeg\" alt=\"Installing Sunglo's Window Film using ladders in a office\" placeholder=\"blurred\" width={375} height={300} layout=\"fixed\"/>\n                <StaticImage src=\"../images/commercial/Commercial_6.jpeg\" alt=\"Office with a beautiful view now with Sunglo Window Film installed\" placeholder=\"blurred\" width={375} height={300} layout=\"fixed\" />\n            </div>\n            <div className=\"video-box\">\n                <h2 className=\"intro-video\">Check Out The Security Window Film Demonstrations</h2>\n                <div className=\"videos\">\n                    <iframe  src=\"https://www.youtube.com/embed/f6oNmIDBmEo?rel=0\" title=\"A Commercial Door with no window film installed\" frameBorder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen></iframe>\n                    <iframe  src=\"https://www.youtube.com/embed/HqxaecyiDbk?rel=0\" title=\"A Commercial Door with Sunglo Window Film installed\" frameBorder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen></iframe>\n                </div>\n            </div>\n           \n            </CommercialStyles>  \n        </BackgroundStyles>\n    </Layout >\n);\n\nexport default CommercialPage\nconst BackgroundStyles = styled.div`\n    background-image: url(\"/images/nice_snow.png\");\n    padding-bottom: 1rem;\n`\nconst CommercialStyles = styled.div`\n    \n    padding-top: 5rem;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    width: 90%;\n    /* max-width: 1140px; */\n    @media (max-width: 1245px) {\n        margin-left:1rem;\n        width: 95%;\n    }\n    @media(max-width: 640px){\n        flex-direction: column;\n        margin: 0;\n        padding: 0;\n        width:99%;\n    }\n  \n.section {\n    display: flex;\n    justify-content: space-evenly;\n    margin: 1rem 8rem;\n  \n    @media(max-width: 1007px){\n        flex-direction: column;\n        justify-content: center;\n        width: 100%;\n        margin: 2rem;\n   }\n   @media(max-width: 640px){\n       margin:2rem 0;\n       align-items: center;\n       width: 95%;\n   }\n} \n.content-box {\n    padding-right: 5rem;\n    justify-items: center;\n    @media(max-width: 640px){\n       padding: 0 1rem;\n        width:90%;\n    }\n}\n\n.bullet {\n    display: inline-flexbox;\n    \n}\n.circle {\n    \n    width: .5em;\n    color: var(--clr-orange);\n    padding-top:.25em;\n    margin-right:.25em;\n}\n\n\n.img-box {\n    display:grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-gap: 1.5rem;\n    \n    .gatsby-image-wrapper {\n        box-shadow: 5px 5px 5px 1px rgb(255, 103, 0);\n        \n        @media (max-width: 640px) {\n            box-shadow: none;  \n             \n            }\n        }\n    @media(max-width: 1007px){\n        grid-template-columns: 1fr;\n    \n    }\n    @media(max-width: 640px){\n      \n       grid-template-columns: 1fr;\n        img{\n           margin: 0 auto;\n            width: 86%;\n        }\n    }\n}\n.video-box {\n    margin-top: 2rem;\n    text-align: center;\n    width: 100%;\n}\niframe {\n    margin-right: 3rem;\n    width: 100%;\n    height: 10rem;\n}\n.videos {\n    margin-top: 2rem;\n    display:grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-gap: 1.5rem;\n    width: 50%;\n    margin: 0 auto;\n    @media(max-width: 1007px){\n        \n        \n    }\n    @media (max-width: 640px) {\n        grid-template-columns: 1fr;\n        width: 80%;\n       \n    }\n}\n`\n\nconst CCTAStyles = styled.div`\n    background-image: url('/images/Commercial_Header.jpg');\n    background-position: center;\n    background-size: cover;\n    background-repeat: no repeat;\n    max-width: 1140px;\n    margin: 0 auto;\n    @media (max-width: 400px) {\n        /* display: none; */\n        background-image: none;\n        margin: 0;\n        /* height: 350px; */\n    }\n    \n  `\n\nconst RightArrow = styled(FaArrowCircleRight)`\n  animation: slide1 1s ease-in-out infinite;\n  margin-right: 1rem;\n  @keyframes slide1 {\n0%,\n100% {\n  transform: translate(0, 0);\n}\n\n50% {\n  transform: translate(10px, 0);\n}\n}\n`"],"names":["data","SidebarStyles","className","href","alt","S","src","placeholder","width","styled","children","useStaticQuery","siteTitle","site","siteMetadata","title","CTAStyles","CCTAStyles","Link","to","RightArrow","BackgroundStyles","CommercialStyles","height","layout","frameBorder","allow","allowFullScreen","FaArrowCircleRight"],"sourceRoot":""}