disable footer

src/components/Footer/Footer.jsx

@@ -80,19 +80,19 @@ const Footer = () => {
           </Typography>
           <nav>
             <Typography variant="body2" sx={{ mb: 1 }}>
-              <a href="#" style={{ textDecoration: 'none', color: 'inherit' }}>Delivery Information</a>
+              <a style={{ textDecoration: 'none', color: 'inherit', color:"gray", cursor:"pointer" }}>Delivery Information</a>
             </Typography>
             <Typography variant="body2" sx={{ mb: 1 }}>
-              <a href="#" style={{ textDecoration: 'none', color: 'inherit' }}>Sale Terms & Conditions</a>
+              <a style={{ textDecoration: 'none', color: 'inherit', color:"gray", cursor:"pointer" }}>Sale Terms & Conditions</a>
             </Typography>
             <Typography variant="body2" sx={{ mb: 1 }}>
-              <a href="#" style={{ textDecoration: 'none', color: 'inherit' }}>Returns & Refunds</a>
+              <a style={{ textDecoration: 'none', color: 'inherit', color:"gray", cursor:"pointer" }}>Returns & Refunds</a>
             </Typography>
             <Typography variant="body2" sx={{ mb: 1 }}>
-              <a href="#" style={{ textDecoration: 'none', color: 'inherit' }}>Privacy Notice</a>
+              <a style={{ textDecoration: 'none', color: 'inherit', color:"gray", cursor:"pointer" }}>Privacy Notice</a>
             </Typography>
             <Typography variant="body2" sx={{ mb: 1 }}>
-              <a href="#" style={{ textDecoration: 'none', color: 'inherit' }}>Shopping FAQs</a>
+              <a style={{ textDecoration: 'none', color: 'inherit', color:"gray", cursor:"pointer" }}>Shopping FAQs</a>
             </Typography>
           </nav>
         </Grid>