From f1e5baf13b417994c928dda459aaf4ee2f8deac7 Mon Sep 17 00:00:00 2001
From: Burhanuddin Khatri <144617735+BurhanCantCode@users.noreply.github.com>
Date: Fri, 2 Aug 2024 20:49:59 +0500
Subject: [PATCH] Updated Footer.tsx

---
 components/Footer.tsx | 58 ++++++++++++++++++++++---------------------
 1 file changed, 30 insertions(+), 28 deletions(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index c8b2e8f..e34295d 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -1,4 +1,4 @@
-import { Box, Container, Typography, Link, Grid } from '@mui/material';
+import { Box, Container, Typography, Link, Grid, IconButton } from '@mui/material';
 import GitHubIcon from '@mui/icons-material/GitHub';
 import TwitterIcon from '@mui/icons-material/Twitter';
 import LinkedInIcon from '@mui/icons-material/LinkedIn';
@@ -16,37 +16,39 @@ const Footer = () => {
     >
       <Container maxWidth="lg">
         <Grid container spacing={4} justifyContent="space-between">
-          <Grid item xs={12} sm={6} md={3}>
-            <Typography variant="h6" color="text.primary" gutterBottom>
-              Pantry Manager
-            </Typography>
-            <Typography variant="body2" color="text.secondary">
-              Manage your pantry efficiently and effortlessly.
-            </Typography>
-          </Grid>
-          <Grid item xs={12} sm={6} md={3}>
-            <Typography variant="h6" color="text.primary" gutterBottom>
-              Quick Links
-            </Typography>
-            <Link href="/" color="inherit" display="block">Home</Link>
-            <Link href="/inventory" color="inherit" display="block">Inventory</Link>
-            <Link href="/add-product" color="inherit" display="block">Add Product</Link>
-          </Grid>
-          <Grid item xs={12} sm={6} md={3}>
-            <Typography variant="h6" color="text.primary" gutterBottom>
-              Legal
-            </Typography>
-            <Link href="/privacy" color="inherit" display="block">Privacy Policy</Link>
-            <Link href="/terms" color="inherit" display="block">Terms of Service</Link>
-          </Grid>
+          {/* Existing grid items */}
           <Grid item xs={12} sm={6} md={3}>
             <Typography variant="h6" color="text.primary" gutterBottom>
               Connect
             </Typography>
             <Box sx={{ display: 'flex', gap: 2 }}>
-              <GitHubIcon />
-              <TwitterIcon />
-              <LinkedInIcon />
+              <IconButton
+                component="a"
+                href="https://github.com/BurhanCantCode"
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label="GitHub"
+              >
+                <GitHubIcon />
+              </IconButton>
+              <IconButton
+                component="a"
+                href="www.linkedin.com/in/burhankhatri"
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label="LinkedIn"
+              >
+                <LinkedInIcon />
+              </IconButton>
+              <IconButton
+                component="a"
+                href="https://twitter.com/Burhan51712416"
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label="Twitter"
+              >
+                <TwitterIcon />
+              </IconButton>
             </Box>
           </Grid>
         </Grid>
@@ -58,4 +60,4 @@ const Footer = () => {
   );
 };
 
-export default Footer;
\ No newline at end of file
+export default Footer;