Templates des services

frontend/src/components/Header.jsx

@@ -100,35 +100,16 @@ const Header = () => {
           color="inherit"
           aria-label="menu"
           onClick={toggleDrawer(true)}
-          sx={{ 
+          sx={{
             display: { xs: "block", md: "none" },
-            color: " #ffffff"
-           }}
+            color: " #ffffff",
+          }}
         >
           <MenuIcon />
         </IconButton>
 
-        {/* Logo as Home Link */}
-        {/* <Typography
-          variant="h6"
-          component={Link}
-          to="/"
-          sx={{
-            flexGrow: 1,
-            textAlign: { xs: "center", md: "left" },
-            fontWeight: "bold",
-            textDecoration: "none",
-            color: "white",
-            "&:hover": {
-              color: "#00bcd4",
-            },
-          }}
-        >
-          Mon Site React
-        </Typography> */}
-
-                {/* Logo */}
-                <Box
+        {/* Logo */}
+        <Box
           component={Link}
           to="/"
           sx={{
@@ -152,7 +133,6 @@ const Header = () => {
 
         {/* Navigation Links */}
         <Box sx={{ display: { xs: "none", md: "flex" }, gap: 2 }}>
-
           {/* Services Dropdown */}
           <Button
             color="inherit"
@@ -163,11 +143,11 @@ const Header = () => {
               fontWeight: location.pathname.includes("/services")
                 ? "bold"
                 : "normal",
-                textDecoration: location.pathname.includes("/services")
+              textDecoration: location.pathname.includes("/services")
                 ? "underline"
                 : "none",
-                ...commonButtonStyles,
-              }}
+              ...commonButtonStyles,
+            }}
           >
             Services
           </Button>
@@ -182,11 +162,11 @@ const Header = () => {
           >
             <MenuItem
               component={Link}
-              to="/services/formation-web"
+              to="/services/prestation-maitrise-oeuvre"
               onClick={handleMenuClose}
             >
               <WorkIcon sx={{ marginRight: 1 }} />
-              Formation Web
+              Prestation maitrise oeuvre
             </MenuItem>
             <MenuItem
               component={Link}
@@ -206,19 +186,19 @@ const Header = () => {
             </MenuItem>
           </Menu>
 
-            <Button
-              component={Link}
-              to="/posts"
-              color="inherit"
-              sx={{
-                fontWeight: location.pathname === "/posts" ? "bold" : "normal",
-                textDecoration:
-                  location.pathname === "/posts" ? "underline" : "none",
-                ...commonButtonStyles,
-              }}
-            >
-              Réalisations
-            </Button>
+          <Button
+            component={Link}
+            to="/posts"
+            color="inherit"
+            sx={{
+              fontWeight: location.pathname === "/posts" ? "bold" : "normal",
+              textDecoration:
+                location.pathname === "/posts" ? "underline" : "none",
+              ...commonButtonStyles,
+            }}
+          >
+            Réalisations
+          </Button>
           <Button
             component={Link}
             to="/about"
@@ -298,8 +278,6 @@ const Header = () => {
           </IconButton>
         </Box>
 
-
-
         {/* Drawer for mobile */}
         <Drawer anchor="left" open={drawerOpen} onClose={toggleDrawer(false)}>
           <Box
@@ -314,24 +292,20 @@ const Header = () => {
             onKeyDown={toggleDrawer(false)}
           >
             <Box
-          
-          sx={{
-            display:"block",
-            textAlign: "center",
-            
-            
-          
-          }}
-        >
-          <img
-            src={LogoM}
-            alt="Logo"
-            style={{
-              height: "50px",
-              width: "auto",
-            }}
-          />
-        </Box>
+              sx={{
+                display: "block",
+                textAlign: "center",
+              }}
+            >
+              <img
+                src={LogoM}
+                alt="Logo"
+                style={{
+                  height: "50px",
+                  width: "auto",
+                }}
+              />
+            </Box>
             <Typography
               variant="h6"
               sx={{ textAlign: "center", marginBottom: 2 }}
@@ -346,8 +320,9 @@ const Header = () => {
                 to="/"
                 selected={location.pathname === "/"}
               >
-                <HomeIcon sx={{ 
-                    marginRight: 1, 
+                <HomeIcon
+                  sx={{
+                    marginRight: 0.5,
                   }}
                 />
                 <ListItemText primary="Accueil" />
@@ -355,11 +330,11 @@ const Header = () => {
               <ListItem
                 button
                 component={Link}
-                to="/services/formation-web"
-                selected={location.pathname.includes("/services/formation-web")}
+                to="/services/prestation-maitrise-oeuvre"
+                selected={location.pathname.includes("/services/prestation-maitrise-oeuvre")}
               >
-                <WorkIcon sx={{ marginRight: 1 }} />
-                <ListItemText primary="Formation Web" />
+                <WorkIcon sx={{ marginRight: 0.5 }} />
+                <ListItemText primary="Prestation maitrise oeuvre" />
               </ListItem>
               <ListItem
                 button
@@ -367,16 +342,18 @@ const Header = () => {
                 to="/services/formation-ia"
                 selected={location.pathname.includes("/services/formation-ia")}
               >
-                <WorkIcon sx={{ marginRight: 1 }} />
+                <WorkIcon sx={{ marginRight: 0.5 }} />
                 <ListItemText primary="Formation IA" />
               </ListItem>
               <ListItem
                 button
                 component={Link}
                 to="/services/formation-video"
-                selected={location.pathname.includes("/services/formation-video")}
+                selected={location.pathname.includes(
+                  "/services/formation-video"
+                )}
               >
-                <WorkIcon sx={{ marginRight: 1 }} />
+                <WorkIcon sx={{ marginRight: 0.5 }} />
                 <ListItemText primary="Formation Video" />
               </ListItem>
               <ListItem
@@ -385,7 +362,7 @@ const Header = () => {
                 to="/posts"
                 selected={location.pathname === "/posts"}
               >
-                <ArticleIcon sx={{ marginRight: 1 }} />
+                <ArticleIcon sx={{ marginRight: 0.5 }} />
                 <ListItemText primary="Réalisations" />
               </ListItem>
               <ListItem
@@ -394,7 +371,7 @@ const Header = () => {
                 to="/about"
                 selected={location.pathname === "/about"}
               >
-                <InfoIcon sx={{ marginRight: 1 }} />
+                <InfoIcon sx={{ marginRight: 0.5 }} />
                 <ListItemText primary="À propos" />
               </ListItem>
               <ListItem
@@ -403,7 +380,7 @@ const Header = () => {
                 to="/contact"
                 selected={location.pathname === "/contact"}
               >
-                <ContactMailIcon sx={{ marginRight: 1 }} />
+                <ContactMailIcon sx={{ marginRight: 0.5 }} />
                 <ListItemText primary="Contact" />
               </ListItem>
             </List>