{"version":3,"file":"component---src-pages-services-js-e919f6810a3f021779bd.js","mappings":"oJAmBA,IAfgB,SAAC,GAAoB,IAAnBA,EAAkB,EAAlBA,OAAQC,EAAU,EAAVA,KAExB,OACE,uBAAKC,UAAU,4BACb,uBAAKA,UAAU,0CACb,sBAAIA,UAAU,YAAaF,GAC1BC,EACE,qBAAGC,UAAU,QAASD,GACtB,S,mDC0EX,IA3DiB,WACf,MAA0BE,EAAAA,SAAe,GAAzC,UAEA,OACE,uBAAKD,UAAU,uBACb,sBAAIA,UAAU,kCAAd,gBACA,uBAAKA,UAAU,yCACb,uBAAKA,UAAU,wBACb,qBAAGE,MAAM,kDACT,sBAAIF,UAAU,iBAAd,mBAGA,qIAIF,uBAAKA,UAAU,gBACb,qBAAGE,MAAM,mDACT,sBAAIF,UAAU,iBAAd,mBAGA,iIAIF,uBAAKA,UAAU,gBACb,qBAAGE,MAAM,iDACT,sBAAIF,UAAU,iBAAd,uBAGA,iHAKJ,uBAAKA,UAAU,yCACb,uBAAKA,UAAU,gBACX,qBAAGE,MAAM,iDACT,sBAAIF,UAAU,iBAAd,qBAGA,8FAIF,uBAAKA,UAAU,gBACb,qBAAGE,MAAM,oDACT,sBAAIF,UAAU,iBAAd,0BAGA,mG,0HCxBZ,UAxCkB,SAAC,GAAwB,IAAD,EAArBG,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SACnBC,GAAY,UAAAF,EAAKG,KAAKC,oBAAV,eAAwBC,QAAxB,QACJL,EAAKM,kBAAkBC,MAIrC,OACE,gBAAC,IAAD,CAAQN,SAAUA,EAAUI,MAAOH,GACjC,gBAAC,IAAD,CAAKG,MAAM,0BACX,gBAAC,IAAD,CAASV,OAAO,iCAAiCC,KALxC,4UAMT,uBAAKC,UAAU,6DACb,uBAAKA,UAAU,2BAA2BW,MAAO,CAACC,gBAAiB,oCACjE,qBAAGC,KAAK,KACN,uBAAKb,UAAU,SACb,sBAAIA,UAAU,YAAd,mBACA,qBAAGA,UAAU,QAAb,0BAIN,uBAAKA,UAAU,2BAA2BW,MAAO,CAACC,gBAAiB,+BACjE,qBAAGC,KAAK,KACN,uBAAKb,UAAU,SACb,sBAAIA,UAAU,YAAd,eACA,qBAAGA,UAAU,QAAb,kCAIN,uBAAKA,UAAU,2BAA2BW,MAAO,CAACC,gBAAiB,qCACjE,qBAAGC,KAAK,KACN,uBAAKb,UAAU,SACb,sBAAIA,UAAU,YAAd,oBACA,qBAAGA,UAAU,QAAb","sources":["webpack://gatsby-starter-blog/./src/components/SubHero.js","webpack://gatsby-starter-blog/./src/components/home/Services.js","webpack://gatsby-starter-blog/./src/pages/services.js"],"sourcesContent":["import * as React from \"react\"\nimport { Link } from \"gatsby\"\n\n\nconst SubHero = ({header, copy}) => {\n\n  return (\n    <div className=\"relative subHeader py-44\">\n      <div className=\"text-white text-center max-w-xl m-auto\">\n        <h1 className=\"text-5xl\">{ header }</h1>\n        {copy\n         ? <p className=\"pt-8\">{ copy }</p>\n         : null\n       }\n      </div>\n    </div>\n  )\n}\n\nexport default SubHero\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 SubHero from \"../components/SubHero\"\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\nconst BlogIndex = ({ data, location }) => {\n  const siteTitle = data.site.siteMetadata?.title || `Title`\n  const posts = data.allMarkdownRemark.nodes\n\n  const copy = \"Our goal is to provide you with all the services you need for your web business in one convenient spot. From the initial design, to the copy on your site, we’re here to help you every step of the way. A list of our most common services is below. Don’t see what you need? Drop us a line and will work with your individual needs.\";\n\n  return (\n    <Layout location={location} title={siteTitle}>\n      <Seo title=\"Total Web Connections\" />\n      <SubHero header=\"One Stop. Everything You Need.\" copy={copy}/>\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 text-white\">\n        <div className=\"ServiceBlock text-center\" style={{backgroundImage: \"url('/images/development.jpeg')\"}}>\n          <a href=\"#\">\n            <div className=\"py-28\">\n              <h2 className=\"text-3xl\">Web Development</h2>\n              <p className=\"pt-4\">Custom Web Software</p>\n            </div>\n          </a>\n        </div>\n        <div className=\"ServiceBlock text-center\" style={{backgroundImage: \"url('/images/mobile.jpeg')\"}}>\n          <a href=\"#\">\n            <div className=\"py-28\">\n              <h2 className=\"text-3xl\">Mobile Apps</h2>\n              <p className=\"pt-4\">Your Message On All Devices</p>\n            </div>\n          </a>\n        </div>\n        <div className=\"ServiceBlock text-center\" style={{backgroundImage: \"url('/images/applications.jpeg')\"}}>\n          <a href=\"#\">\n            <div className=\"py-28\">\n              <h2 className=\"text-3xl\">Online Marketing</h2>\n              <p className=\"pt-4\">Custom Strategies For High Growth</p>\n            </div>\n          </a>\n        </div>\n      </div>\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"],"names":["header","copy","className","React","class","data","location","siteTitle","site","siteMetadata","title","allMarkdownRemark","nodes","style","backgroundImage","href"],"sourceRoot":""}