{"version":3,"sources":["webpack:///./src/views/birthdays/index.js","webpack:///./src/pages/birthdays.js","webpack:///./src/components/breadcrumb/styles.js","webpack:///./src/components/breadcrumb/index.js","webpack:///./src/components/seo.js","webpack:///./src/views/birthdays/styles.js"],"names":["Birthdays","standard","advanced","elite","normal","name","price","render","description","to","button_text","RenderBody","doc","title","uri","desc","query","data","prismic","allBirthdayss","edges","slice","pop","node","colors","theme","fonts","BreadCrumbSection","styled","section","hollow","Wrapper","div","Title","h1","text","Page","ol","Secondary","Item","li","light","accent","ActiveItem","BreadCrumb","SEO","itemProp","lang","config","siteTitle","rel","href","content","BrithdaysSection","Row","BaseCol","Col","media","desktop","PricingTable","HeaderWrapper","FooterWrapper","Badge","span","IconWrapper","Type","h3","Price"],"mappings":"qPA6FeA,EAzEG,SAAC,GAAmC,IAAjCC,EAAgC,EAAhCA,SAAUC,EAAsB,EAAtBA,SAAUC,EAAY,EAAZA,MACvC,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAWC,QAAM,GACf,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAeC,KAAK,WAEtB,kBAAC,IAAD,KAAOJ,EAASI,MAChB,kBAAC,IAAD,KACE,mCACCJ,EAASK,QAGd,6BACE,kBAAC,WAAD,CAAUC,OAAQN,EAASO,eAE7B,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAeC,GAAG,YACfR,EAASS,gBAKlB,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,qBACA,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAeL,KAAK,WAEtB,kBAAC,IAAD,KAAOH,EAASG,MAChB,kBAAC,IAAD,KACE,mCACCH,EAASI,QAGd,6BACE,kBAAC,WAAD,CAAUC,OAAQL,EAASM,eAE7B,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAeC,GAAG,YACfP,EAASQ,gBAKlB,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAeL,KAAK,WAEtB,kBAAC,IAAD,KAAOF,EAAME,MACb,kBAAC,IAAD,KAAQF,EAAMG,QAEhB,6BACE,kBAAC,WAAD,CAAUC,OAAQJ,EAAMK,eAE1B,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAeC,GAAG,YAAYN,EAAMO,oBC7E9CC,EAAa,SAAC,GAAa,IAAXC,EAAU,EAAVA,IACdX,EAAWW,EAAIX,SAAS,GACxBC,EAAWU,EAAIV,SAAS,GACxBC,EAAQS,EAAIT,MAAM,GAExB,OACE,oCACE,kBAAC,IAAD,CACEU,MAAM,YACNC,IAAI,YACJC,KAAK,qCAEP,kBAAC,IAAD,CAAYV,KAAK,cACjB,kBAAC,EAAD,CAAWJ,SAAUA,EAAUC,SAAUA,EAAUC,MAAOA,MAYnDa,GAPE,sBAAe,IACtBJ,EADqB,EAAXK,KACCC,QAAQC,cAAcC,MAAMC,MAAM,EAAG,GAAGC,MAEzD,OAAKV,EACE,kBAAC,EAAD,CAAYA,IAAKA,EAAIW,OADX,MAID,yO,+FC5BVC,EAAkBC,IAAlBD,OAAQE,EAAUD,IAAVC,MAEHC,EAAoBC,IAAOC,QAAV,gFAAGD,CAAH,gEAIRJ,EAAOM,QAGhBC,EAAUH,IAAOI,IAAV,sEAAGJ,CAAH,+GASPK,EAAQL,IAAOM,GAAV,oEAAGN,CAAH,6HACPJ,EAAOW,MASLC,EAAOR,IAAOS,GAAV,mEAAGT,CAAH,kPAKAF,EAAMY,WAgBVC,EAAOX,IAAOY,GAAV,mEAAGZ,CAAH,yDAEJJ,EAAOiB,MAILjB,EAAOkB,QAKTC,EAAaf,IAAOY,GAAV,yEAAGZ,CAAH,iGACZJ,EAAOkB,QChCHE,IAlBI,SAAC,GAAc,IAAZvC,EAAW,EAAXA,KACpB,OACE,kBAACsB,EAAD,KACE,kBAAC,IAAD,CAAWvB,QAAM,GACf,kBAAC2B,EAAD,KACG1B,GAAQ,kBAAC4B,EAAD,KAAQ5B,GACjB,kBAAC+B,EAAD,KACE,kBAACG,EAAD,KACE,kBAAC,OAAD,CAAM9B,GAAG,KAAT,SAEDJ,GAAQ,kBAACsC,EAAD,KAAatC,S,kCCxBlC,0DAoBewC,IAhBH,SAAC,GAA0B,IAAxBhC,EAAuB,EAAvBA,MAAOC,EAAgB,EAAhBA,IAAKC,EAAW,EAAXA,KACzB,OACE,kBAAC,IAAD,KACGF,GACC,2BAAOiC,SAAS,OAAOC,KAAK,MACzBlC,EAAQ,MAAQmC,IAAOC,WAG3BnC,GACC,0BAAMoC,IAAI,YAAYC,KAAI,8BAAgCrC,IAE3DC,GAAQ,0BAAMV,KAAK,cAAc+C,QAASrC,O,gjBCZzCS,EAAWC,IAAXD,OAEK6B,EAAmBzB,IAAOC,QAAV,+EAAGD,CAAH,4CAMhB0B,EAAM1B,IAAOI,IAAV,kEAAGJ,CAAH,uEAOV2B,EAAU3B,IAAOI,IAAV,sEAAGJ,CAAH,uFAQA4B,EAAM5B,YAAO2B,GAAV,kEAAG3B,CAAH,kDAIZ6B,IAAMC,QAJM,MAWHC,EAAe/B,IAAOI,IAAV,2EAAGJ,CAAH,+NAeVJ,EAAOiB,OAMTmB,EAAgBhC,IAAOI,IAAV,4EAAGJ,CAAH,wBAIbiC,EAAgBjC,IAAOI,IAAV,4EAAGJ,CAAH,gDAQbkC,EAAQlC,IAAOmC,KAAV,oEAAGnC,CAAH,+bAMIJ,EAAOkB,OAUClB,EAAOkB,OAWNlB,EAAOkB,QAKzBsB,EAAcpC,IAAOI,IAAV,0EAAGJ,CAAH,kEAKXJ,EAAOW,MAKP8B,EAAOrC,IAAOsC,GAAV,mEAAGtC,CAAH,sIACNJ,EAAOW,MAULgC,EAAQvC,IAAOI,IAAV,qEAAGJ,CAAH,oJAGPJ,EAAOW","file":"component---src-pages-birthdays-js-62aa8e1bddee74996f2f.js","sourcesContent":["import React from 'react';\nimport { FormattedIcon } from '@components/icons';\nimport { RichText } from 'prismic-reactjs';\nimport { PrimaryButton } from '@components/button';\n\n// styles\nimport { Container } from '@styles';\nimport {\n  BrithdaysSection,\n  Row,\n  Col,\n  PricingTable,\n  HeaderWrapper,\n  FooterWrapper,\n  IconWrapper,\n  Type,\n  Price,\n  Badge,\n} from './styles';\n\nconst Birthdays = ({ standard, advanced, elite }) => {\n  return (\n    <BrithdaysSection>\n      <Container normal>\n        <Row>\n          <Col>\n            <PricingTable>\n              <HeaderWrapper>\n                <IconWrapper>\n                  <FormattedIcon name=\"plane\" />\n                </IconWrapper>\n                <Type>{standard.name}</Type>\n                <Price>\n                  <span>$</span>\n                  {standard.price}\n                </Price>\n              </HeaderWrapper>\n              <div>\n                <RichText render={standard.description} />\n              </div>\n              <FooterWrapper>\n                <PrimaryButton to=\"/contact\">\n                  {standard.button_text}\n                </PrimaryButton>\n              </FooterWrapper>\n            </PricingTable>\n          </Col>\n          <Col>\n            <PricingTable>\n              <HeaderWrapper>\n                <Badge>MOST POPULAR</Badge>\n                <IconWrapper>\n                  <FormattedIcon name=\"plane\" />\n                </IconWrapper>\n                <Type>{advanced.name}</Type>\n                <Price>\n                  <span>$</span>\n                  {advanced.price}\n                </Price>\n              </HeaderWrapper>\n              <div>\n                <RichText render={advanced.description} />\n              </div>\n              <FooterWrapper>\n                <PrimaryButton to=\"/contact\">\n                  {advanced.button_text}\n                </PrimaryButton>\n              </FooterWrapper>\n            </PricingTable>\n          </Col>\n          <Col>\n            <PricingTable>\n              <HeaderWrapper>\n                <IconWrapper>\n                  <FormattedIcon name=\"plane\" />\n                </IconWrapper>\n                <Type>{elite.name}</Type>\n                <Price>{elite.price}</Price>\n              </HeaderWrapper>\n              <div>\n                <RichText render={elite.description} />\n              </div>\n              <FooterWrapper>\n                <PrimaryButton to=\"/contact\">{elite.button_text}</PrimaryButton>\n              </FooterWrapper>\n            </PricingTable>\n          </Col>\n        </Row>\n      </Container>\n    </BrithdaysSection>\n  );\n};\n\nexport default Birthdays;\n","import React from 'react';\nimport { graphql } from 'gatsby';\nimport SEO from '@components/seo';\nimport BreadCrumb from '@components/breadcrumb';\nimport Birthdays from '@views/birthdays';\n\nconst RenderBody = ({ doc }) => {\n  const standard = doc.standard[0];\n  const advanced = doc.advanced[0];\n  const elite = doc.elite[0];\n\n  return (\n    <>\n      <SEO\n        title=\"Birthdays\"\n        uri=\"birthdays\"\n        desc=\"Check out our birthday packages.\"\n      />\n      <BreadCrumb name=\"Birthdays\" />\n      <Birthdays standard={standard} advanced={advanced} elite={elite} />\n    </>\n  );\n};\n\nexport default ({ data }) => {\n  const doc = data.prismic.allBirthdayss.edges.slice(0, 1).pop();\n\n  if (!doc) return null;\n  return <RenderBody doc={doc.node} />;\n};\n\nexport const query = graphql`\n  {\n    prismic {\n      allBirthdayss {\n        edges {\n          node {\n            standard {\n              name\n              price\n              description\n              button_text\n            }\n            advanced {\n              name\n              price\n              description\n              button_text\n            }\n            elite {\n              name\n              price\n              description\n              button_text\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n","import styled from 'styled-components';\nimport { theme } from '@styles';\n\nconst { colors, fonts } = theme;\n\nexport const BreadCrumbSection = styled.section`\n  width: 100%;\n  height: auto;\n  padding: 2rem 0;\n  background-color: ${colors.hollow};\n`;\n\nexport const Wrapper = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -15px;\n  margin-left: -15px;\n  text-align: center;\n  flex-direction: column;\n`;\n\nexport const Title = styled.h1`\n  color: ${colors.text};\n  text-transform: uppercase;\n  font-size: 40px;\n  font-weight: 400;\n  letter-spacing: 0;\n  line-height: 1.25;\n  margin-bottom: 0.2em;\n`;\n\nexport const Page = styled.ol`\n  line-height: 1.6;\n  justify-content: center;\n  margin: 0;\n  color: inherit;\n  font-family: ${fonts.Secondary};\n  font-size: 14px;\n  font-weight: 400;\n  letter-spacing: 0.1em;\n  line-height: 32px;\n  margin: 0;\n  padding: 0;\n  text-transform: uppercase;\n\n  li {\n    display: inline-block;\n    float: none;\n    padding: 0;\n  }\n`;\n\nexport const Item = styled.li`\n  a {\n    color: ${colors.light};\n    text-decoration: none;\n\n    :hover {\n      color: ${colors.accent};\n    }\n  }\n`;\n\nexport const ActiveItem = styled.li`\n  color: ${colors.accent};\n  opacity: 0.9;\n  padding-left: 0.5rem;\n\n  :before {\n    color: inherit;\n    padding: 0 12px;\n    content: '/';\n  }\n`;\n","import React from 'react';\nimport { Link } from 'gatsby';\n\n// styles\nimport { Container } from '@styles';\nimport {\n  BreadCrumbSection,\n  Wrapper,\n  Title,\n  Page,\n  Item,\n  ActiveItem,\n} from './styles';\n\nconst BreadCrumb = ({ name }) => {\n  return (\n    <BreadCrumbSection>\n      <Container normal>\n        <Wrapper>\n          {name && <Title>{name}</Title>}\n          <Page>\n            <Item>\n              <Link to=\"/\">Home</Link>\n            </Item>\n            {name && <ActiveItem>{name}</ActiveItem>}\n          </Page>\n        </Wrapper>\n      </Container>\n    </BreadCrumbSection>\n  );\n};\n\nexport default BreadCrumb;\n","import React from 'react';\nimport config from '@utils/config';\nimport { Helmet } from 'react-helmet';\n\nconst SEO = ({ title, uri, desc }) => {\n  return (\n    <Helmet>\n      {title && (\n        <title itemProp=\"name\" lang=\"en\">\n          {title + ' | ' + config.siteTitle}\n        </title>\n      )}\n      {uri && (\n        <link rel=\"canonical\" href={`https://dynamo-fencing.com/${uri}`} />\n      )}\n      {desc && <meta name=\"description\" content={desc} />}\n    </Helmet>\n  );\n};\n\nexport default SEO;\n","import styled from 'styled-components';\nimport { theme, media } from '@styles';\n\nconst { colors } = theme;\n\nexport const BrithdaysSection = styled.section`\n  width: 100%;\n  height: auto;\n  padding: 3rem 0;\n`;\n\nexport const Row = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -15px;\n  margin-left: -15px;\n`;\n\nconst BaseCol = styled.div`\n  position: relative;\n  width: 100%;\n  min-height: 1px;\n  padding-left: 30px;\n  padding-right: 30px;\n`;\n\nexport const Col = styled(BaseCol)`\n  flex: 0 0 33.333333%;\n  max-width: 33.333333%;\n\n  ${media.desktop`\n    flex: 0 0 100%;\n    max-width: 100%;\n    margin-bottom: 2rem;\n  `};\n`;\n\nexport const PricingTable = styled.div`\n  box-shadow: 0 0 7px 0 rgba(77, 109, 230, 0.35);\n  text-align: center;\n  padding: 38px 0 40px;\n  transition: 0.3s ease-in;\n  margin-bottom: 30px;\n\n  ul {\n    margin: 0;\n    padding: 0;\n\n    li {\n      margin-top: 0;\n      list-style: none;\n      display: block;\n      color: ${colors.light};\n      margin: 27px 0;\n    }\n  }\n`;\n\nexport const HeaderWrapper = styled.div`\n  position: relative;\n`;\n\nexport const FooterWrapper = styled.div`\n  margin-top: 40px;\n\n  a {\n    justify-content: center;\n  }\n`;\n\nexport const Badge = styled.span`\n  position: absolute;\n  left: 50%;\n  top: -60px;\n  width: 80%;\n  font-weight: bold;\n  background-color: ${colors.accent};\n  color: #000;\n  padding: 10px 0;\n  transform: translateX(-50%);\n\n  :before {\n    content: '';\n    position: absolute;\n    right: -40px;\n    top: 0;\n    border-left: 20px solid ${colors.accent};\n    border-right: 20px solid transparent;\n    border-top: 22px solid transparent;\n  }\n\n  :after {\n    content: '';\n    position: absolute;\n    left: -40px;\n    top: 0;\n    border-left: 20px solid transparent;\n    border-right: 20px solid ${colors.accent};\n    border-top: 22px solid transparent;\n  }\n`;\n\nexport const IconWrapper = styled.div`\n  line-height: 60px;\n  margin-bottom: 30px;\n\n  svg {\n    color: ${colors.text};\n    width: 4em;\n  }\n`;\n\nexport const Type = styled.h3`\n  color: ${colors.text};\n  opacity: 0.5;\n  font-size: 16px;\n  text-transform: uppercase;\n  font-weight: 600;\n  margin-bottom: 25px;\n  display: block;\n  text-align: center;\n`;\n\nexport const Price = styled.div`\n  font-size: 50px;\n  line-height: 60px;\n  color: ${colors.text};\n  font-weight: 700;\n  margin-bottom: 25px;\n\n  span {\n    font-size: 33px;\n    line-height: 33px;\n    position: relative;\n    top: -12px;\n  }\n`;\n"],"sourceRoot":""}