{"version":3,"sources":["webpack:///./src/components/hero.js","webpack:///./src/pages/guides/index.js"],"names":["Wrapper","Container","Left","Title","Description","Right","Hero","title","description","image","fluid","CardWrapper","CardContainer","AccessoryStyledFontAwesomeIcon","FontAwesomeIcon","SoftwareStyledFontAwesomeIcon","HardwareStyledFontAwesomeIcon","StyledLink","Link","AccessoryStyledLink","SoftwareStyledLink","HardwareStyledLink","GuidesPage","data","location","pathname","hero","childImageSharp","icon","faTools","to","faAppStoreIos","faMobile"],"mappings":"2JAIA,IAAMA,EAAO,0OAIPC,EAAS,2aAITC,EAAI,yGAIJC,EAAK,kIAILC,EAAW,iIAIXC,EAAK,qIAoBIC,IAhBF,SAAC,GAAmC,IAAjCC,EAAgC,EAAhCA,MAAOC,EAAyB,EAAzBA,YAAaC,EAAY,EAAZA,MAChC,OACI,YAACT,EAAD,KACI,YAACC,EAAD,KACI,YAACC,EAAD,KACI,YAACC,EAAD,KAAQI,GACR,YAACH,EAAD,KAAcI,IAElB,YAACH,EAAD,KACA,YAAC,IAAD,CAAKK,MAAOD,S,iLCvB5B,IAAMT,EAAO,8DAIPC,EAAS,+VAITU,EAAW,gLAIXC,EAAa,+cAIbC,EAAiC,YAAOC,IAAP,sBAAH,kLAI9BC,EAAgC,YAAOD,IAAP,sBAAH,qLAI7BE,EAAgC,YAAOF,IAAP,sBAAH,qLAI7BG,EAAa,YAAOC,OAAP,sBAAH,mNAIVC,EAAsB,YAAOF,EAAP,sBAAH,gGAInBG,EAAqB,YAAOH,EAAP,sBAAH,yHAIlBI,EAAqB,YAAOJ,EAAP,uBAAH,kGA0FTK,UAtFI,SAAC,GAAwB,IAAtBC,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SAEzB,OACE,YAAC,IAAD,KACI,YAAC,IAAD,CACIjB,MAAM,2BACNkB,SAAUD,EAASC,WAE7B,YAAC,IAAD,CAAMlB,MAAM,SAASC,YAAY,8EAA8EC,MAAOc,EAAKG,KAAKC,gBAAgBjB,QAC1I,YAAC,IAAD,KACO,YAACV,EAAD,KACI,iMACA,qCACA,6EACA,YAACC,EAAD,KACI,YAACU,EAAD,KACI,YAACC,EAAD,KACI,YAACC,EAAD,CAAgCe,KAAMC,MACtC,iCACA,sBACA,YAACV,EAAD,CAAqBW,GAAG,mBAAxB,qBAGR,YAACnB,EAAD,KACI,YAACC,EAAD,KACI,YAACC,EAAD,CAAgCe,KAAMC,MACtC,iCACA,sBACA,YAACV,EAAD,CAAqBW,GAAG,YAAxB,qBAIZ,kCACA,4EACA,YAAC7B,EAAD,KACI,YAACU,EAAD,KACI,YAACC,EAAD,KACI,YAACG,EAAD,CAA+Ba,KAAMG,MACrC,uCACA,sBACA,YAACX,EAAD,CAAoBU,GAAG,YAAvB,oBAGR,YAACnB,EAAD,KACI,YAACC,EAAD,KACI,YAACG,EAAD,CAA+Ba,KAAMG,MACrC,uCACA,sBACA,YAACX,EAAD,CAAoBU,GAAG,YAAvB,oBAGR,YAACnB,EAAD,KACI,YAACC,EAAD,KACI,YAACG,EAAD,CAA+Ba,KAAMG,MACrC,uCACA,sBACA,YAACX,EAAD,CAAoBU,GAAG,YAAvB,oBAGR,YAACnB,EAAD,KACI,YAACC,EAAD,KACI,YAACG,EAAD,CAA+Ba,KAAMG,MACrC,uCACA,sBACA,YAACX,EAAD,CAAoBU,GAAG,YAAvB,qBAIZ,kCACA,4EACA,YAAC7B,EAAD,KACI,YAACU,EAAD,KACI,YAACC,EAAD,KACI,YAACI,EAAD,CAA+BY,KAAMI,MACrC,sCACA,sBACA,YAACX,EAAD,CAAoBS,GAAG,YAAvB","file":"component---src-pages-guides-index-js-5018d4137f2eb30cb181.js","sourcesContent":["import React from \"react\"\nimport tw, { styled } from \"twin.macro\"\nimport Img from \"gatsby-image\"\n\nconst Wrapper = styled.section`\n    ${tw`w-full m-0 p-0 bg-psb-dark-gray-400 text-white`}\n`\n\nconst Container = styled.div`\n    ${tw`container flex flex-row items-center w-11/12 mx-auto px-5 py-8`}\n`\n\nconst Left = styled.div`\n    ${tw`lg:w-4/5`}\n`\n\nconst Title = styled.h1`\n    ${tw`text-white`}\n`\n\nconst Description = styled.p`\n    ${tw`text-white`}\n`\n\nconst Right = styled.div`\n    ${tw`lg:w-1/5 hidden lg:block`}\n`\n\nconst Hero = ({ title, description, image }) => {\n    return(\n        <Wrapper>\n            <Container>\n                <Left>\n                    <Title>{title}</Title>\n                    <Description>{description}</Description>\n                </Left>\n                <Right>\n                <Img fluid={image} />\n                </Right>\n            </Container>\n        </Wrapper>\n    )\n}\n\nexport default Hero","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport { graphql } from \"gatsby\"\nimport tw, { styled } from \"twin.macro\"\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\nimport { faMobile, faTools } from \"@fortawesome/free-solid-svg-icons\"\nimport { faAppStoreIos } from \"@fortawesome/free-brands-svg-icons\"\n\nimport Layout from \"../../components/layout\"\nimport SEO from \"../../components/seo\"\nimport Hero from \"../../components/hero\"\nimport Section from \"../../components/section/section\"\n\n\nconst Wrapper = styled.div`\n    ${tw``}\n`\n\nconst Container = styled.div`\n    ${tw`container flex flex-wrap mx-auto text-center max-w-4xl`}\n`\n\nconst CardWrapper = styled.div`\n    ${tw`w-full md:w-1/2 lg:w-1/3 p-2`}\n`\n\nconst CardContainer = styled.div`\n    ${tw`container flex flex-col mx-auto text-center bg-gray-600 p-2 md:p-4 rounded-lg`}\n`\n\nconst AccessoryStyledFontAwesomeIcon = styled(FontAwesomeIcon)`\n    ${tw`m-4 text-psb-green-600 text-4xl md:text-5xl self-center`}\n`\n\nconst SoftwareStyledFontAwesomeIcon = styled(FontAwesomeIcon)`\n    ${tw`m-4 text-psb-orange-400 text-4xl md:text-5xl self-center`}\n`\n\nconst HardwareStyledFontAwesomeIcon = styled(FontAwesomeIcon)`\n    ${tw`m-4 text-blue-400 text-4xl md:text-5xl self-center`}\n`\n\nconst StyledLink = styled(Link)`\n    ${tw`block mx-4 p-2 rounded-lg text-white text-lg font-bold`}\n`\n\nconst AccessoryStyledLink = styled(StyledLink)`\n    ${tw`bg-psb-green-600`}\n`\n\nconst SoftwareStyledLink = styled(StyledLink)`\n    ${tw`bg-psb-orange-400 content-end`}\n`\n\nconst HardwareStyledLink = styled(StyledLink)`\n    ${tw`bg-blue-400`}\n`\n\nconst GuidesPage = ({ data, location }) => {\n\n  \treturn (\n    \t<Layout>\n        \t<SEO\n            \ttitle=\"Pocket Shutterbug Guides\"\n\t            pathname={location.pathname}\n    \t    />\n\t\t\t<Hero title=\"Guides\" description=\"Our guides share the top recommendations across the most popular categories\" image={data.hero.childImageSharp.fluid} />\n        \t<Section>\n                <Wrapper>\n                    <p>Welcome to the Pocket Shutterbug Guides. We will be adding more products and categories as we continue to bring you our unique and personal reviews and recommendations.</p>\n                    <h2>Accessories</h2>\n                    <p>Read on below for our top accessory recommendations.</p>\n                    <Container>\n                        <CardWrapper>\n                            <CardContainer>\n                                <AccessoryStyledFontAwesomeIcon icon={faTools} />\n                                <h3>Tripods</h3>\n                                <p/>\n                                <AccessoryStyledLink to=\"/guides/tripods\">Explore Tripods</AccessoryStyledLink>\n                            </CardContainer>\n                        </CardWrapper>\n                        <CardWrapper>\n                            <CardContainer>\n                                <AccessoryStyledFontAwesomeIcon icon={faTools} />\n                                <h3>Gimbals</h3>\n                                <p/>\n                                <AccessoryStyledLink to=\"/guides/\">Coming soon...</AccessoryStyledLink>\n                            </CardContainer>\n                        </CardWrapper>\n                    </Container>\n                    <h2>Software</h2>\n                    <p>Read on below for our top software recommendations.</p>\n                    <Container>\n                        <CardWrapper>\n                            <CardContainer>\n                                <SoftwareStyledFontAwesomeIcon icon={faAppStoreIos} />\n                                <h3>Photo Capture</h3>\n                                <p/>\n                                <SoftwareStyledLink to=\"/guides/\">Coming soon...</SoftwareStyledLink>\n                            </CardContainer>\n                        </CardWrapper>\n                        <CardWrapper>\n                            <CardContainer>\n                                <SoftwareStyledFontAwesomeIcon icon={faAppStoreIos} />\n                                <h3>Photo Editing</h3>\n                                <p/>\n                                <SoftwareStyledLink to=\"/guides/\">Coming soon...</SoftwareStyledLink>\n                            </CardContainer>\n                        </CardWrapper>\n                        <CardWrapper>\n                            <CardContainer>\n                                <SoftwareStyledFontAwesomeIcon icon={faAppStoreIos} />\n                                <h3>Video Capture</h3>\n                                <p/>\n                                <SoftwareStyledLink to=\"/guides/\">Coming soon...</SoftwareStyledLink>\n                            </CardContainer>\n                        </CardWrapper>\n                        <CardWrapper>\n                            <CardContainer>\n                                <SoftwareStyledFontAwesomeIcon icon={faAppStoreIos} />\n                                <h3>Video Editing</h3>\n                                <p/>\n                                <SoftwareStyledLink to=\"/guides/\">Coming soon...</SoftwareStyledLink>\n                            </CardContainer>\n                        </CardWrapper>\n                    </Container>\n                    <h2>Hardware</h2>\n                    <p>Read on below for our top hardware recommendations.</p>\n                    <Container>\n                        <CardWrapper>\n                            <CardContainer>\n                                <HardwareStyledFontAwesomeIcon icon={faMobile} />\n                                <h3>Apple iPhone</h3>\n                                <p/>\n                                <HardwareStyledLink to=\"/guides/\">Coming soon...</HardwareStyledLink>\n                            </CardContainer>\n                        </CardWrapper>\n                    </Container>\n                </Wrapper>\n \t       </Section>\n\t    </Layout>\n\t)\n}\n\nexport default GuidesPage\n\nexport const query=graphql`\n    query {\n        hero: file(relativePath: { eq: \"mirage-teamwork_400.png\" }) {\n            childImageSharp {\n                fluid(maxWidth: 400 quality: 100) {\n                    ...GatsbyImageSharpFluid_withWebp\n                }\n            }\n        }\n    }\n`"],"sourceRoot":""}