{"version":3,"file":"component---src-pages-index-js-2a74f1e0b22ae5538082.js","mappings":"6KAAA,G,QAAe,IAA0B,kDCoBzC,EAfa,WAEX,OACE,uBAAKA,UAAU,iBACb,uBAAKC,IAAKC,IACV,uBAAKF,UAAU,uFAAuFG,MAAO,CAACC,IAAK,QACjH,sBAAIJ,UAAU,8BAAd,WACA,sBAAIA,UAAU,cAAd,2BACA,sBAAIA,UAAU,cAAd,oBACA,sBAAIA,UAAU,cAAd,0B,mDCwER,IA3DiB,WACf,MAA0BK,EAAAA,SAAe,GAAzC,UAEA,OACE,uBAAKL,UAAU,uBACb,sBAAIA,UAAU,kCAAd,gBACA,uBAAKA,UAAU,yCACb,uBAAKA,UAAU,wBACb,qBAAGM,MAAM,kDACT,sBAAIN,UAAU,iBAAd,mBAGA,qIAIF,uBAAKA,UAAU,gBACb,qBAAGM,MAAM,mDACT,sBAAIN,UAAU,iBAAd,mBAGA,iIAIF,uBAAKA,UAAU,gBACb,qBAAGM,MAAM,iDACT,sBAAIN,UAAU,iBAAd,uBAGA,iHAKJ,uBAAKA,UAAU,yCACb,uBAAKA,UAAU,gBACX,qBAAGM,MAAM,iDACT,sBAAIN,UAAU,iBAAd,qBAGA,8FAIF,uBAAKA,UAAU,gBACb,qBAAGM,MAAM,oDACT,sBAAIN,UAAU,iBAAd,0BAGA,mG,oJCzCZ,G,gBCpCe,IDeG,SAAC,GAAwB,IAAD,EAArBO,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SACnBC,GAAY,UAAAF,EAAKG,KAAKC,oBAAV,eAAwBC,QAAxB,QACJL,EAAKM,kBAAkBC,MAErC,OACE,gBAAC,IAAD,CAAQN,SAAUA,EAAUI,MAAOH,GACjC,gBAAC,IAAD,CAAKG,MAAM,0BACX,gBAACG,EAAA,EAAD,MACA,uBAAKf,UAAU,4CACb,sBAAIA,UAAU,2BAAd,gCACA,qBAAGA,UAAU,WAAb,gRAKF,gBAACgB,EAAA,EAAD,MACA,gBAACC,EAAA,EAAD","sources":["webpack://gatsby-starter-blog/./src/images/bg.svg","webpack://gatsby-starter-blog/./src/components/home/Hero.js","webpack://gatsby-starter-blog/./src/components/home/Services.js","webpack://gatsby-starter-blog/./src/pages/index.js","webpack://gatsby-starter-blog/./src/images/about.png"],"sourcesContent":["export default __webpack_public_path__ + \"static/bg-71685bf2a07709bf9da6a3087586e616.svg\";","import * as React from \"react\"\nimport { Link } from \"gatsby\"\n\nimport Bg  from '../../images/bg.svg'\n\nconst Hero = () => {\n\n  return (\n    <div className=\"relative Hero\">\n      <img src={Bg} />\n      <div className=\"absolute text-center flex flex-col w-full h-full justify-center text-3xl md:text-5xl\" style={{top: \"0px\"}}>\n        <h2 className=\"text-secondary header-bold\">Welcome</h2>\n        <h2 className=\"text-white\">We Build Great Software</h2>\n        <h2 className=\"text-white\">Awesome Websites</h2>\n        <h2 className=\"text-white\">And Killer Content</h2>\n      </div>\n    </div>\n  )\n}\n\nexport default Hero\n","import * as React from \"react\"\nimport { Link } from \"gatsby\"\n\nimport Button from '../Button';\n\n\n// <div className=\"grid grid-cols-2 max-w-4xl mx-auto\">\n//   <div className=\"service-card\">\n//     <i class=\"text-primary text-4xl fa fa-mobile\"></i>\n//     <h3 className=\"py-3 text-2xl\">\n//       Content Creation\n//     </h3>\n//     <p>\n//       From written articles to marketing images we work with you .\n//     </p>\n//   </div>\n//   <div className=\"service-card\">\n//     <i class=\"text-primary text-4xl fa fa-mobile\"></i>\n//     <h3 className=\"py-3 text-2xl\">\n//       Mobile Applications\n//     </h3>\n//     <p>\n//       Dedicated solutions for mobile devices. Custom designed to work on mobile devices.\n//     </p>\n//   </div>\n// </div>\n\nconst Services = () => {\n  const [slide, setSlide] = React.useState(0);\n\n  return (\n    <div className=\"mt-32 py-24 bg-gray\">\n      <h2 className=\"text-4xl font-bold text-center\">Our Services</h2>\n      <div className=\"grid md:grid-cols-3 max-w-5xl mx-auto\">\n        <div className=\"service-card mx-auto\">\n          <i class=\"text-primary text-4xl fa fa-desktop mt-3 mb-3\"></i>\n          <h3 className=\"py-3 text-2xl\">\n            Web Development\n          </h3>\n          <p>\n            A place for your business to live online. Beautiful, functional sites uniquely designed for your brand.\n          </p>\n        </div>\n        <div className=\"service-card\">\n          <i class=\"text-primary text-4xl fa fa-database mt-3 mb-3\"></i>\n          <h3 className=\"py-3 text-2xl\">\n            App Development\n          </h3>\n          <p>\n            For complex functional needs. Database driven and optimized from design to the code to be effcient.\n          </p>\n        </div>\n        <div className=\"service-card\">\n          <i class=\"text-primary text-4xl fa fa-mobile mt-3 mb-3\"></i>\n          <h3 className=\"py-3 text-2xl\">\n            Mobile Applications\n          </h3>\n          <p>\n            Dedicated solutions for mobile devices. Custom designed to work on mobile devices.\n          </p>\n        </div>\n      </div>\n      <div className=\"grid md:grid-cols-2 max-w-4xl mx-auto\">\n        <div className=\"service-card\">\n            <i class=\"text-primary text-4xl fa fa-scroll mt-3 mb-3\"></i>\n            <h3 className=\"py-3 text-2xl\">\n              Content Marketing\n            </h3>\n            <p>\n              Reach new users with handwritten content designed to get clicks.\n            </p>\n          </div>\n          <div className=\"service-card\">\n            <i class=\"text-primary text-4xl fa fa-thumbs-up mt-3 mb-3\"></i>\n            <h3 className=\"py-3 text-2xl\">\n              Social Media Marketing\n            </h3>\n            <p>\n              Build communities with bespoke strategies across social channels.\n            </p>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default Services\n","import * as React from \"react\"\nimport { Link, graphql } from \"gatsby\"\n\nimport Bio from \"../components/bio\"\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\n\nimport Hero from \"../components/home/Hero\"\nimport Services from \"../components/home/Services\"\nimport Work from \"../components/home/Work\"\nimport Blog from \"../components/home/Blog\"\nimport Process from \"../components/home/Process\"\n\nimport About from \"../images/about.png\"\n\nconst BlogIndex = ({ data, location }) => {\n  const siteTitle = data.site.siteMetadata?.title || `Title`\n  const posts = data.allMarkdownRemark.nodes\n\n  return (\n    <Layout location={location} title={siteTitle}>\n      <Seo title=\"Total Web Connections\" />\n      <Hero />\n      <div className=\"pt-32 max-w-4xl mx-auto px-4 text-center\">\n        <h2 className=\"text-5xl font-bold pb-6\">SOFTWARE. WEBSITES. CONTENT.</h2>\n        <p className=\"text-xl\">\n          Total Web Connections is software and content development company located in the Chicago suburbs. We focus on building engaging software experiences and marketing brands. We own a variety of software and websites, and work with a select few clients to help them grow.\n        </p>\n      </div>\n\n      <Services />\n      <Work />\n    </Layout>\n  )\n}\n\nexport default BlogIndex\n\nexport const pageQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC }) {\n      nodes {\n        excerpt\n        fields {\n          slug\n        }\n        frontmatter {\n          date(formatString: \"MMMM DD, YYYY\")\n          title\n          description\n        }\n      }\n    }\n  }\n`\n","export default __webpack_public_path__ + \"static/about-6b69e0a13e582caf8bcb47f192db0f9a.png\";"],"names":["className","src","Bg","style","top","React","class","data","location","siteTitle","site","siteMetadata","title","allMarkdownRemark","nodes","Hero","Services","Work"],"sourceRoot":""}