Index: components/Footer.tsx
===================================================================
--- components/Footer.tsx	(revision 40ac7a920a0b08c324bf4201b03a36483cc3aad4)
+++ components/Footer.tsx	(revision 40ac7a920a0b08c324bf4201b03a36483cc3aad4)
@@ -0,0 +1,41 @@
+import React from 'react';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import footerLogoUrl from '../assets/projectlogo.png';
+
+export default function Footer() {
+    return (
+        <Box
+            component="footer"
+            sx={{
+                py: 3,
+                px: 2,
+                mt: 'auto',
+                backgroundColor: (theme) =>
+                    theme.palette.mode === 'light'
+                        ? theme.palette.grey[200]
+                        : theme.palette.grey[800],
+            }}
+        >
+            <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-start' }}>
+
+                <Box
+                    component="img"
+                    src={footerLogoUrl}
+                    alt="Footer Logo"
+                    sx={{
+                        height: 30,
+                        mr: 2
+                    }}
+                />
+
+                <Typography variant="body2" color="text.secondary">
+                    {'© '}
+                    {new Date().getFullYear()}
+                    {' PC Forge. All rights reserved.'}
+                </Typography>
+
+            </Box>
+        </Box>
+    );
+}