Updated Footer.tsx

BurhanCantCode · Aug 2, 2024 · f1e5baf · f1e5baf
1 parent 98fa455
commit f1e5baf
Showing 1 changed file with 30 additions and 28 deletions.
diff --git 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;
+export default Footer;