{"version":3,"file":"static/js/777.3e983bde.chunk.js","mappings":"wJAEA,M,wYCSA,MAiGA,EAjGgCA,KAC9B,MAAM,OAAEC,IAAWC,EAAAA,EAAAA,MAGbC,EAAS,CACb,CACEC,GAAI,EACJC,SAAU,YACVC,GAAI,6JACJC,GAAI,8EACJC,IAAKC,GAEP,CACEL,GAAI,EACJC,SAAU,cACVC,GAAI,kGACJC,GAAI,gFACJC,IAAKE,GAEP,CACEN,GAAI,EACJC,SAAU,gBACVC,GAAI,kKACJC,GAAI,kFACJC,IAAKG,GAEP,CACEP,GAAI,EACJC,SAAU,aACVC,GAAI,0JACJC,GAAI,+EACJC,IAAKI,GAEP,CACER,GAAI,EACJC,SAAU,eACVC,GAAI,sKACJC,GAAI,iFACJC,IAAKK,GAEP,CACET,GAAI,EACJC,SAAU,gBACVC,GAAI,sHACJC,GAAI,kFACJC,IAAKM,IAGT,OACEC,EAAAA,EAAAA,KAAA,OAAKC,UAAU,+BAA8BC,UAC3CC,EAAAA,EAAAA,MAAA,OAAKF,UAAU,kCAAiCC,SAAA,EAC9CF,EAAAA,EAAAA,KAAA,OAAKC,UAAU,MAAKC,UAClBF,EAAAA,EAAAA,KAAA,OAAKC,UAAU,8BAA6BC,UAC1CC,EAAAA,EAAAA,MAAA,MAAAD,SAAA,CAAI,UACIF,EAAAA,EAAAA,KAAA,QAAMC,UAAU,YAAWC,SAAC,aAAe,YAKvDF,EAAAA,EAAAA,KAACI,EAAAA,EAAQ,CAACH,UAAU,OAAMC,SACvBd,EAAOiB,KAAKC,IACXN,EAAAA,EAAAA,KAACI,EAAAA,EAASG,KAAI,CAACC,SA3DH,IA2D2BN,UACrCC,EAAAA,EAAAA,MAAA,OAAKF,UAAU,MAAKC,SAAA,EAClBF,EAAAA,EAAAA,KAAA,OAAKC,UAAU,yCAAwCC,UACrDF,EAAAA,EAAAA,KAAA,OACEC,UAAU,uBACVQ,IAAKH,EAAMb,IACXiB,IAAI,iBAIRP,EAAAA,EAAAA,MAAA,OAAKF,UAAU,kBAAiBC,SAAA,EAC9BF,EAAAA,EAAAA,KAAA,MAAIC,UAAU,uBAAsBC,SAAEI,EAAMhB,YAC5CU,EAAAA,EAAAA,KAAA,KAAGC,UAAU,kBAAiBC,SAAEI,EAAMf,MACtCS,EAAAA,EAAAA,KAAA,KAAGC,UAAU,gCAA+BC,SACzCI,EAAMd,YAd8Bc,EAAMjB,SAsBvDW,EAAAA,EAAAA,KAACW,EAAAA,EAAS,CACRC,MAAM,OACNC,OAAO,OACPC,QAAQ,cACRC,QAASA,KACPC,eAAeC,WAAW,UAAU,EAEtCC,IAAG,eAAAC,OAAiBjC,SAGpB,C","sources":["MainSite/HOME/BikesWeCoverEachSlide.js","MainSite/HOME/BlueBikesWeCoverSection.js"],"sourcesContent":["import Carousel from \"react-bootstrap/Carousel\";\r\n\r\nconst BikesWeCoverEachSlide = ({ bikeType, p1, b1, img }) => {\r\n  //console.log({ bikeType, p1, b1, img });\r\n  return (\r\n    <Carousel.Item interval={1500}>\r\n      <Carousel.Caption>\r\n        <h3>Label for first slide</h3>\r\n        <p className=\"blueFont\">Sample Text for Image One</p>\r\n      </Carousel.Caption>\r\n      <img className=\"d-block w-100\" src={img} alt=\"Image One\" />\r\n    </Carousel.Item>\r\n  );\r\n};\r\n\r\nexport default BikesWeCoverEachSlide;\r\n","import Carousel from \"react-bootstrap/Carousel\";\r\nimport BikesWeCoverEachSlide from \"./BikesWeCoverEachSlide\";\r\nimport RB from \"../../Images/bikesWeCover/Road_bike@2x.png\";\r\nimport SB from \"../../Images/bikesWeCover/Sports_bike@2x.png\";\r\nimport MB from \"../../Images/bikesWeCover/Mountain_bike@2x.png\";\r\nimport UB from \"../../Images/bikesWeCover/Urban_bike@2x.png\";\r\nimport LB from \"../../Images/bikesWeCover/Leisure_bike@2x.png\";\r\nimport EB from \"../../Images/bikesWeCover/Electric_bike@2x.png\";\r\nimport CTAButton from \"../SHARED/CTAButton\";\r\nimport { useLocation } from \"react-router-dom\";\r\n\r\nconst BlueBikesWeCoverSection = () => {\r\n  const { search } = useLocation();\r\n  const carouselSpeed = 300000;\r\n\r\n  const slides = [\r\n    {\r\n      id: 1,\r\n      bikeType: \"Road bike\",\r\n      p1: \"Road bikes are designed to help cyclists get the most out of the road, down to a specialist frame shape, width of tyres, and the weight of the components.\",\r\n      b1: \"Insure your road bike and ensure you are covered for whatever comes at you.\",\r\n      img: RB,\r\n    },\r\n    {\r\n      id: 2,\r\n      bikeType: \"Sports bike\",\r\n      p1: \"Sports bikes are road bikes with a special design which maximises their aerodynamic properties.\",\r\n      b1: \"Insure your sports bike and ensure you are covered for whatever comes at you.\",\r\n      img: SB,\r\n    },\r\n    {\r\n      id: 3,\r\n      bikeType: \"Mountain bike\",\r\n      p1: \"Designed to go on mountains or on off-road trails, which means they have knobbly tyres, and a frame geometry which makes them excel in seriously uneven terrain\",\r\n      b1: \"Insure your mountain bike and ensure you are covered for whatever comes at you.\",\r\n      img: MB,\r\n    },\r\n    {\r\n      id: 4,\r\n      bikeType: \"Urban bike\",\r\n      p1: \"Urban bikes or commuter bikes are essentially a mixture between road bikes and mountain bikes. They give you the versatility to do a bit of everything.\",\r\n      b1: \"Insure your urban bike and ensure you are covered for whatever comes at you.\",\r\n      img: UB,\r\n    },\r\n    {\r\n      id: 5,\r\n      bikeType: \"Leisure bike\",\r\n      p1: \"Leisure cycling is a wonderful way to spend time with loved ones, on a holiday, or even solo for when you just need to stretch the legs and clear the cob webs away\",\r\n      b1: \"Insure your leisure bike and ensure you are covered for whatever comes at you.\",\r\n      img: LB,\r\n    },\r\n    {\r\n      id: 6,\r\n      bikeType: \"Electric bike\",\r\n      p1: \"They are not the cheapest route into cycling but electric bikes are a great option for commuters and casual riders.\",\r\n      b1: \"Insure your electric bike and ensure you are covered for whatever comes at you.\",\r\n      img: EB,\r\n    },\r\n  ];\r\n  return (\r\n    <div className=\"container-fluid bg-lightblue\">\r\n      <div className=\"container text-center mt-5 mb-5\">\r\n        <div className=\"row\">\r\n          <div className=\"col-12 col-sm-6 offset-sm-3\">\r\n            <h3>\r\n              Bikes <span className=\"blueFont \">we cover</span>.\r\n            </h3>\r\n          </div>\r\n        </div>\r\n\r\n        <Carousel className=\"mb-5\">\r\n          {slides.map((slide) => (\r\n            <Carousel.Item interval={carouselSpeed} key={slide.id}>\r\n              <div className=\"row\">\r\n                <div className=\"col-12 col-sm-7 col-md-3 offset-2 mt-3\">\r\n                  <img\r\n                    className=\"d-block carousel-img\"\r\n                    src={slide.img}\r\n                    alt=\"Image One\"\r\n                  />\r\n                </div>\r\n\r\n                <div className=\"col-12 col-md-5\">\r\n                  <h4 className=\"responsiveAlign pt-3\">{slide.bikeType}</h4>\r\n                  <p className=\"responsiveAlign\">{slide.p1}</p>\r\n                  <p className=\"blueFont responsiveAlign mb-5\">\r\n                    {slide.b1}\r\n                  </p>\r\n                </div>\r\n              </div>\r\n            </Carousel.Item>\r\n          ))}\r\n        </Carousel>\r\n\r\n        <CTAButton\r\n          align=\"left\"\r\n          colour=\"blue\"\r\n          CTAText=\"Get a quote\"\r\n          onClick={() => {\r\n            sessionStorage.removeItem(\"context\");\r\n          }}\r\n          Url={`/get-a-quote${search}`}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BlueBikesWeCoverSection;\r\n"],"names":["BlueBikesWeCoverSection","search","useLocation","slides","id","bikeType","p1","b1","img","RB","SB","MB","UB","LB","EB","_jsx","className","children","_jsxs","Carousel","map","slide","Item","interval","src","alt","CTAButton","align","colour","CTAText","onClick","sessionStorage","removeItem","Url","concat"],"sourceRoot":""}