{"version":3,"file":"component---src-templates-categories-category-listings-jsx-eb013e228fefcbbc2191.js","mappings":"iLAsCA,G,QA9Ba,SAAC,GAAqE,IAApEA,EAAmE,EAAnEA,MAAOC,EAA4D,EAA5DA,KAAMC,EAAsD,EAAtDA,MAAOC,EAA+C,EAA/CA,WAAYC,EAAmC,EAAnCA,MAAmC,IAA5BC,OAAAA,OAA4B,MAAnB,SAAmB,EAATC,EAAS,EAATA,IACrE,OACI,gBAAC,IAAD,CACIC,IAAI,UACJC,UAAS,6DACTC,MAAOP,EACPQ,MAAO,CAACC,mBAAoB,eAG5B,uBAAKH,UAAS,4FACTR,GAAS,sBAAIQ,UAAS,qGAAwGR,GAC9HC,GAAQ,qBAAGO,UAAU,yCAAyCI,wBAAyB,CAACC,OAAQZ,KAChGK,GAAO,qBAAGQ,KAAMR,EAAKS,OAAO,SAASP,UAAU,kMAAxC,oBAIXL,GAAc,uBAAKK,UAAU,4FAC1B,gBAAC,IAAD,CAASQ,UAAU,8CAA8CC,SAAS,2DAG7Eb,GAAS,uBAAKM,MAAO,CAACQ,gBAAgB,IAAKb,GAAWG,UAAU,oGAC7D,qBAAGA,UAAU,sDAAsDM,KAAI,OAASV,GAAWA,GAC3F,uBAAKI,UAAU,mDAAmDW,IC9BlF,y5BD8BkGC,IAAI,cAG1F,uBAAKZ,UAAU,qD,mEErB3B,EARsB,SAAC,GAAD,IAAEa,EAAF,EAAEA,SAAUC,EAAZ,EAAYA,aAAZ,OAClB,uBAAKZ,MAAO,CAACQ,gBAAgB,IAAKG,GAAab,UAAS,uBAAwBc,GAAgB,4BAC5F,uBAAKd,UAAU,6IAAf,6BAC8B,uBAAKA,UAAU,0CAA0CW,ICP/F,ihFDO2GC,IAAI,mBADvG,wBAC+I,qBAAGZ,UAAU,2BAA2BO,OAAO,SAASD,KAAK,wNAA7D,kB,gHEIvJ,mBAAe,GAAa,IAAXS,EAAU,EAAVA,KACRC,EAAqBD,EAArBC,SAAUC,EAAWF,EAAXE,QACjB,OACE,gBAAC,IAAD,CAAQC,iBAAe,GACrB,gBAAC,IAAD,CACA1B,MAAOwB,EAASxB,QAEhB,gBAAC,IAAD,CACEA,MAAOwB,EAASxB,MAChBC,KAAMuB,EAASvB,KAAKA,KACpBC,MAAOsB,EAASG,gBAAgBC,UAAUC,gBAAgBpB,MAC1DN,YAAU,EACVC,MAAM,gBACNE,IAAKkB,EAASM,QAAUN,EAASM,QAAQC,KAAKC,IAAM,OAEtD,gBAAC,IAAD,CAAeX,SAAUG,EAASnB,OAAOA,SACxCmB,EAASS,WACR,uBAAKzB,UAAU,gCACb,gBAAC,IAAD,CACER,MAAOwB,EAASU,aAChBD,WAAYT,EAASS,cAIzB,uBAAKzB,UAAU,kDACb,sBAAI2B,MAAM,sDAAsDX,EAASxB,MAAzE,iBACA,oJAGJ,gBAAC,IAAD,CACEA,MAAOwB,EAASY,WAAWC,QAC3BpC,KAAMuB,EAASY,WAAWnC,KAC1BC,MAAOsB,EAASY,WAAWlC,MAAM0B,UAAUC,gBAAgBpB,MAC3DY,SAAUG,EAASnB,OAAOA,SAG5B,gBAAC,IAAD,CACEH,MAAOuB,EAAQa,eAAeV,UAAUC,gBAAgBU,MACxDd,QAASA,EAAQA,QACjBe,gBAAiBf,EAAQe,gBACzBC,MAAOhB,EAAQgB,MACfnB,aAAcG,EAAQiB,cACtBV,IAAKP,EAAQO","sources":["webpack://ely-exotics/./src/components/categories/category-hero.component.jsx","webpack://ely-exotics/./src/images/Icons/phone-white.svg","webpack://ely-exotics/./src/components/elements/review-snippit/review-snippit.component.jsx","webpack://ely-exotics/./src/images/Icons/stars-white.svg","webpack://ely-exotics/./src/templates/categories/category-listings.jsx"],"sourcesContent":["import React from 'react';\nimport BackgroundImage from 'gatsby-background-image';\n\nimport Socials from '../elements/socials/socials.compomemt';\nimport PrimaryButton from '../elements/buttons/primary-button.component';\n\nimport phoneIcon from '../../images/Icons/phone-white.svg'\n\nconst Hero = ({title, text, image, showSocial, phone, colour = \"272D3D\", pdf}) => {\n    return (\n        <BackgroundImage\n            tag=\"section\"\n            className={`relative z-10 text-white-0 flex items-center justify-start`}\n            fluid={image}\n            style={{backgroundPosition: '60% center'}}\n            \n        >   \n            <div className={`pb-24 md:pb-48 pt-40 md:pt-64 max-w-screen-2xl mx-auto w-full px-6 md:px-8 relative z-10`}>\n                {title && <h1 className={`max-w-4xl leading-none text-3xl sm:text-4xl lg:text-5xl font-black italic text-white-default mb-5`}>{title}</h1>}   \n                {text && <p className=\"font-light md:text-base block max-w-xl\" dangerouslySetInnerHTML={{__html: text}} />}\n                {pdf && <a href={pdf} target=\"_blank\" className=\"mt-5 duration-300 transform hover:-translate-y-2 text-center bg-gradient-to-b from-primary-light to-primary-dark heading-font font-black text-center px-6 py-2 text-lg md:text-xl inline-block\">\n                  View stock list\n                </a>}\n            </div>\n            {showSocial && <div className=\"z-10 w-full max-w-screen-2xl mx-auto bottom-4 absolute px-6 md:px-8 py-4 hidden md:block\">\n                <Socials instagram=\"https://www.instagram.com/elyexotics/?hl=en\" facebook=\"https://www.facebook.com/Ely-Exotics-107393574639300/\"/>\n            </div>\n            }\n            {phone && <div style={{backgroundColor: `#${colour}`}} className=\"hero__phone hovericon z-10 right-0 bottom-0 absolute px-6 md:px-8 py-2 md:py-4 flex items-center\">\n                <a className=\"text-lg font-black heading-font italic text-white-0\" href={`tel:${phone}`} >{phone}</a>\n                <img className=\"hero__phoneicon hovericon__icon flex-grow-0 ml-4\" src={phoneIcon} alt=\"Phone Us\" />\n            </div>\n            }\n            <div className=\"inset-0 absolute bg-black-default opacity-50\" />\n        </BackgroundImage>\n    );\n}\n\nexport default Hero;","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC41NjEiIGhlaWdodD0iMjAuNjA1IiB2aWV3Qm94PSIwIDAgMjAuNTYxIDIwLjYwNSI+CiAgPGcgaWQ9InBob25lLXdoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC41MzkpIj4KICAgIDxnIGlkPSJHcm91cF8xNTkiIGRhdGEtbmFtZT0iR3JvdXAgMTU5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUzOSAwKSI+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzMxIiBkYXRhLW5hbWU9IlBhdGggMzEiIGQ9Ik0yMC41NjEsMTUuMTIybC0yLjg3NS0yLjg3NWExLjkxMywxLjkxMywwLDAsMC0zLjE4NC43MTlBMS45NTcsMS45NTcsMCwwLDEsMTIuMjQzLDE0LjIsOC44NjcsOC44NjcsMCwwLDEsNi45LDguODU3LDEuODYxLDEuODYxLDAsMCwxLDguMTM1LDYuNmExLjkxMywxLjkxMywwLDAsMCwuNzE5LTMuMTg0TDUuOTc5LjUzOWEyLjA1MSwyLjA1MSwwLDAsMC0yLjc3MywwTDEuMjU1LDIuNDlDLS43LDQuNTQ0LDEuNDYsOS45ODcsNi4yODcsMTQuODE0UzE2LjU1NiwyMS45LDE4LjYxLDE5Ljg0NmwxLjk1MS0xLjk1MUEyLjA1MSwyLjA1MSwwLDAsMCwyMC41NjEsMTUuMTIyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuNTM5IDApIiBmaWxsPSIjZmZmIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K\"","import React from 'react';\n\nimport stars from '../../../images/Icons/stars-white.svg'\n\nconst ReviewSnippit = ({bgColour, marginBottom}) => (\n    <div style={{backgroundColor: `#${bgColour}`}} className={`bg-primary-default ${marginBottom && 'mb-10 md:mb-16 lg:mb-20'}`}>\n        <div className=\"max-w-screen-2xl mx-auto px-6 md:px-8 py-4 text-white-0 md:text-lg md:flex flex-wrap items-center text-center justify-center leading-none\">\n            Our customers think we're <img className=\"block mx-auto md:mx-4 w-32 py-3 md:py-2\" src={stars} alt=\"5 star reviews\" /> 5 out of 5 Based on <a className=\"ml-2 font-bold underline\" target=\"_blank\" href=\"https://www.google.com/search?q=ely+exotics&oq=ely+e&aqs=chrome.0.69i59j69i57j46i512j46i67i175i199j46i175i199i512j69i60j69i61j69i60.1057j0j1&sourceid=chrome&ie=UTF-8#lrd=0x47d8133f05d602af:0xbd16cdf4efbcd886,1,,,\">45 reviews</a>\n        </div>\n    </div>\n);\n\nexport default ReviewSnippit;","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDAiIGhlaWdodD0iMjEuOTY3IiB2aWV3Qm94PSIwIDAgMTQwIDIxLjk2NyI+CiAgPGcgaWQ9Ikdyb3VwXzkiIGRhdGEtbmFtZT0iR3JvdXAgOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ0MCAtOTI2KSI+CiAgICA8cGF0aCBpZD0ic3Rhcl80XyIgZGF0YS1uYW1lPSJzdGFyICg0KSIgZD0iTTIxLjQxNiw3Ljg3LDE0LjY1Myw2LjgzNywxMS42MjEuMzhhLjcxNi43MTYsMCwwLDAtMS4yNDQsMEw3LjM0Nyw2LjgzNy41ODQsNy44N0EuNjg3LjY4NywwLDAsMCwuMiw5LjAzbDQuOTEzLDUuMDM2LTEuMTYxLDcuMTJhLjY4OC42ODgsMCwwLDAsMS4wMTEuNzEyTDExLDE4LjU1OSwxNy4wNDEsMjEuOWEuNjg4LjY4OCwwLDAsMCwxLjAxMS0uNzEybC0xLjE2MS03LjEyTDIxLjgsOS4wMzFhLjY4OC42ODgsMCwwLDAtLjM4OC0xLjE2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDQwIDkyNS45ODIpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0ic3Rhcl80XzIiIGRhdGEtbmFtZT0ic3RhciAoNCkiIGQ9Ik0yMS40MTYsNy44NywxNC42NTMsNi44MzcsMTEuNjIxLjM4YS43MTYuNzE2LDAsMCwwLTEuMjQ0LDBMNy4zNDcsNi44MzcuNTg0LDcuODdBLjY4Ny42ODcsMCwwLDAsLjIsOS4wM2w0LjkxMyw1LjAzNi0xLjE2MSw3LjEyYS42ODguNjg4LDAsMCwwLDEuMDExLjcxMkwxMSwxOC41NTksMTcuMDQxLDIxLjlhLjY4OC42ODgsMCwwLDAsMS4wMTEtLjcxMmwtMS4xNjEtNy4xMkwyMS44LDkuMDMxYS42ODguNjg4LDAsMCwwLS4zODgtMS4xNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ3MCA5MjUuOTgyKSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9InN0YXJfNF8zIiBkYXRhLW5hbWU9InN0YXIgKDQpIiBkPSJNMjEuNDE2LDcuODcsMTQuNjUzLDYuODM3LDExLjYyMS4zOGEuNzE2LjcxNiwwLDAsMC0xLjI0NCwwTDcuMzQ3LDYuODM3LjU4NCw3Ljg3QS42ODcuNjg3LDAsMCwwLC4yLDkuMDNsNC45MTMsNS4wMzYtMS4xNjEsNy4xMmEuNjg4LjY4OCwwLDAsMCwxLjAxMS43MTJMMTEsMTguNTU5LDE3LjA0MSwyMS45YS42ODguNjg4LDAsMCwwLDEuMDExLS43MTJsLTEuMTYxLTcuMTJMMjEuOCw5LjAzMWEuNjg4LjY4OCwwLDAsMC0uMzg4LTEuMTZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OTkgOTI1Ljk4MikiIGZpbGw9IiNmZmYiLz4KICAgIDxwYXRoIGlkPSJzdGFyXzRfNCIgZGF0YS1uYW1lPSJzdGFyICg0KSIgZD0iTTIxLjQxNiw3Ljg3LDE0LjY1Myw2LjgzNywxMS42MjEuMzhhLjcxNi43MTYsMCwwLDAtMS4yNDQsMEw3LjM0Nyw2LjgzNy41ODQsNy44N0EuNjg3LjY4NywwLDAsMCwuMiw5LjAzbDQuOTEzLDUuMDM2LTEuMTYxLDcuMTJhLjY4OC42ODgsMCwwLDAsMS4wMTEuNzEyTDExLDE4LjU1OSwxNy4wNDEsMjEuOWEuNjg4LjY4OCwwLDAsMCwxLjAxMS0uNzEybC0xLjE2MS03LjEyTDIxLjgsOS4wMzFhLjY4OC42ODgsMCwwLDAtLjM4OC0xLjE2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTI5IDkyNS45ODIpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0ic3Rhcl80XzUiIGRhdGEtbmFtZT0ic3RhciAoNCkiIGQ9Ik0yMS40MTYsNy44NywxNC42NTMsNi44MzcsMTEuNjIxLjM4YS43MTYuNzE2LDAsMCwwLTEuMjQ0LDBMNy4zNDcsNi44MzcuNTg0LDcuODdBLjY4Ny42ODcsMCwwLDAsLjIsOS4wM2w0LjkxMyw1LjAzNi0xLjE2MSw3LjEyYS42ODguNjg4LDAsMCwwLDEuMDExLjcxMkwxMSwxOC41NTksMTcuMDQxLDIxLjlhLjY4OC42ODgsMCwwLDAsMS4wMTEtLjcxMmwtMS4xNjEtNy4xMkwyMS44LDkuMDMxYS42ODguNjg4LDAsMCwwLS4zODgtMS4xNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU1OCA5MjUuOTgyKSIgZmlsbD0iI2ZmZiIvPgogIDwvZz4KPC9zdmc+Cg==\"","import React from 'react'\nimport {graphql} from 'gatsby'\n\nimport Layout from \"../../components/layout\";\nimport SEO from \"../../components/seo\";\nimport Hero from \"../../components/categories/category-hero.component\";\nimport CategoryListing from '../../components/blocks/categories/category-listing.component';\nimport Newsletter from '../../components/blocks/newsletter/newsletter.component';\nimport ReviewsList from '../../components/blocks/reviews/reviews-list.component';\nimport ReviewSnippit from '../../components/elements/review-snippit/review-snippit.component';\n\nexport default ({data}) => {\n  const {category, reviews} = data\n  return (\n    <Layout noOverlayHeader>\n      <SEO\n      title={category.title}\n    />\n      <Hero \n        title={category.title}\n        text={category.text.text}\n        image={category.backgroundImage.localFile.childImageSharp.fluid}\n        showSocial\n        phone=\"01353 655 794\"\n        pdf={category.pdfLink ? category.pdfLink.file.url : null}\n      />\n      <ReviewSnippit bgColour={category.colour.colour} />\n      {category.categories ? \n        <div className=\"pt-10 pb-6 md:pt-20 md:pb-10\">\n          <CategoryListing \n            title={category.subItemsText} \n            categories={category.categories}\n          />\n        </div>\n      :  \n        <div className=\"pt-10 pb-10 md:pt-20 md:pb-20 px-4 text-center\">\n          <h2 class=\"text-2xl sm:text-3xl lg:text-4xl font-black italic\">{category.title} Coming Soon!</h2>\n          <p>Sorry we currently don't have our stock avaliable on the website- visit us in store or give us a call to see our stock</p>\n        </div> \n      }\n      <Newsletter \n        title={category.newsletter.heading} \n        text={category.newsletter.text}\n        image={category.newsletter.image.localFile.childImageSharp.fluid} \n        bgColour={category.colour.colour}\n\n      />\n      <ReviewsList \n        image={reviews.reviewPlatform.localFile.childImageSharp.fixed} \n        reviews={reviews.reviews} \n        amountOfReviews={reviews.amountOfReviews} \n        stars={reviews.stars}\n        marginBottom={reviews.spacingBottom}\n        url={reviews.url}\n      />\n    </Layout>\n  )\n}\n\nexport const query = graphql`\nquery($id: String!) {\n  category: contentfulCategories(id: {eq: $id}) {\n    title\n    colour {\n      colour\n    }\n    subItemsText\n    text {\n      text\n    }\n    pdfLink {\n      file {\n        url\n      }\n    }\n    categories {\n        title\n        slug\n        colour {\n          colour\n        }\n        featuredImage {\n            localFile {\n              childImageSharp {\n                fluid(maxWidth: 430, quality: 100) {\n                  ...GatsbyImageSharpFluid_withWebp\n                }\n              }\n            }\n        }\n        parents {\n          slug\n          parents {\n            slug\n          }\n        }\n    }\n    backgroundImage {\n        localFile {\n            childImageSharp {\n              fluid(maxWidth: 1920, quality: 100) {\n                ...GatsbyImageSharpFluid_withWebp\n              }\n            }\n        }\n    }\n    newsletter {\n        heading\n        text\n        image {\n          localFile {\n            childImageSharp {\n              fluid(maxWidth: 1000, quality: 100) {\n                ...GatsbyImageSharpFluid_withWebp\n              }\n            }\n          }\n        }     \n        spacingBottom \n    }\n  }\n  reviews: contentfulReviewShowcaseBlock(id: {eq: \"db5413bf-9b9f-5b63-92e8-517379fa305f\"}) {\n    id\n    stars\n    amountOfReviews\n    spacingBottom\n    url\n    reviewPlatform {\n      localFile {\n        childImageSharp {\n          fixed(width: 210) {\n            ...GatsbyImageSharpFixed_withWebp\n          }\n        }\n      }\n    }\n    reviews {\n      title\n      rating\n      name\n      text {\n        text\n      }\n    }\n  }\n}`"],"names":["title","text","image","showSocial","phone","colour","pdf","tag","className","fluid","style","backgroundPosition","dangerouslySetInnerHTML","__html","href","target","instagram","facebook","backgroundColor","src","alt","bgColour","marginBottom","data","category","reviews","noOverlayHeader","backgroundImage","localFile","childImageSharp","pdfLink","file","url","categories","subItemsText","class","newsletter","heading","reviewPlatform","fixed","amountOfReviews","stars","spacingBottom"],"sourceRoot":""}