{"version":3,"file":"component---src-pages-work-the-indoor-gardens-js-faeb3d182054879b3612.js","mappings":"qJAkEA,IA9DiB,SAAC,GAAe,IAAdA,EAAa,EAAbA,QACjB,OACE,2BACE,uBAAKC,MAAM,0CACT,sBACEC,UAAU,uBACVC,MAAO,CAACC,SAAU,WAAYC,IAAK,SAEjCL,EAAQM,OAId,uBAAKJ,UAAU,mDACb,sBAAIA,UAAU,iBAAd,eACA,qBAAGA,UAAU,4CAA6CF,EAAQO,aAElE,sBAAIL,UAAU,uBAAd,iBACA,qBAAGA,UAAU,4CAA6CF,EAAQQ,WAElE,sBAAIN,UAAU,uBAAd,gBACA,qBAAGA,UAAU,4CAA6CF,EAAQS,UAElE,uBAAKP,UAAU,0CACb,uBAAKA,UAAU,8CAEXF,EAAQU,OAAOC,KAAI,SAAAC,GACjB,OACE,uBAAKV,UAAU,QACb,uBAAKW,IAAG,qBAAuBD,UAQ3C,uBAAKV,UAAU,SACb,uBAAKA,UAAU,aACb,sBAAIA,UAAU,gBAAd,aACA,uBAAKA,UAAU,aACb,qBAAGY,KAAOd,EAAQe,KAAOf,EAAQe,OAGrC,uBAAKb,UAAU,QACb,sBAAIA,UAAU,gBAAd,cAEEF,EAAQgB,KAAKL,KAAI,SAAAM,GACf,OACE,uBAAKf,UAAU,mDACXe,Y,4FCjCtB,UAXkB,SAAC,GAAkB,IAAhBC,EAAe,EAAfA,SAEnB,OACE,gBAAC,IAAD,CAAQA,SAAUA,GAChB,gBAAC,IAAD,CAAKC,MAAM,0DACX,gBAAC,IAAD,CAAUnB,QAASoB,EAAAA,O,qDCdlB,IAAMA,EAAmB,CAC9Bd,KAAM,qBACNe,QAAS,0BACTT,MAAO,qBACPU,SAAU,qBACVC,UAAU,EACVR,IAAK,mCACLR,YAAa,+LACbiB,SAAU,CAAC,aAAc,oBAAqB,eAAgB,2BAC9DhB,UAAW,maACXC,SAAU,mTACVO,KAAM,CAAC,SAAU,QAAS,OAC1BN,OAAQ","sources":["webpack://gatsby-starter-blog/./src/components/workPage.js","webpack://gatsby-starter-blog/./src/pages/work/the-indoor-gardens.js","webpack://gatsby-starter-blog/./src/portfolio/theIndoorGardens.js"],"sourcesContent":["import * as React from \"react\"\nimport { Link } from \"gatsby\"\n\n\nconst WorkPage = ({project}) => {\n  return (\n    <div>\n      <div class=\"py-24 subHeader text-white text-center\">\n        <h1\n          className=\"text-4xl header-bold\"\n          style={{position: \"relative\", top: \"32px\"}}\n        >\n          { project.name }\n        </h1>\n      </div>\n\n      <div className=\"text-center py-28 max-w-5xl m-auto px-4 md:px-0\">\n        <h2 className=\"text-5xl pb-8\">The Project</h2>\n        <p className=\"text-xl pb-8 border-b-2 border-secondary\">{ project.description }</p>\n\n        <h2 className=\"text-5xl pb-8 pt-28\">The Challenge</h2>\n        <p className=\"text-xl pb-8 border-b-2 border-secondary\">{ project.challenge }</p>\n\n        <h2 className=\"text-5xl pb-8 pt-28\">The Solution</h2>\n        <p className=\"text-xl pb-8 border-b-2 border-secondary\">{ project.solution }</p>\n\n        <div className=\"pt-28 pb-8 border-b-2 border-secondary\">\n          <div className=\"grid grid-cols-1 sm:grid-cols-3 text-white\">\n            {\n              project.images.map(image => {\n                return (\n                  <div className=\"px-2\">\n                    <img src={`/images/portfolio/${image}`} />\n                  </div>\n                )\n              })\n            }\n          </div>\n        </div>\n\n        <div className=\"pt-28\">\n          <div className=\"flex pb-4\">\n            <h3 className=\"text-xl pt-1\">Live Url:</h3>\n            <div className=\"pl-2 pt-2\">\n              <a href={ project.url }>{project.url}</a>\n            </div>\n          </div>\n          <div className=\"flex\">\n            <h3 className=\"text-xl pt-1\">Tech Used:</h3>\n            {\n              project.tech.map(item => {\n                return (\n                  <div className=\"mx-4 px-4 text-white py-2 rounded-xl bg-primary\">\n                    { item }\n                  </div>\n                )\n              })\n            }\n          </div>\n        </div>\n      </div>\n\n    </div>\n  )\n}\n\nexport default WorkPage\n","import * as React from \"react\"\nimport { Link, graphql } from \"gatsby\"\n\nimport Layout from \"../../components/layout\"\nimport WorkPage from \"../../components/workPage\"\nimport Seo from \"../../components/seo\"\n\nimport { theIndoorGardens } from '../../portfolio/theIndoorGardens'\n\nconst BlogIndex = ({ location }) => {\n\n  return (\n    <Layout location={location}>\n      <Seo title=\"Total Web Connections | Our Work | The Indoor Gardens\" />\n      <WorkPage project={theIndoorGardens} />\n\n    </Layout>\n  )\n}\n\nexport default BlogIndex\n","export const theIndoorGardens = {\n  name: \"The Indoor Gardens\",\n  excerpt: \"Garden Blog + Marketing\",\n  image: \"indoor-gardens.jpg\",\n  localUrl: \"the-indoor-gardens\",\n  featured: true,\n  url: \"https://www.theindoorgardens.com\",\n  description: \"The Indoor Gardens is a blog dedicated to teaching indoor gardening techniques. It has a wide variety of articles that covers everything from plant care to setting up your very own garden.\",\n  services: [\"Web Design\", \"Content Marketing\", \"SEO Research\", \"Social Media Management\"],\n  challenge: \"SEO is a crtical piece to any good blog, and we wanted to make sure we followed all the best practices. One area we really wanted to nail was page speed. We recently re-built the entire site using Gastby, a static site generator, and have noticed a huge increase in page load speed. We're now hitting 90+ on almost every page using Google's core web vitals test, and have seen a good uptick in traffic because of it.\",\n  solution: \"As noted, we used Gatsby to build this site. This makes it possible to serve each page as a static resource, which cuts down on time spend communicating with the server. In addition, we continue to work on thre site adding new features, as well as handling the marketing, SEO, and social media schedules.\",\n  tech: [\"Gatsby\", \"React\", \"AWS\"],\n  images: []\n}\n"],"names":["project","class","className","style","position","top","name","description","challenge","solution","images","map","image","src","href","url","tech","item","location","title","theIndoorGardens","excerpt","localUrl","featured","services"],"sourceRoot":""}