chore: build

web/src/components/Header.tsx

@@ -17,6 +17,7 @@ import {
 } from '@chakra-ui/react'
 import { Link as RouterLink, NavLink } from 'react-router-dom'
 import { ColorModeToggle } from './ColorModeToggle'
+import { Logo } from './Logo'
 
 const navLinks = [
   { to: '/', label: 'Accueil', end: true },
@@ -48,8 +49,8 @@ export function Header() {
       <Container maxW="container.lg">
         <Flex h={16} align="center" justify="space-between">
           <HStack spacing={8}>
-            <Box as={RouterLink} to="/" fontWeight="bold" fontSize="xl" letterSpacing="tight">
-              Omnex
+            <Box as={RouterLink} to="/" display="flex" alignItems="center">
+              <Logo h={10} />
             </Box>
             <HStack as="nav" spacing={1} display={{ base: 'none', md: 'flex' }}>
               {navLinks.map((l) => (
@@ -87,8 +88,8 @@ export function Header() {
         <DrawerOverlay />
         <DrawerContent bg="chakra-body-bg">
           <DrawerCloseButton size="lg" />
-          <DrawerHeader borderBottomWidth="1px" fontWeight="bold" fontSize="xl">
-            Omnex
+          <DrawerHeader borderBottomWidth="1px">
+            <Logo h={9} />
           </DrawerHeader>
 
           <DrawerBody py={6}>

web/src/components/Logo.tsx

@@ -0,0 +1,11 @@
+import { Image, useColorModeValue, type ImageProps } from '@chakra-ui/react'
+
+// Logo Omnex adapté au thème : la version sur fond noir (omnex-black) en mode
+// sombre, celle sur fond blanc (omnex-blanc) en mode clair — chaque variante
+// se fond dans le fond du header au lieu d'afficher un rectangle contrastant.
+// Images servies depuis web/public (référencées par chemin absolu, pas
+// importées).
+export function Logo(props: ImageProps) {
+  const src = useColorModeValue('/omnex-blanc.jpg', '/omnex-black.jpg')
+  return <Image src={src} alt="Omnex" objectFit="contain" {...props} />
+}