{"version":3,"sources":["webpack:///./src/templates/boot-fit-guide-page.js","webpack:///./src/components/infoCollapsible/infoCollapsible.js","webpack:///./src/assets/plus.svg","webpack:///./src/assets/minus.svg","webpack:///./src/assets/boots-red.svg"],"names":["BootFitGuidePageTemplate","image","InfoCollapsible","title","className","style","backgroundImage","childImageSharp","fluid","src","width","href","id","content","last","BootFitGuidePage","post","data","markdownRemark","frontmatter","bootFitGuidePageQuery","props","useState","collapsibleState","setCollapsibleState","type","onClick","minusIcon","plusIcon","alt","display","module","exports"],"mappings":"2FAAA,mKASaA,GATb,OASwC,SAAC,GAIlC,IAHLC,EAGI,EAHJA,MAEAC,GACI,EAFJC,MAEI,EADJD,iBAGA,OACE,yBAAKE,UAAU,aACb,yBAAKA,UAAU,OACbC,MAAO,CACLC,gBAAgB,QAAUL,EAAMM,gBAAkBN,EAAMM,gBAAgBC,MAAMC,IAAMR,GAArE,MAGjB,yBAAKG,UAAU,mBACf,yBAAKA,UAAU,0BACb,yCACA,oDAIJ,yBAAKA,UAAU,iBACb,yBAAKC,MAAO,CAAEK,MAAO,UACnB,uBAAGC,KAAK,gBAAgBP,UAAU,gBAAlC,kBACA,uBAAGO,KAAK,YAAYP,UAAU,gBAA9B,eAIJ,6BAASQ,GAAG,eAAeR,UAAU,mBACnC,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,SACf,8CACA,yBAAKA,UAAU,UAEjB,yBAAKA,UAAU,kBACb,6BACE,wBAAIA,UAAU,eAAd,8BACA,uBAAGA,UAAU,2BAAb,0HAIF,yBAAKA,UAAU,cACb,uCACA,uBAAGA,UAAU,aAAb,4EACA,uBAAGA,UAAU,mBAAb,sNAKF,yBAAKA,UAAU,cACb,4DACA,uBAAGA,UAAU,aAAb,aACA,uBAAGA,UAAU,mBAAb,sJAEA,uBAAGA,UAAU,aAAb,WACA,uBAAGA,UAAU,mBAAb,2IAEA,uBAAGA,UAAU,aAAb,uBACA,uBAAGA,UAAU,mBAAb,+LAEA,uBAAGA,UAAU,aAAb,gBACA,uBAAGA,UAAU,mBAAb,kMAON,6BAASQ,GAAG,WAAWR,UAAU,QAC/B,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,SACf,yCACA,yBAAKA,UAAU,UAEjB,yBAAKA,UAAU,kBACb,kBAACF,EAAD,CACEC,MAAM,mCACNU,QAAQ,oPACRC,MAAM,IAER,kBAACZ,EAAD,CACEC,MAAM,0BACNU,QAAQ,gQACRC,MAAM,IAER,kBAACZ,EAAD,CACEC,MAAM,2BACNU,QAAQ,gSACRC,MAAM,IAER,kBAACZ,EAAD,CACEC,MAAM,+BACNU,QAAQ,skBACRC,MAAM,IAER,kBAACZ,EAAD,CACEC,MAAM,uCACNU,QAAQ,oWACRC,MAAM,IAER,kBAACZ,EAAD,CACEC,MAAM,sCACNU,QAAQ,iUACRC,MAAM,IAER,kBAACZ,EAAD,CACEC,MAAM,YACNU,QAAQ,sVACRC,MAAM,SAgCHC,UAlBU,SAAC,GAAc,IACdC,EADa,EAAXC,KAClBC,eAER,OACE,kBAAC,IAAD,KACE,kBAAClB,EAAD,CACEC,MAAOe,EAAKG,YAAYlB,MACxBE,MAAOa,EAAKG,YAAYhB,MACxBD,gBAAiBA,QAYlB,IAAMkB,EAAqB,a,iCCtJlC,0FAIe,SAASlB,EAAgBmB,GAAQ,IACpClB,EAAyBkB,EAAzBlB,MAAOU,EAAkBQ,EAAlBR,QAASC,EAASO,EAATP,KADmB,EAIKQ,oBAAS,GAAlDC,EAJoC,KAIlBC,EAJkB,KAM3C,OACI,6BACI,4BAAQC,KAAK,SAASrB,UAAS,qBAAsBmB,GAAoB,2BAA1C,KAAuET,GAAQ,QAAUY,QAAS,kBAAMF,GAAqBD,KACxJ,0BAAMnB,UAAU,0BAA0BD,GAC1C,yBAAKM,IAAKc,EAAmBI,IAAYC,IAAUC,IAAKN,EAAmB,QAAU,UAEzF,yBAAKlB,MAAO,CAAEyB,QAAYP,EAAmB,QAAU,QAAYnB,UAAU,yBACzE,2BAAIS,O,kBCjBpBkB,EAAOC,QAAU,8W,kBCAjBD,EAAOC,QAAU,kV,kBCAjBD,EAAOC,QAAU","file":"component---src-templates-boot-fit-guide-page-js-0b44f8c5b70cf757f75e.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Link, graphql } from 'gatsby';\nimport Layout from '../components/Layout'\nimport InfoCollapsible from '../components/infoCollapsible/infoCollapsible';\n\n// ASSETS\nimport redBootsIcon from '../assets/boots-red.svg';\n\nexport const BootFitGuidePageTemplate = ({\n  image,\n  title,\n  InfoCollapsible\n}) => {\n\n  return (\n    <div className=\"help-page\">\n      <div className=\"hero\"\n        style={{\n          backgroundImage: `url(${!!image.childImageSharp ? image.childImageSharp.fluid.src : image\n            })`\n        }}>\n        <div className=\"opaque-overlay\"></div>\n        <div className=\"hero-content-container\">\n          <h1>Fit Guide</h1>\n          <p>BOOT FACTORY OUTLET</p>\n        </div>\n      </div>\n\n      <div className=\"help-sub-menu\">\n        <div style={{ width: \"350px\" }}>\n          <a href=\"#bootfitguide\" className=\"jump-to-link\">Boot Fit Guide</a>\n          <a href=\"#bootcare\" className=\"jump-to-link\">Boot Care</a>\n        </div>\n      </div>\n\n      <section id=\"bootfitguide\" className=\"buy-one-get-two\">\n        <div className=\"lined-header\">\n          <div className=\"dash\"></div>\n          <h2>Boot Fit Guide</h2>\n          <div className=\"dash\"></div>\n        </div>\n        <div className=\"meta-container\">\n          <div>\n            <h4 className=\"sub-heading\">How Your Boots Should Feel</h4>\n            <p className=\"sub-heading-description\">\n              Each pair of J.B. Dillon Reserve boots have a unique comfortable fit that will mold perfectly to your foot with wear.\n            </p>\n          </div>\n          <div className=\"info-block\">\n            <h3>Pro Tip</h3>\n            <p className=\"sub-label\">When trying on your boot for the first time, pull it on using the straps</p>\n            <p className=\"sub-description\">\n              Once you feel a slight resistance,  place your foot firmly on the floor pushing down while continuing to pull up on the bootstraps at the same time. You should feel your heel pop down into the foot of the boot\n            </p>\n          </div>\n\n          <div className=\"info-block\">\n            <h3>Make Sure It’s A Perfect Fit</h3>\n            <p className=\"sub-label\">1. Instep</p>\n            <p className=\"sub-description\">\n              The boot should fit snug across the instep of your foot, but not too tight. This area of the boot will stretch and form to your foot.             </p>\n            <p className=\"sub-label\">2. Toes</p>\n            <p className=\"sub-description\">\n              Your toes should fit comfortably with the ability to slightly move. They should not feel pinched or crammed into the boot.             </p>\n            <p className=\"sub-label\">3. Ball of the foot</p>\n            <p className=\"sub-description\">\n              The ball of your foot should fit the widest part of the boot. The proper position of the ball of your foot will also ensure the proper placement of your toes inside the boot.             </p>\n            <p className=\"sub-label\">4. Heel Slip</p>\n            <p className=\"sub-description\">\n              The ball of your foot should fit the widest part of the boot. The proper position of the ball of your foot will also ensure the proper placement of your toes inside the boot.             </p>\n          </div>\n        </div>\n\n      </section>\n\n      <section id=\"bootcare\" className=\"faqs\">\n        <div className=\"lined-header\">\n          <div className=\"dash\"></div>\n          <h2>Boot Care</h2>\n          <div className=\"dash\"></div>\n        </div>\n        <div className=\"meta-container\">\n          <InfoCollapsible\n            title=\"How to dust and clean your boots\"\n            content=\"Wipe or brush off your boots often. When dusting off isn’t enough, wash off any loose dirt with a damp rag or soft brush… follow up with applying  J.B. DILLON CUSTOM LEATHER CARE. We do not recommend saddle soap because it dries the leather.\"\n            last={false}\n          />\n          <InfoCollapsible\n            title=\"Conditioning your boots\"\n            content=\"Use J.B. DILLON CUSTOM LEATHER CARE. All leather dries out and needs moisturizing to keep it supple and free of cracking. Conditioner will add oils back into the leather, keeping it soft and supple. We recommend conditioning your boots every 1-2 months.\"\n            last={false}\n          />\n          <InfoCollapsible\n            title=\"How to Polish Your Boots\"\n            content=\"Before polishing a boot, we recommend using J.B. Dillon Custom Leather Care to replace the natural oils in the leather. Give the cream a few minutes to dry and then buff the leather. If a polish is still needed, we recommend using a neutral polish to not change the color of the boots.\"\n            last={false}\n          />\n          <InfoCollapsible\n            title=\"HOw to Care for exotic boots\"\n            content=\"Exotic skins tend to have more texture. For this reason, you should dust and condition them more frequently. Clean your exotic skin boots with J.B. DILLON CUSTOM LEATHER CARE. This product is designed to remove the dirt out of the leather, and to protect the natural membranes from cracking. Remember that exotics need to be conditioned more often than other types of leather; we recommend once a month. When cleaning and conditioning Python skin, always wipe or brush in the direction of the scales. NEVER brush or wipe against the scales, as this can cause curling or breakage.\"\n            last={false}\n          />\n          <InfoCollapsible\n            title=\"What Happens when your boots get wet\"\n            content=\"Dry your boots at room temperature. Never place them near heat, as heat will cause the leather to dry and crack. Use J.B. DILLON CUSTOM LEATHER CARE while the boots are still wet. Use white vinegar if white salt stains appear when the boots have dried. These deposits should be removed immediately. If not, the salt will eat away and weaken the leather.\"\n            last={false}\n          />\n          <InfoCollapsible\n            title=\"How to Take off your boots properly\"\n            content=\"Never take boots off using the toe of one boot against the heel of another. This will break down the back of the heel and shorten its life. Instead, place your ankle on the knee of your other leg and pull off the boot by grasping it at the heel and toe. Using a BOOT JACK is also an easy method of removing your boots.\"\n            last={false}\n          />\n          <InfoCollapsible\n            title=\"Important\"\n            content=\"When using any conditioners, cleaning methods, or polishes, test a small part of your boot, (inside the boot pulls are a good place) beforehand. This is especially important on any light-colored leathers. ASK QUESTIONS If you have any questions about your boots or proper boot care, please ask. We love people who take care of their boots.\"\n            last={true}\n          />\n        </div>\n      </section>\n\n    </div>\n  )\n}\n\nBootFitGuidePageTemplate.propTypes = {\n  image: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  title: PropTypes.string.isRequired,\n}\n\nconst BootFitGuidePage = ({ data }) => {\n  const { markdownRemark: post } = data\n\n  return (\n    <Layout>\n      <BootFitGuidePageTemplate\n        image={post.frontmatter.image}\n        title={post.frontmatter.title}\n        InfoCollapsible={InfoCollapsible}\n      />\n    </Layout>\n  )\n}\n\nBootFitGuidePage.propTypes = {\n  data: PropTypes.object.isRequired,\n}\n\nexport default BootFitGuidePage\n\nexport const bootFitGuidePageQuery = graphql`\n  query BootFitGuidePage($id: String!) {\n    markdownRemark(id: { eq: $id }) {\n      html\n      frontmatter {\n        title\n        image {\n          childImageSharp {\n            fluid(maxWidth: 2048, quality: 100) {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n      }\n    }\n  }\n`\n","import React, { useState } from 'react';\nimport plusIcon from '../../assets/plus.svg';\nimport minusIcon from '../../assets/minus.svg';\n\nexport default function InfoCollapsible(props) {\n    const { title, content, last } = props;\n\n    // STATES \n    const [collapsibleState, setCollapsibleState] = useState(false);\n\n    return (\n        <div>\n            <button type=\"button\" className={`info-collapsible ${collapsibleState && 'info-collapsible-active'} ${last && 'last'}`} onClick={() => setCollapsibleState(!collapsibleState)}>\n                <span className=\"info-collapsible-title\">{title}</span>\n                <img src={collapsibleState ? minusIcon : plusIcon} alt={collapsibleState ? 'close' : 'open'} />    \n            </button>\n            <div style={{ display: `${collapsibleState ? 'block' : 'none'}` }} className=\"info-collapsible-meta\">\n                <p>{content}</p>\n            </div>\n        </div>\n    )\n}\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSA5LjAwMDA5SDIwVjExLjAwMDFIMTFWMjAuMDAwMUg5VjExLjAwMDFIMFY5LjAwMDA5SDlWOS4xNTUyN2UtMDVIMTFWOS4wMDAwOVoiIGZpbGw9IiMzMzMzMzMiLz4KPC9zdmc+Cg==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjI0IC8gYmFzaWMgLyBtaW51cyI+CjxwYXRoIGlkPSJpY29uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIyIDExVjEzSDJWMTFIMjJaIiBmaWxsPSJibGFjayIvPgo8L2c+Cjwvc3ZnPgo=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMTkyIDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTIuMDE0NCAyNy4wMjNMMTAuODk0NSA3Ljk4NDI1TDE0LjI1NDIgNi44NjQzMkgyMy4yMTM2TDI2LjU3MzQgNy45ODQyNUwyNS40NTM1IDI2LjE3MjJMMzAuNjgyIDMwLjM4MjhMMzguNTE2IDMyLjYyMjZWMzkuMzQyMkgzNC40MTI5SDI1LjkzMDdMMTkuNTk1MSAzNy45MTA5VjM5LjM0MjJIMTIuMDE0NEwxMC44OTQ1IDMzLjc0MjVMMTIuMDE0NCAyNy4wMjNaIiBzdHJva2U9IiNERTMxMzciIHN0cm9rZS13aWR0aD0iNCIvPgo8cGF0aCBkPSJNMTA4LjAxNCAyNy4wMjNMMTA2Ljg5NCA3Ljk4NDI1TDExMC4yNTQgNi44NjQzMkgxMTkuMjE0TDEyMi41NzMgNy45ODQyNUwxMjEuNDUzIDI2LjE3MjJMMTI2LjY4MiAzMC4zODI4TDEzNC41MTYgMzIuNjIyNlYzOS4zNDIySDEzMC40MTNIMTIxLjkzMUwxMTUuNTk1IDM3LjkxMDlWMzkuMzQyMkgxMDguMDE0TDEwNi44OTQgMzMuNzQyNUwxMDguMDE0IDI3LjAyM1oiIHN0cm9rZT0iI0RFMzEzNyIgc3Ryb2tlLXdpZHRoPSI0Ii8+CjxwYXRoIGQ9Ik03MiAxNC42NjY5VjMzLjMzMzUiIHN0cm9rZT0iI0RFMzEzNyIgc3Ryb2tlLXdpZHRoPSIyLjMzMzMzIi8+CjxwYXRoIGQ9Ik02Mi42NjY3IDI0LjAwMDFMODEuMzMzMyAyNC4wMDAxIiBzdHJva2U9IiNERTMxMzciIHN0cm9rZS13aWR0aD0iMi4zMzMzMyIvPgo8cGF0aCBkPSJNMTU2LjAxNCAyNy4wMjNMMTU0Ljg5NCA3Ljk4NDI1TDE1OC4yNTQgNi44NjQzMkgxNjcuMjE0TDE3MC41NzMgNy45ODQyNUwxNjkuNDUzIDI2LjE3MjJMMTc0LjY4MiAzMC4zODI4TDE4Mi41MTYgMzIuNjIyNlYzOS4zNDIySDE3OC40MTNIMTY5LjkzMUwxNjMuNTk1IDM3LjkxMDlWMzkuMzQyMkgxNTYuMDE0TDE1NC44OTQgMzMuNzQyNUwxNTYuMDE0IDI3LjAyM1oiIHN0cm9rZT0iI0RFMzEzNyIgc3Ryb2tlLXdpZHRoPSI0Ii8+Cjwvc3ZnPgo=\""],"sourceRoot":""}