{"version":3,"sources":["webpack:///./src/pages/gallery.tsx","webpack:///./src/components/Layout/Pricing.tsx","webpack:///./src/components/Layout/index.tsx"],"names":["GalleryContainer","Gallery","div","initial","opacity","animate","Layout","page","Title","behindText","styled","section","Heading","Pricing","PricingSection","light","TShirt","name","Item","Price","LongSleeve","Sweatshirt","Hoody","Names","Digitizing","Logos","Details","GeneralPricing","Disclaimer","Fragment","colors","orange","PricedItemGrid","p","fonts","secondary","h3","primary","children","Container","Menu","Header","style","margin","maxWidth","padding","paddingTop","Main","Footer","black","main"],"mappings":"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","file":"component---src-pages-gallery-tsx-322e4c833b591e52dbf2.js","sourcesContent":["import React from 'react';\nimport { Gallery as GalleryComponent } from 'gatsby-theme-gallery';\nimport styled from 'styled-components';\nimport { motion } from 'framer-motion';\n\nimport { Layout } from '../components/Layout';\nimport { Heading } from '../components/Headings';\n// import { colors } from '../components/utilities/theme';\n\nconst Gallery = () => {\n  return (\n    <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }}>\n      <Layout page=\"gallery\">\n        <Title behindText=\"hand made\">finished pieces</Title>\n        <GalleryContainer>\n          <GalleryComponent />\n        </GalleryContainer>\n      </Layout>\n    </motion.div>\n  );\n};\n\nexport default Gallery;\n\nconst GalleryContainer = styled.section`\n  position: relative;\n  z-index: 10;\n  padding: 25px;\n  border-radius: 2px;\n  background: white;\n  box-shadow: 0px -6px 16px rgba(0, 0, 0, 0.025),\n    0px 13px 27px rgba(50, 50, 93, 0.25);\n`;\n\nconst Title = styled(Heading)`\n  margin-top: 15vh;\n\n  @media (max-width: 900px) and (orientation: landscape) {\n    margin-top: 45vh;\n  }\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport { Icon } from '@svg/icon';\nimport { colors, fonts } from '@utilities/theme';\nimport { Heading } from '@components/Headings';\nimport { Pages } from './index';\n\ninterface Props {\n  page: Pages;\n}\n\nexport const Pricing = ({ page }: Props) => {\n  return page === 'screen-printing' ||\n    page === 'embroidery' ||\n    page === 'vinyl' ? (\n    <PricingSection page={page}>\n      <Title\n        light\n        behindText={\n          page === 'screen-printing'\n            ? 'ballpark'\n            : page === 'embroidery'\n            ? 'embroidery'\n            : 'vinyl/digital'\n        }\n      >\n        pricing\n      </Title>\n      {page === 'screen-printing' && (\n        <>\n          <TShirt>\n            <Icon name=\"tshirt\" />\n            <Item>t-shirt</Item>\n            <Price>$9</Price>\n          </TShirt>\n          <LongSleeve>\n            <Icon name=\"long-sleeve\" />\n            <Item>long sleeve</Item>\n            <Price>$12</Price>\n          </LongSleeve>\n          <Sweatshirt>\n            <Icon name=\"sweatshirt\" />\n            <Item>sweatshirt</Item>\n            <Price>$24</Price>\n          </Sweatshirt>\n          <Hoody>\n            <Icon name=\"hoody\" />\n            <Item>hoody</Item>\n            <Price>$26</Price>\n          </Hoody>\n        </>\n      )}\n      {page === 'embroidery' && (\n        <>\n          <Names page={page}>\n            <Icon name=\"nametag\" />\n            <Item>names</Item>\n            <Price>$5</Price>\n          </Names>\n          <Digitizing>\n            <Icon name=\"computer\" />\n            <Item>digitizing</Item>\n            <Price>$30</Price>\n          </Digitizing>\n          <Logos>\n            <Icon name=\"create\" />\n            <Item>custom logos</Item>\n            <Price>$9</Price>\n          </Logos>\n        </>\n      )}\n      {page === 'vinyl' && (\n        <>\n          <Names page={page}>\n            <Icon name=\"nametag\" />\n            <Item>names</Item>\n            <Price>$5</Price>\n          </Names>\n          <Details>\n            Vinyl and Digital transfers are highly specific and we would need to\n            see artwork before a quote can be given (contact us)\n          </Details>\n        </>\n      )}\n      <GeneralPricing page={page}>\n        {page === 'screen-printing' && (\n          <>\n            <p>* $24 screen setup</p>\n            <p>* $10 screen re-setup</p>\n          </>\n        )}\n        <Disclaimer>Disclaimer: These are ballpark prices.</Disclaimer>\n      </GeneralPricing>\n    </PricingSection>\n  ) : (\n    <React.Fragment />\n  );\n};\n\ninterface PricingSectionProps {\n  page: Pages;\n}\n\nconst PricingSection = styled.section<PricingSectionProps>`\n  margin-bottom: -55px;\n  background: ${colors.orange};\n  color: white;\n  display: grid;\n  grid-template-columns: ${({ page }) =>\n    page === 'screen-printing'\n      ? 'repeat(4, auto)'\n      : page === 'embroidery'\n      ? 'repeat(3, 1fr)'\n      : 'repeat(2, 1fr)'};\n  grid-template-rows: repeat(3, auto);\n  grid-template-areas: ${({ page }) =>\n    page === 'screen-printing'\n      ? `\n    'title title title title'\n    'tshirt longsleeve sweatshirt hoody'\n    'general general general general'\n  `\n      : page === 'embroidery'\n      ? `\n    'title title title'\n    'names digitizing logos'\n    'general general general'\n  `\n      : `\n    'title title'\n    'names details'\n    'general general'\n  `};\n  padding: 75px 30px 50px;\n\n  @media (max-width: 700px) {\n    grid-template-columns: ${({ page }) =>\n      page === 'vinyl' ? '1fr 1fr' : 'auto auto'};\n    grid-template-rows: repeat(4, auto);\n    grid-template-areas: ${({ page }) =>\n      page === 'screen-printing'\n        ? `\n      'title title'\n      'tshirt longsleeve'\n      'sweatshirt hoody'\n      'general general'\n    `\n        : page === 'embroidery'\n        ? `\n      'title title'\n      'names digitizing'\n      'logos logos'\n      'general general'\n    `\n        : `\n      'title title'\n      'names details'\n      'general general'\n    `};\n  }\n`;\n\nconst Title = styled(Heading)`\n  grid-area: title;\n`;\n\nconst PricedItemGrid = styled.div`\n  display: grid;\n  grid-template-rows: repeat(3, auto);\n  grid-template-columns: 1fr;\n  justify-items: center;\n  align-content: start;\n  row-gap: 1em;\n`;\n\nconst TShirt = styled(PricedItemGrid)`\n  grid-area: tshirt;\n`;\n\nconst LongSleeve = styled(PricedItemGrid)`\n  grid-area: longsleeve;\n`;\n\nconst Sweatshirt = styled(PricedItemGrid)`\n  grid-area: sweatshirt;\n\n  @media (max-width: 700px) {\n    margin-top: 3em;\n  }\n`;\n\nconst Hoody = styled(PricedItemGrid)`\n  grid-area: hoody;\n\n  @media (max-width: 700px) {\n    margin-top: 3em;\n  }\n`;\n\nconst Names = styled(PricedItemGrid)<PricingSectionProps>`\n  grid-area: names;\n  align-self: ${({ page }) => page === 'vinyl' && 'center'};\n`;\n\nconst Digitizing = styled(PricedItemGrid)`\n  grid-area: digitizing;\n`;\n\nconst Logos = styled(PricedItemGrid)`\n  grid-area: logos;\n\n  @media (max-width: 700px) {\n    margin-top: 4em;\n  }\n`;\n\nconst Details = styled.p`\n  grid-area: details;\n  max-width: 500px;\n  font-family: ${fonts.secondary};\n  font-weight: 500;\n  font-size: 24px;\n  color: white;\n  align-self: center;\n  line-height: 1.5;\n`;\n\nconst Item = styled.h3`\n  font-family: ${fonts.primary};\n  font-weight: 500;\n  font-size: 36px;\n  color: white;\n  text-transform: uppercase;\n  margin: 0;\n`;\n\nconst Price = styled(Item)`\n  font-size: 45px;\n  color: ${colors.secondary};\n  margin: 0;\n`;\n\nconst GeneralPricing = styled.div<PricingSectionProps>`\n  margin-top: 1em;\n  grid-area: general;\n  display: grid;\n  justify-items: center;\n  grid-auto-flow: row;\n  font-family: ${fonts.primary};\n  font-size: 36px;\n  text-transform: uppercase;\n  font-weight: 500;\n\n  @media (max-width: 700px) {\n    margin-top: ${({ page }) => (page === 'screen-printing' ? '3em' : '1em')};\n  }\n`;\n\nconst Disclaimer = styled.p`\n  font-family: ${fonts.secondary};\n  font-style: italic;\n  color: white;\n  font-size: 12px;\n  text-transform: none;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n// import { graphql, useStaticQuery } from 'gatsby';\n\nimport { Header } from './Header';\nimport { Footer } from './Footer';\nimport { colors } from '@utilities/theme';\nimport '../layout.css';\nimport { Menu } from './Nav/MobileNav/Menu';\nimport { Pricing } from './Pricing';\n\nexport type Pages =\n  | 'screen-printing'\n  | 'embroidery'\n  | 'vinyl'\n  | 'gallery'\n  | 'about'\n  | 'contact'\n  | 'catalogs'\n  | '404';\n\ninterface Props {\n  page: Pages;\n}\n\nexport const Layout: React.FC<Props> = ({ children, page }) => {\n  // const data = useStaticQuery(graphql`\n  //   query SiteTitleQuery {\n  //     site {\n  //       siteMetadata {\n  //         title\n  //       }\n  //     }\n  //   }\n  // `);\n\n  return (\n    <Container>\n      <Menu />\n      <Header page={page} />\n      <div\n        style={{\n          margin: `0 auto`,\n          maxWidth: 1440,\n          padding: `0px 1.0875rem 1.45rem`,\n          paddingTop: 0,\n        }}\n      >\n        <Main>{children}</Main>\n        {/* <footer>\n          {`© ${new Date().getFullYear()}, Built with`}\n          {` `}\n          <a href=\"https://www.gatsbyjs.org\">{`Gatsby`}</a>\n        </footer> */}\n      </div>\n      <Pricing page={page} />\n      <Footer />\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  position: relative;\n  overflow: hidden;\n  background: white;\n  color: ${colors.black};\n`;\n\nconst Main = styled.main`\n  display: grid;\n  grid-template-columns: 1fr;\n`;\n"],"sourceRoot":""}