diff --git a/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/components/NavBar.kt b/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/components/NavBar.kt
index dedbd00..14dba5f 100644
--- a/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/components/NavBar.kt
+++ b/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/components/NavBar.kt
@@ -1,4 +1,32 @@
 package com.example.what_the_fantasy.ui.components
 
-class NavBar {
+import android.widget.ImageView
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.FlowRow
+
+import androidx.compose.foundation.layout.Row
+import androidx.compose.material3.BottomAppBar
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import com.example.what_the_fantasy.R
+import com.example.what_the_fantasy.ui.theme.colorNavBar
+
+
+@Composable
+fun NavBar(actualPage :String) {
+        FlowRow(modifier = Modifier
+            .background(colorNavBar),
+            Arrangement.SpaceAround
+        ){
+            Text("Favorie")
+            Image( painter = painterResource(R.mipmap.ic_launcher_foreground), contentDescription = "Accueil")
+            Text("Quiz")
+
+        }
+
 }
\ No newline at end of file
diff --git a/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/screens/LoginPage.kt b/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/screens/LoginPage.kt
index f6e1023..86c06ff 100644
--- a/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/screens/LoginPage.kt
+++ b/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/screens/LoginPage.kt
@@ -38,6 +38,7 @@ import androidx.navigation.compose.composable
 import com.example.what_the_fantasy.R
 import com.example.what_the_fantasy.data.local.UserStub
 import com.example.what_the_fantasy.data.model.User
+import com.example.what_the_fantasy.ui.components.NavBar
 import com.example.what_the_fantasy.ui.components.SpaceHeightComponent
 import com.example.what_the_fantasy.ui.components.TitlePageComponent
 import com.example.what_the_fantasy.ui.theme.colorBackground
@@ -56,6 +57,7 @@ fun LoginPage(navControllerSignUp: () -> Unit, navControllerProfil: () -> Unit)
             .background(colorBackground),
         contentAlignment = Alignment.Center
     ){
+
         Column(
             modifier = Modifier
                 .fillMaxWidth(0.9f)
@@ -74,6 +76,7 @@ fun LoginPage(navControllerSignUp: () -> Unit, navControllerProfil: () -> Unit)
             SpaceHeightComponent(16)
             CreateAccountButton(R.string.ButtonCreateLogin,12, Color.White, navControllerSignUp)
         }
+        NavBar("")
     }
 }
 
diff --git a/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/theme/Color.kt b/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/theme/Color.kt
index 41c8deb..64ce917 100644
--- a/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/theme/Color.kt
+++ b/What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/theme/Color.kt
@@ -16,4 +16,6 @@ val gradienBox = Brush.linearGradient(
     start = Offset(0f, 1000f), // Départ en bas à gauche
     end = Offset(1000f, 0f) // Fin en haut à droite
 )
-val colorBackground = Color(0xFF100C1B)
\ No newline at end of file
+val colorBackground = Color(0xFF100C1B)
+
+val colorNavBar = Color(0xFF2F0E62)
\ No newline at end of file