Index: ReserveNGo-frontend/src/components/Project/Footer_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Footer_.vue	(revision 03d08f394563dd3b8b251d3dac56c7b9b882668c)
+++ ReserveNGo-frontend/src/components/Project/Footer_.vue	(revision 17db9d2eea15bc284d507ddc0d5ee4f93c46a7f2)
@@ -10,5 +10,5 @@
 
         </div>
-        
+
         <div class="contact">
             <p>Contact:</p>
Index: ReserveNGo-frontend/src/components/Project/Locale_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Locale_.vue	(revision 17db9d2eea15bc284d507ddc0d5ee4f93c46a7f2)
+++ ReserveNGo-frontend/src/components/Project/Locale_.vue	(revision 17db9d2eea15bc284d507ddc0d5ee4f93c46a7f2)
@@ -0,0 +1,25 @@
+<script>
+
+export default {
+  data() {
+    return {
+      locale:{
+        id: 'id',
+        name: 'name_of_local',
+      }
+    }
+  },
+}
+
+</script>
+
+<template>
+  <div id="container" class="border my-3 p-2">
+    <h3>{{locale.id}}</h3>
+    <h5>{{locale.name}}</h5>
+
+  </div></template>
+
+<style scoped>
+
+</style>
Index: ReserveNGo-frontend/src/components/Project/Locale_details.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Locale_details.vue	(revision 03d08f394563dd3b8b251d3dac56c7b9b882668c)
+++ ReserveNGo-frontend/src/components/Project/Locale_details.vue	(revision 17db9d2eea15bc284d507ddc0d5ee4f93c46a7f2)
@@ -26,5 +26,7 @@
       </ul>
       <p>Average rating...</p>
+      <router-link to="/more_details">
       <button class="btn btn-dark">More details</button>
+      </router-link>
       <button class="btn btn-dark ms-2">Make reservation</button>
     </div>
Index: ReserveNGo-frontend/src/components/Project/Nav_bar_new.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Nav_bar_new.vue	(revision 03d08f394563dd3b8b251d3dac56c7b9b882668c)
+++ ReserveNGo-frontend/src/components/Project/Nav_bar_new.vue	(revision 17db9d2eea15bc284d507ddc0d5ee4f93c46a7f2)
@@ -42,5 +42,5 @@
   <!-- navbar -->
 
-  <nav class="navbar navbar-expand-md navbar-light pt-1 pb-4 ">
+  <nav class="navbar navbar-expand-md navbar-light pt-1 pb-1 ">
     <div class="container-xxl">
       <!-- navbar brand / title -->
@@ -59,15 +59,15 @@
         <ul class="navbar-nav">
           <li class="nav-item">
-            <router-link to="/favourite_locals" class="nav-link">Омилени Локали </router-link>
+            <router-link to="/favourite_locals" class="nav-link">Favourite locals </router-link>
           </li>
           <li class="nav-item">
-            <router-link to="/my_reservations" class="nav-link">Мои резервации </router-link>
+            <router-link to="/my_reservations" class="nav-link">My reservations </router-link>
           </li>
           <li class="nav-item ms-2 d-none d-md-inline">
             <router-link to="/login" >
-            <a class="btn btn-dark">Најави се</a>
+            <a class="btn btn-dark">Login</a>
             </router-link>
             <router-link to="/register">
-            <a class="btn btn-dark ms-2">Регистрирај се</a>
+            <a class="btn btn-dark ms-2">Register</a>
             </router-link>
           </li>
@@ -90,4 +90,14 @@
 nav{
   background: #8377D1;
+  height: 80px;
+}
+
+.btn{
+  height: 40px;
+  margin-top: 5px;
+}
+
+img{
+  height: 50px;
 }
 
Index: ReserveNGo-frontend/src/components/Project/favourite_locals.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/favourite_locals.vue	(revision 03d08f394563dd3b8b251d3dac56c7b9b882668c)
+++ ReserveNGo-frontend/src/components/Project/favourite_locals.vue	(revision 17db9d2eea15bc284d507ddc0d5ee4f93c46a7f2)
@@ -1,9 +1,17 @@
 <script setup>
-
+import Locale_ from '@/components/Project/Locale_.vue'
 </script>
 
 <template>
 
-  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
+  <div id="container " class="border container-xxl">
+
+    <locale_/>
+    <locale_/>
+    <locale_/>
+    <locale_/>
+    <locale_/>
+
+  </div>
 
 </template>
Index: ReserveNGo-frontend/src/router/index.js
===================================================================
--- ReserveNGo-frontend/src/router/index.js	(revision 03d08f394563dd3b8b251d3dac56c7b9b882668c)
+++ ReserveNGo-frontend/src/router/index.js	(revision 17db9d2eea15bc284d507ddc0d5ee4f93c46a7f2)
@@ -7,4 +7,5 @@
 import favourite_locals from '@/components/Project/favourite_locals.vue'
 import my_reservations from '@/components/Project/My_reservations.vue'
+import Locale_ from '@/components/Project/Locale_.vue'
 
 const router = createRouter({
@@ -40,4 +41,9 @@
       component: register_,
     },
+    {
+      path: '/more_details',
+      name: 'more_details',
+      component: Locale_,
+    }
   ],
 })