temp product type

src/components/ProductType/ProductType.jsx

@@ -22,15 +22,24 @@ const ProductType = ({ title, img_url }) => {
           left: 0,
           width: '100%',
           height: '100%',
-          backgroundColor: 'rgba(0, 0, 0, 0.3)', // Filter overlay
+          backgroundColor: 'rgba(0, 0, 0, 0.1)', // Filter overlay
           display: 'flex',
           flexDirection: 'column',
           justifyContent: 'center',
           alignItems: 'center',
           color: '#fff', // Text and button color for visibility
+          transition: "all 0.5s ease-in-out",
+          ":hover":{
+            backgroundColor: 'rgba(0, 0, 0, 0.5)'
+          }
+        }}
+        onClick={() => {
+          sessionStorage.setItem('amber-select-product-type', title)
+          sessionStorage.removeItem('amber-select-collection')
+          window.location.href = '/products'
         }}
       >
-        <Typography variant="h5" gutterBottom sx={{ fontWeight: "600", letterSpacing: 7, marginRight:"-0.4em" }}>
+        {/* <Typography variant="h5" gutterBottom sx={{ fontWeight: "600", letterSpacing: 7, marginRight:"-0.4em" }}>
           {title?.toUpperCase()}
         </Typography>
         <Button
@@ -42,7 +51,7 @@ const ProductType = ({ title, img_url }) => {
             window.location.href = '/products'
           }}>
           SHOP NOW
-        </Button>
+        </Button> */}
       </Box>
     </Box>
   );