diff --git a/frontend/src/components/BurgerMenu.vue b/frontend/src/components/BurgerMenu.vue
index d64616bccfc810d11d258a2ebe3dc0c85bd0e6cd..82ccb4b259b8b68659ff54c9f5369ab1254fe621 100644
--- a/frontend/src/components/BurgerMenu.vue
+++ b/frontend/src/components/BurgerMenu.vue
@@ -5,8 +5,8 @@
 
     <!-- Classic Menu -->
     <nav role="navigation" id="topnav_menu">
-      <a class="topnav_link" href="/addUsers">ADD USER</a>
-      <a class="topnav_link" href="/counter">COUNTER</a>
+      <a class="topnav_link" href="/addUsers">INSCRIPTION</a>
+      <a class="topnav_link" href="/Connexion">CONNEXION</a>
       <a class="topnav_link" href="/users">USER</a>
     </nav>
 
@@ -21,7 +21,7 @@
     <nav role="navigation" id="topnav_responsive_menu">
       <ul>
         <li><a href="/">HOME</a></li>
-        <li><a href="/addUsers">ADD USER</a></li>
+        <li><a href="/addUsers">INSCRIPTION</a></li>
         <li><a href="/contact-us">CONTACT</a></li>
         <li><a href="/privacy-policy">PRIVACY POLICY</a></li>
         <li><a href="/terms-and-conditions">TERMS AND CONDITIONS</a></li>
diff --git a/frontend/src/components/MovieType.vue b/frontend/src/components/MovieType.vue
index 9638fad16d3fad66a3c67fd966d48aaffb75d264..2fa3ca0e5c08eb1d81995b5a5e0768c83388e595 100644
--- a/frontend/src/components/MovieType.vue
+++ b/frontend/src/components/MovieType.vue
@@ -26,7 +26,7 @@
     display: flex;
     flex-direction: column;
     margin-left: 20px;
-    background-color: #912F56;
+    background-color: #449DD1;
     width: 200px;
     border-radius: 20px;
     color:white;
diff --git a/frontend/src/components/SearchBar.vue b/frontend/src/components/SearchBar.vue
index f5831e2ec7235be0f6120f12da1000d78af9f5ca..1ee987e15ae1008573f4eca8a267281279edc1b5 100644
--- a/frontend/src/components/SearchBar.vue
+++ b/frontend/src/components/SearchBar.vue
@@ -14,21 +14,15 @@ export default  {
     };
   },
   methods: {
-    fetchMovies: function () {
-      axios
-        .get(
-          `https://api.themoviedb.org/3/movie/popular?api_key=522d421671cf75c2cba341597d86403a`
-        )
-        .then((response) => {
-          this.movies = response.data.results;
-        })
-        .catch((error) => {
-          this.moviesLoadingError = "An error occured while e ing movies.";
-          console.error(error);
-        });
-    },
-  },
-};
+    search_movie: function () {
+    let input = document.getElementById('searchbar').value
+    input=input.toLowerCase();
+    let x = document.getElementsByClassName('movies');
+
+    }
+}
+  };
+
 </script>
 
 <style scoped>
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index 736784d59a4096e8134dbe230b948a9869fb061e..dfb02bc3c5916c84ededc7ee60098185d76bbcfe 100644
--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
@@ -1,6 +1,6 @@
 import { createRouter, createWebHistory } from "vue-router";
 import Home from "../views/Home.vue";
-import Counter from "../views/Counter.vue";
+import Connexion from "../views/Connexion.vue";
 import Users from "../views/Users.vue";
 import AddUser from "../views/AddUsers.vue";
 
@@ -11,9 +11,9 @@ const routes = [
     component: Home,
   },
   {
-    path: "/counter",
-    name: "Counter",
-    component: Counter,
+    path: "/Connexion",
+    name: "Connexion",
+    component: Connexion,
   },
   {
     path: "/users",
diff --git a/frontend/src/views/Connexion.vue b/frontend/src/views/Connexion.vue
new file mode 100644
index 0000000000000000000000000000000000000000..f4f1d38234073c38caabda12842c9d1085606442
--- /dev/null
+++ b/frontend/src/views/Connexion.vue
@@ -0,0 +1,27 @@
+<template>
+  <h1>This is a Connexion example</h1>
+  <div class="Connexion-value">Connexion value is: {{ Connexion }}</div>
+  <button @click="increment()">Increment</button>
+</template>
+
+<script>
+export default {
+  name: "Connexion",
+  data: function () {
+    return {
+      Connexion: 0,
+    };
+  },
+  methods: {
+    increment: function () {
+      this.Connexion++;
+    },
+  },
+};
+</script>
+
+<style scoped>
+.Connexion-value {
+  margin-bottom: 5px;
+}
+</style>
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index 328e7debbe21c7ac5b4ba2bf53e432e75e63ad29..e40d143570fafa7afa4a1209ca01b21e6c976c08 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -20,7 +20,6 @@
   <div class="type">
     <MovieType />
   </div>
-    <div class="film-name">Le film est : {{ moviename }}</div>
     <li v-for="movie in movies" :key="movie.id">
       <p class="movie-title">
         {{ movie.title }}