Use KatRezoNou in index

pages/index.js

@@ -2,19 +2,30 @@ import {Container, Typography, Box} from '@mui/material'
 
 import HeadLayout from '../components/head-layout'
 import Footer from '../components/footer'
+import Pale from '../components/kat-rezo-nou/pale'
+import Gade from '../components/kat-rezo-nou/gade'
+import Nouvel from '../components/kat-rezo-nou/nouvel'
 
 export default function Home() {
   return (
     <HeadLayout tab={0}>
       <Box sx={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}>
         <Box sx={{flexGrow: 1, marginTop: 1}}>
-          <Container align='center'>
-            <Typography variant='h6' component='h1'>
+          <Container sx={{marginBottom: 3}} align='center'>
+            <Typography sx={{fontWeight: 'bold'}} variant='h6' component='h1'>
               #OKi
             </Typography>
-            <Typography variant='h6' component='h2'>
+            <Typography sx={{fontWeight: 'bold'}} variant='h6' component='h2'>
               Organisation KA Internationale
             </Typography>
+            <Typography sx={{fontStyle: 'italic'}} variant='button' component='h3'>
+              Musiques et Actualités
+            </Typography>
+          </Container>
+          <Container align='center'>
+            <Pale />
+            <Gade />
+            <Nouvel />
           </Container>
         </Box>
         <Footer />