From 4368723f3f46c9868b602148d5afbdd7875257a7 Mon Sep 17 00:00:00 2001
From: Rodolfo Ruiz <rodolfo.ruiz@heathus.com>
Date: Thu, 21 Aug 2025 20:28:30 -0600
Subject: [PATCH] chore: add logo to footer and same look and feel as header

---
 src/components/Footer.jsx | 55 +++++++++++++++++++++++----------------
 1 file changed, 33 insertions(+), 22 deletions(-)

diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index bc91838..34fa833 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -1,32 +1,43 @@
-import { Box, Typography } from '@mui/material';
-import fendiLogo from '/Logo.png'
+import { AppBar, Toolbar, Typography, Box } from '@mui/material';
+import fendiLogo from '/Logo.png';
 
 export default function Footer({ zone = 'public' }) {
-    const bgColor = {
-        public: '#40120EFF',
-        restricted: '#40120EFF',
-        private: '#40120EFF',
-    };
-
     const year = new Date().getFullYear();
 
     return (
-        <Box
-            component="footer"
+        <AppBar
+            position="fixed"
+            elevation={0}
             sx={{
-                p: 2,
-                textAlign: 'center',
-                backgroundColor: bgColor[zone],
-                mt: 'auto',
-                fontSize: { xs: '0.75rem', md: '1rem' },
+                top: 'auto',
+                bottom: 0,
+                backgroundColor: 'white',
+                color: '#40120EFF',
+                boxShadow: '0px -2px 4px rgba(0,0,0,0.1)',
+                border: 'none',
+                width: '100%',
+                left: 0,
+                right: 0,
             }}
         >
-            <Typography variant="body2">
-                <img src={fendiLogo} alt="Fendi logo" style={{ height: 10, marginRight: 10 }} />
-                {zone === 'private'
-                    ? `Admin Panel - Dream Views ${year}`
-                    : `© ${year} Dream Views. All rights reserved.`}
-            </Typography>
-        </Box>
+            <Toolbar
+                sx={{
+                    minHeight: 64,
+                    px: 2,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                }}
+            >
+                <Box display="flex" alignItems="center" gap={1.5}>
+                    <img src={fendiLogo} alt="Fendi logo" style={{ height: 50 }} />
+                    <Typography variant="body2" sx={{ color: '#40120EFF' }}>
+                        {zone === 'private'
+                            ? `Admin Panel - Dream Views ${year}`
+                            : `© ${year} Dream Views. All rights reserved.`}
+                    </Typography>
+                </Box>
+            </Toolbar>
+        </AppBar>
     );
 }
\ No newline at end of file