diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..649816c Binary files /dev/null and b/.DS_Store differ diff --git a/frontend/src/assets/logo-in3-mobil.svg b/frontend/src/assets/logo-in3-mobil.svg new file mode 100644 index 0000000..b6e3340 --- /dev/null +++ b/frontend/src/assets/logo-in3-mobil.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + in + tégrale + in + génierie + in + ternationale + Bureau d’études & Maîtrise d’oeuvre + + \ No newline at end of file diff --git a/frontend/src/assets/logo-in3.svg b/frontend/src/assets/logo-in3.svg new file mode 100644 index 0000000..d2f779b --- /dev/null +++ b/frontend/src/assets/logo-in3.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + in + tégrale + in + génierie + in + ternationale + Bureau d’études & Maîtrise d’oeuvre + + \ No newline at end of file diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx index 73d95fc..4361000 100644 --- a/frontend/src/components/Header.jsx +++ b/frontend/src/components/Header.jsx @@ -24,6 +24,8 @@ import ArticleIcon from "@mui/icons-material/Article"; import InfoIcon from "@mui/icons-material/Info"; import ContactMailIcon from "@mui/icons-material/ContactMail"; import WorkIcon from "@mui/icons-material/Work"; +import Logo from "../assets/logo-in3.svg"; +import LogoM from "../assets/logo-in3-mobil.svg"; const Header = () => { const [drawerOpen, setDrawerOpen] = useState(false); @@ -64,7 +66,7 @@ const Header = () => { const commonButtonStyles = { transition: "color 0.3s", position: "relative", - "&:hover": { color: "#00bcd4" }, + "&:hover": { color: " #00bcd4" }, "&:after": { content: '""', position: "absolute", @@ -72,7 +74,7 @@ const Header = () => { height: "2px", bottom: 0, left: 0, - backgroundColor: "#00bcd4", + backgroundColor: " #00bcd4", transition: "width 0.3s", }, "&:hover:after": { @@ -86,7 +88,7 @@ const Header = () => { color="transparent" elevation={0} sx={{ - background: "linear-gradient(to right, #0e467f, #00bcd4)", + background: "linear-gradient(to right, #294A9A, #3158b3)", color: "white", transition: "all 0.3s ease", }} @@ -98,13 +100,16 @@ const Header = () => { color="inherit" aria-label="menu" onClick={toggleDrawer(true)} - sx={{ display: { xs: "block", md: "none" } }} + sx={{ + display: { xs: "block", md: "none" }, + color: " #ffffff" + }} > {/* Logo as Home Link */} - { }} > Mon Site React - + */} + + {/* Logo */} + + Logo + {/* Navigation Links */} @@ -189,7 +216,7 @@ const Header = () => { ...commonButtonStyles, }} > - Articles + Réalisations + */} + + {/* Section Intérêt : Nos Services */} + + + Pourquoi Nous Choisir ? + + + + + + + Expertise + + + Profitez de notre expertise et de nos solutions innovantes adaptées à vos besoins. + + + + + + + + + Confiance + + + Une équipe dédiée et à l'écoute pour garantir votre satisfaction. + + + + + + + + + Résultats + + + Des résultats concrets pour vos projets, avec des retours mesurables. + + + + + + + + {/* Section Désir : Témoignages */} + + + Ce que disent nos clients + + + + + + + "Un service exceptionnel, une équipe formidable !" + + + - Client 1 + + + + + + + + + "Des résultats impressionnants pour notre projet." + + + - Client 2 + + + + + + + + {/* Section Action */} + + + Prêt à Commencer ? + + + + + + + ); }; export default Home; \ No newline at end of file