{"version":3,"file":"component---src-templates-categories-sub-category-listings-jsx-455d575be9d631820bcb.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,sGEvB3B,mBAAe,GAAa,IAAXa,EAAU,EAAVA,KACRC,EAAqBD,EAArBC,SAAUC,EAAWF,EAAXE,QACjB,OACE,gBAAC,IAAD,CAAQC,iBAAe,GACrB,gBAAC,IAAD,CACAxB,MAAOsB,EAAStB,QAEhB,gBAAC,IAAD,CACEA,MAAOsB,EAAStB,MAChBC,KAAMqB,EAASrB,KAAKA,KACpBC,MAAOoB,EAASG,gBAAgBC,UAAUC,gBAAgBlB,MAC1DL,MAAM,gBACNC,OAAQiB,EAASjB,OAAOA,OACxBC,IAAKgB,EAASM,QAAUN,EAASM,QAAQC,KAAKC,IAAM,OAErDR,EAASS,WACR,uBAAKvB,UAAU,gCACb,gBAAC,IAAD,CACER,MAAOsB,EAASU,aAChBD,WAAYT,EAASS,cAIzB,uBAAKvB,UAAU,kDACb,sBAAIyB,MAAM,sDAAsDX,EAAStB,MAAzE,iBACA,oJAGJ,gBAAC,IAAD,CACEA,MAAOsB,EAASY,WAAWC,QAC3BlC,KAAMqB,EAASY,WAAWjC,KAC1BC,MAAOoB,EAASY,WAAWhC,MAAMwB,UAAUC,gBAAgBlB,MAC3D2B,SAAUd,EAASjB,OAAOA,SAE5B,gBAAC,IAAD,CACEH,MAAOqB,EAAQc,eAAeX,UAAUC,gBAAgBW,MACxDf,QAASA,EAAQA,QACjBgB,gBAAiBhB,EAAQgB,gBACzBC,MAAOjB,EAAQiB,MACfC,aAAclB,EAAQmB,cACtBZ,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/templates/categories/sub-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'\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';\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        phone=\"01353 655 794\"\n        colour={category.colour.colour}\n        pdf={category.pdfLink ? category.pdfLink.file.url : null}\n      />\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      <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    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    subItemsText\n    text {\n      text\n    }\n    pdfLink {\n      file {\n        url\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","data","category","reviews","noOverlayHeader","backgroundImage","localFile","childImageSharp","pdfLink","file","url","categories","subItemsText","class","newsletter","heading","bgColour","reviewPlatform","fixed","amountOfReviews","stars","marginBottom","spacingBottom"],"sourceRoot":""}