\r\n \r\n Color \r\n \r\n {\r\n handleColorChange(e);\r\n }}\r\n >\r\n No Filter\r\n \r\n {props.productColors.map((item) => {\r\n return (\r\n \r\n {item.ColorName}\r\n \r\n );\r\n })}\r\n \r\n Products by color \r\n \r\n \r\n Product Metal \r\n \r\n {\r\n handleMetalChange(e);\r\n }}\r\n >\r\n No Filter\r\n \r\n {props.productMetals.map((item) => {\r\n return (\r\n \r\n {item.Description}\r\n \r\n );\r\n })}\r\n \r\n Products by metal \r\n \r\n \r\n Gemstone \r\n \r\n {\r\n handleGemstoneChange(e);\r\n }}\r\n >\r\n No Filter\r\n \r\n {props.productGemstones.map((item) => {\r\n return (\r\n \r\n {item.Description}\r\n \r\n );\r\n })}\r\n \r\n Products by gemstone \r\n \r\n \r\n Pearl Type \r\n \r\n {\r\n handlePearlTypeChange(e);\r\n }}\r\n >\r\n No Filter\r\n \r\n {props.pearlTypes.map((item) => {\r\n return (\r\n \r\n {item.Description}\r\n \r\n );\r\n })}\r\n \r\n Products by pearl type \r\n \r\n \r\n Pearl Size \r\n \r\n {\r\n handlePearlSizeChange(e);\r\n }}\r\n >\r\n No Filter\r\n \r\n {props.pearlSizes.map((item) => {\r\n return (\r\n \r\n {item.Size}\r\n \r\n );\r\n })}\r\n \r\n Products by pearl size \r\n \r\n \r\n Length \r\n \r\n {\r\n handleLengthChange(e);\r\n }}\r\n >\r\n No Filter\r\n \r\n {props.productLengths.map((item) => {\r\n return (\r\n \r\n {item.Description}\r\n \r\n );\r\n })}\r\n \r\n Products by length \r\n \r\n\r\n {/* --------------------------------- */}\r\n \r\n Product Era \r\n \r\n {\r\n handleEraChange(e);\r\n }}\r\n >\r\n No Filter\r\n \r\n {props.productEras.map((item) => {\r\n if (item.ProductEraId != null) {\r\n return (\r\n \r\n {item.EraDescription}\r\n \r\n );\r\n } else {\r\n return null;\r\n }\r\n })}\r\n \r\n Products by Era \r\n \r\n \r\n Discount \r\n \r\n {\r\n handleDiscountChange(e);\r\n }}\r\n >\r\n No Filter\r\n \r\n {props.discounts.map((item) => {\r\n return (\r\n \r\n {item.Name}\r\n \r\n );\r\n })}\r\n \r\n Products by Discount \r\n \r\n
\r\n \r\n 
\r\n
\r\n )}\r\n \r\n
\r\n\r\n handleClick(slide.id)}\r\n >\r\n Get Started\r\n \r\n
\r\n {slide.heading}
\r\n{slide.desc}
\r\n\r\n\r\n