Index: ReserveNGo-frontend/src/components/Project/Restaurant/Locale_listing_container.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Restaurant/Locale_listing_container.vue	(revision 09f11c3ed2ba804e10d2ce8929a2720451945f56)
+++ ReserveNGo-frontend/src/components/Project/Restaurant/Locale_listing_container.vue	(revision b44a5d69f102f7179f9b8bb22ef98fa156e24e96)
@@ -44,6 +44,6 @@
     fetch('http://localhost:8080/api/locals')
       .then(res => res.json())
-      .then(data => (this.locals = data))
-      .catch(err => console.log(err))
+      .then(data => {this.locals = data.local; console.log("The data of the locals will probobly be needed later so this console log stays", data);})
+      .catch(err => console.log("The locals are not being caught.", err))
 
     fetch('http://localhost:8080/api/customer/favourite-locals', {
Index: ReserveNGo-frontend/src/components/Project/Restaurant/events_carousel.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Restaurant/events_carousel.vue	(revision 09f11c3ed2ba804e10d2ce8929a2720451945f56)
+++ ReserveNGo-frontend/src/components/Project/Restaurant/events_carousel.vue	(revision b44a5d69f102f7179f9b8bb22ef98fa156e24e96)
@@ -2,4 +2,13 @@
 
 import { userStore } from '@/PiniaStores/UserStore.js'
+
+function transformArray(arr) {
+  let newArray = []
+  for (let i = 0; i<arr.length; i+=3) {
+    newArray.push(arr.slice(i, i + 3))
+  }
+  return newArray;
+
+}
 
 export default {
@@ -12,4 +21,5 @@
 
   beforeMount() {
+    //Events ne bi trebalo da bara authorisation. !!!!
     fetch('http://localhost:8080/api/events',
       {
@@ -22,6 +32,6 @@
       })
     .then(res => res.json())
-    .then(data => {console.log("PRINTING DATA",data)})
-      .catch(error => console.log("WHAT FAILED",error))
+    .then(data => { this.allEvents = transformArray(data); console.log("Currently Reading here", this.allEvents) })
+      .catch(error => console.log("Probobly failed fetching events because of login",error))
   }
 
@@ -53,15 +63,14 @@
   </div>-->
 
-  <div id="carouselMulti3" class="carousel slide col-6" data-bs-ride="carousel">
+  <div id="carouselMulti3" class="carousel slide col-12 col-md-6" data-bs-ride="carousel">
     <div class="carousel-inner">
       <div class="carousel-item active">
         <div class="row">
-          <div class="col-4" v-for="test in 3" :key="test">
+          <div class="col-4" v-for="event in allEvents[0]" :key="event.id">
             <div class="card" style="width: 18rem;">
               <img height="100" src="../../ectd/easy-american-pancake-recipe.jpg" class="card-img-top" alt="...">
               <div class="card-body">
-                <h5 class="card-title">Card title: {{test}}</h5>
-                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-                <a href="#" class="btn btn-primary">Go somewhere</a>
+                <h5 class="card-title">{{event.name}}</h5>
+                <p class="card-text">{{event.description}}</p>
               </div>
             </div>
@@ -69,13 +78,13 @@
         </div>
       </div>
-      <div class="carousel-item">
-        <div class="row">
-          <div class="col-4" v-for="test in 3" :key="test">
+<!--      Sto Ako listata e pomala od 3 !!!!!!! -->
+      <div class="carousel-item" v-for="eventGroup in allEvents.slice(1)" :key="eventGroup">
+        <div class="row" >
+          <div class="col-4" v-for="event in eventGroup" :key="event.id">
             <div class="card" style="width: 18rem;">
               <img height="100" src="../../ectd/easy-american-pancake-recipe.jpg" class="card-img-top" alt="...">
               <div class="card-body">
-                <h5 class="card-title">Card title: {{test+3}}</h5>
-                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-                <a href="#" class="btn btn-primary">Go somewhere</a>
+                <h5 class="card-title">{{event.name}}</h5>
+                <p class="card-text">{{event.description}}</p>
               </div>
             </div>
Index: ReserveNGo-frontend/src/components/Project/Restaurant/home_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Restaurant/home_.vue	(revision 09f11c3ed2ba804e10d2ce8929a2720451945f56)
+++ ReserveNGo-frontend/src/components/Project/Restaurant/home_.vue	(revision b44a5d69f102f7179f9b8bb22ef98fa156e24e96)
@@ -11,4 +11,6 @@
       <!-- Sticky Search and Filter Bar outside scroll area -->
       <SearchFilterPanel/>
+
+
       <Events_carousel/>