{"version":3,"file":"component---src-pages-careers-graphic-designer-js-6050676f3039f5f9d411.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,oICzBZ,UAtCkB,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,wCACX,gBAAC,IAAD,CAASV,OAAO,WAAWC,KAAM,OACjC,uBAAKC,UAAU,gDAEb,sBAAIA,UAAU,iCAAd,iCACA,kEACA,oDACA,6CAEA,qBAAGA,UAAU,QAAb,qUAKA,sBAAIA,UAAU,QAAd,cACA,0BACE,8DACA,oEACA,sFACA,oFAGF,qBAAGA,UAAU,QAAb,qFAEA,qBAAGA,UAAU,QAAb,aAA8B,qBAAGA,UAAU,eAAeW,KAAK,uCAAjC,wCAA9B","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/graphic-designer.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 | SMM Manager\" />\n      <SubHero header=\"Careers.\" copy={null}/>\n      <div className=\"py-28 max-w-5xl m-auto px-4 md:px-0 text-xl \">\n\n        <h2 className=\"mt-16 mb-8 text-left text-4xl\">Graphic Designer (Web/Mobile)</h2>\n        <p>Position Type: Part Time (Contractor)</p>\n        <p>Compensation: $20-30/hr</p>\n        <p>Location: Remote</p>\n\n        <p className=\"mt-6\">Total Web Connections is looking for a motivated individual to join our team as a graphic designer. We are looking for a \n        designer interesed in working on a variety of projects from websites to mobile apps. We have a variety of ongoing websites/apps in need of sprucing up, as well\n        as new projects still in the idea phase. \n        </p>\n\n        <h3 className=\"mt-8\">Job Duties</h3>\n        <ul>\n          <li>- Design mockups for developers.</li>\n          <li>- Work on mobile and web applications.</li>\n          <li>- Design websites and new ideas for existing properties.</li>\n          <li>- Work with developers to ensure adherence to design.</li>\n        </ul> \n\n        <p className=\"mt-8\">Note that this is a part time, contract position to start. This is a remote role.</p>\n\n        <p className=\"mt-8\">To Apply, <a className=\"text-primary\" href=\"mailto:info@totalwebconnections.com\">email us at info@totalwebconnections</a> and attach your resume.</p>\n\n    \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","href"],"sourceRoot":""}