{"version":3,"file":"component---src-pages-about-js-4d6f6ff96aa6097f298a.js","mappings":"uKA4BA,IAvBgB,SAAC,GAAW,EAAVA,KAClB,OACI,gBAACC,EAAD,KACJ,uBAAKC,UAAU,aACV,+CACA,uBAAKA,UAAU,cAEf,uBAAKA,UAAU,UACX,qBAAGC,KAAK,sBAAsBC,IAAI,cAAcF,UAAU,UAA1D,IAAoE,gBAAC,EAAAG,EAAD,CAAaC,IAAI,uBAAuBF,IAAI,cAAcG,YAAY,UAAUC,MAAO,IAAvF,uBACpE,qBAAGL,KAAK,+EAA+EC,IAAI,oBAA3F,SAAoH,gBAAC,EAAAC,EAAD,CAAaC,IAAI,oBAAoBF,IAAI,cAAcG,YAAY,UAAUC,MAAO,IAApF,wBAGrH,uBAAKN,UAAU,WACf,qBAAGC,KAAK,iEAAiEC,IAAI,6BAA4B,gBAAC,EAAAC,EAAD,CAAaC,IAAI,iEAAiEF,IAAI,cAAcG,YAAY,UAAUC,MAAO,IAAjI,uBACzG,qBAAGL,KAAK,8BAA8BC,IAAI,6CAA4C,gBAAC,EAAAC,EAAD,CAAaC,IAAI,2BAA2BF,IAAI,cAAcG,YAAY,UAAUC,MAAO,IAA3F,uBACtF,qBAAGL,KAAK,qDAAqDC,IAAI,2BAA0B,gBAAC,EAAAC,EAAD,CAAaC,IAAI,oDAAoDF,IAAI,cAAcG,YAAY,UAAUC,MAAO,IAApH,4BAUnG,IAAMP,EAAgBQ,EAAAA,GAAAA,IAAAA,WAAH,iEAAGA,CAAH,iZ,iECInB,IA1Be,SAAC,GAAgB,IAAD,EAAdC,EAAc,EAAdA,SAETV,GAAOW,EAAAA,EAAAA,gBAAe,cAS5B,OACE,gCACE,gBAAC,IAAD,CAASC,WAAW,UAAAZ,EAAKa,KAAKC,oBAAV,eAAwBC,QAAxB,UAElB,4BAAOL,GACR,gBAAC,IAAD,S,yBCtBDM,E,QAAYP,GAAAA,IAAAA,WAAH,qDAAGA,CAAH,wcAsCf,O,+GCgCA,UA7DkB,kBACd,gBAAC,IAAD,KACI,gBAAC,IAAD,CAAKM,MAAM,uEACX,gBAACE,EAAD,KACC,gBAAC,IAAD,KAEW,uBAAKf,UAAU,eACX,iWACa,gBAAC,EAAAgB,KAAD,CAAMhB,UAAU,UAAUiB,GAAG,aAAY,gBAACC,EAAD,MAAzC,gBAAmE,uCAK5F,uBAAKlB,UAAU,YACnB,gBAACmB,EAAD,KAEI,uBAAKnB,UAAU,WACX,uBAAKA,UAAU,eACf,iEACA,ihBACA,+DACA,yQACA,wTACI,8CACA,kMACI,uBAAKA,UAAU,QACX,uBAAKA,UAAU,UACX,gBAAC,MAAD,CAAUA,UAAU,WAAU,2CAElC,uBAAKA,UAAU,UACX,gBAAC,MAAD,CAAUA,UAAU,WAAU,qCAElC,uBAAKA,UAAU,UACX,gBAAC,MAAD,CAAUA,UAAU,WAAU,2CAElC,uBAAKA,UAAU,UACX,gBAAC,MAAD,CAAUA,UAAU,WAAU,8CAElC,uBAAKA,UAAU,UACX,gBAAC,MAAD,CAAUA,UAAU,WAAU,sCAElC,uBAAKA,UAAU,UACX,gBAAC,MAAD,CAAUA,UAAU,WAAU,0CAElC,uBAAKA,UAAU,UACX,gBAAC,MAAD,CAAUA,UAAU,WAAU,uCAGtC,sWAMR,gBAAC,IAAD,UAUhB,IAAMe,EAAaR,EAAAA,GAAAA,IAAAA,WAAH,6DAAGA,CAAH,sPAmBVY,EAAcZ,EAAAA,GAAAA,IAAAA,WAAH,8DAAGA,CAAH,06BAwFXW,GAAaX,EAAAA,EAAAA,IAAOa,EAAAA,KAAV,wEAAGb,CAAH,wJ","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/About.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 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'\n\nimport Sidebar from '../components/Sidebar'\nimport Seo from '../components/seo'\n\nconst AboutPage = () => (\n    <Layout >\n        <Seo title=\"About Us | Durango’s Best Commercial &amp; Home Window Tinting Company\"/>     \n        <ACTAStyles>\n         <CTAStyles>  \n                \n                    <div className=\"cta-content\">\n                        <p>We are Durango’s most professional residential and commercial window film installation company. SunGlo Durango is here to help with you window tinting needs across the Four Corner’s Area servicing Durango, Farmington, Cortez, Pagosa Springs, Telluride and surrounding areas. Call now to schedule a FREE window tint estimate!</p>\n                                     <Link className=\"cta-btn\" to='/Estimate'><RightArrow/>Start Saving <span>Now</span></Link>\n                    </div>\n               \n            </CTAStyles>\n            </ACTAStyles>  \n            <div className='divider'></div> \n        <AboutStyles>  \n           \n            <div className=\"section\">\n                <div className=\"content-box\">\n                <h3>Enhancing Life by Improving Windows</h3>\n                <p>Mission Statement: Our first priority is improving the windows in our community. SunGlo is designed to provide benefits that will increase one’s standard of living today, and continue to produce benefits into the future. SunGlo’s vision is to be the best in the Rocky Mountain Region at providing our community with the resources to enhance any building. Being the best means excellent quality, value, and service. We love what we do, and in doing what we love, we hope to create a more effect world.</p>\n                <h3>A Colorado WINDOW Tinting company</h3>\n                <p>SunGlo is a Durango window film company established in 2011. We pride ourselves on being retrofit professionals that offer elite levels of service and expertise to our clientele. Our focus has been on professionalism in window tinting. </p>\n                <p>SunGlo is a Colorado owned, operated and focused organization. We truly love the wonderful communities that we do business in. Colorado is and always will be our home. We feel SunGlo is here to serve our Colorado customers and foster successful development within our local industry.</p>\n                    <h3>A Problem Solver</h3>\n                    <p>It is our priority to provide our residential and commercial customers with high value solutions for their window problems. SunGlo retrofits your windows to provide:</p>\n                        <div className=\"list\">\n                            <div className=\"bullet\">\n                                <FaCircle className=\"circle\"/><p>Solar Control</p>\n                            </div>\n                            <div className=\"bullet\">\n                                <FaCircle className=\"circle\"/><p>Energy </p>\n                            </div>\n                            <div className=\"bullet\">\n                                <FaCircle className=\"circle\"/><p>UV Protection</p>\n                            </div>\n                            <div className=\"bullet\">\n                                <FaCircle className=\"circle\"/><p>Glare Prevention</p>\n                            </div>\n                            <div className=\"bullet\">\n                                <FaCircle className=\"circle\"/><p>Security</p>\n                            </div>\n                            <div className=\"bullet\">\n                                <FaCircle className=\"circle\"/><p>View Control</p>\n                            </div>\n                            <div className=\"bullet\">\n                                <FaCircle className=\"circle\"/><p>Ambiance</p>\n                            </div>\n                        </div>\n                        <p>We provide high quality window films that have the best clarity and scratch resistance. These films are long-term solutions to your window problems at an affordable cost. SunGlo offers window film installation services in Durango and all surrounding areas. All films furnished by SunGlo carry a substantial manufacture warranty.</p>\n                \n                \n                    </div>\n                \n                \n                <Sidebar />\n            </div>\n        </AboutStyles>  \n\n    </Layout >\n)\n\nexport default AboutPage\n\n\nconst ACTAStyles = styled.div`\n    background-image: url(\"/images/Residential_5.jpg\");\n    background-position: center center;\n    background-size: cover;\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        /* display: none; */\n        background-image: none;\n        margin: 0;\n        height: 350px;\n    }\n    \n`\n\nconst AboutStyles = styled.div`\n    background-image: url(\"/images/nice_snow.png\");\n    padding-top: 1rem;\n    padding-right: 3.5rem;\n    display: flex;\n    margin: 0 ;\n   \n    @media(max-width: 1007px){\n        flex-direction: column;\n      justify-content: center;\n      align-items: center;\n\n        margin: 0 auto;\n       padding: 0;\n        \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        align-items: center;\n        width: 90%;\n        margin:1rem auto;\n   }\n   @media(max-width: 640px){\n       margin:2rem 0;\n       width: 95%;\n   }\n} \n.content-box {\n    padding-right: 5rem;\n   @media (max-width: 1007px) { \n       width: 100%;\n       margin:0 auto;\n       padding: 0;\n   }\n   @media(max-width: 640px){\n        width: 90%;\n       \n       \n    }\n} \n\n.bullet {\n    display: flex;\n    /* justify-content: center; */\n    \n}\n.circle {\n    width: .5em;\n    color: var(--clr-orange);\n    padding-top:.25em;\n    margin-right:.25em;\n}\n.img-box {\n    \n    width: 100%;\n    text-align: center;\n\n    @media(max-width: 1007px){\n        margin: 0;\n        \n    }\n    @media(max-width: 640px){\n        \n        padding-bottom: .5rem;\n       \n    }\n}\n.img-box img {\n    padding-right: 2rem;\n    @media(max-width: 640px){\n        \n        padding-right: 0;\n       \n    }\n}\n.list {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n}\n\n`\nconst RightArrow = styled(FaArrowCircleRight)`\n    \n    animation: slide1 1s ease-in-out infinite;\n    margin-right: 1rem;\n    @keyframes slide1 {\n  0%,\n  100% {\n    transform: translate(0, 0);\n  }\n\n  50% {\n    transform: translate(10px, 0);\n  }\n}\n  `\n"],"names":["data","SidebarStyles","className","href","alt","S","src","placeholder","width","styled","children","useStaticQuery","siteTitle","site","siteMetadata","title","CTAStyles","ACTAStyles","Link","to","RightArrow","AboutStyles","FaArrowCircleRight"],"sourceRoot":""}