{"version":3,"file":"component---src-pages-careers-js-80ddd113ac8994486b33.js","mappings":"qJAmBA,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,oIClCZ,UA7BkB,SAAC,GAAwB,IAAD,EAArBG,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,oCACX,gBAAC,IAAD,CAASV,OAAO,WAAWC,KAAM,OACjC,uBAAKC,UAAU,4DACb,+MAIA,sBAAIA,UAAU,iCAAd,aAEA,uBAAKA,UAAU,mFACb,8DACA,gBAAC,IAAD,CAAQW,KAAK,UAAUC,IAAI,0BAG7B,uBAAKZ,UAAU,mFACb,8CACA,gBAAC,IAAD,CAAQW,KAAK,UAAUC,IAAI","sources":["webpack://gatsby-starter-blog/./src/components/SubHero.js","webpack://gatsby-starter-blog/./src/components/home/Services.js","webpack://gatsby-starter-blog/./src/pages/careers.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\"\nimport Button from '../components/Button'\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  return (\n    <Layout location={location} title={siteTitle}>\n      <Seo title=\"Total Web Connections | Careers\" />\n      <SubHero header=\"Careers.\" copy={null}/>\n      <div className=\"text-center py-28 max-w-5xl m-auto px-4 md:px-0 text-xl \">\n        <p>Total Web Connections is growing and looking for motivated individuals to join our team! See below for our \n          current open positions. Sent any questions to info@totalwebconnections. \n        </p>\n\n        <h2 className=\"mt-16 mb-8 text-left text-4xl\">Positions</h2>\n\n        <div className=\"pt-8 pb-8 border-primary border-t-2 text-left flex justify-between items-center\">\n          <h3>Content and Social Media Manager</h3>\n          <Button text=\"Details\" url=\"/careers/content-smm\"/>\n        </div>\n\n        <div className=\"pt-8 pb-8 border-primary border-t-2 text-left flex justify-between items-center\">\n          <h3>Graphic Designer</h3>\n          <Button text=\"Details\" url=\"/careers/graphic-designer\"/>\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","text","url"],"sourceRoot":""}