diff --git a/public/loop hero new.mov b/public/loop hero new.mov
new file mode 100644
index 0000000..4016216
Binary files /dev/null and b/public/loop hero new.mov differ
diff --git a/src/components/header.tsx b/src/components/header.tsx
index 889bb68..4a21da2 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -71,7 +71,7 @@ const Header: React.FC = () => {
         </Box>
 
         {/* Mobile Drawer Menu */}
-        <Drawer anchor="right" open={mobileOpen} onClose={toggleMobileMenu}>
+        <Drawer anchor="right" open={mobileOpen} onClose={toggleMobileMenu} sx={{zIndex:111111}}>
           <Box sx={{ width: 250 }} role="presentation" onClick={toggleMobileMenu} onKeyDown={toggleMobileMenu}>
             <List>
               <ListItem disablePadding>
@@ -81,12 +81,22 @@ const Header: React.FC = () => {
               </ListItem>
               <ListItem disablePadding>
                 <ListItemButton>
-                  <ListItemText primary="Services" />
+                  <ListItemText primary="What we do" />
                 </ListItemButton>
               </ListItem>
               <ListItem disablePadding>
+                <ListItemButton>
+                  <ListItemText primary="Our philosphy" />
+                </ListItemButton>
+              </ListItem>
+              <ListItem disablePadding>
+                <ListItemButton>
+                  <ListItemText primary="Our team" />
+                </ListItemButton>
+              </ListItem>
+              <ListItem >
                 <ListItemButton sx={{ backgroundColor: "blue", color: "white", "&:hover": { backgroundColor: "darkblue" } }}>
-                  <ListItemText primary="Download" />
+                  <ListItemText primary="Contact Us" />
                 </ListItemButton>
               </ListItem>
             </List>