Basic Menu

resources/js/Layouts/GuestLayout.vue

@@ -46,7 +46,7 @@ onMounted(fetch_menu);
                     Home
                 </fwb-navbar-link>
                 <template v-for="item in menu[0].childs" v-if="menu.length > 0">
-                    <fwb-navbar-link >
+                    <fwb-navbar-link :link="route(item.route_or_url)" >
                         {{ item.name }}
                     </fwb-navbar-link>
                 </template>

resources/js/Pages/IkeaAbout.vue

@@ -0,0 +1,29 @@
+<script setup>
+import { getCurrentInstance, ref, onMounted, onUnmounted, nextTick, computed } from 'vue';
+import GuestLayout from '../Layouts/GuestLayout.vue';
+import { useForm } from '@inertiajs/inertia-vue3'
+import axios from 'axios';
+
+
+</script>
+
+<template>
+    <GuestLayout>
+    <div class="flex flex-wrap gap-2 justify-center align-middle ">
+        <h1>What is Ikea price comparison?</h1>
+
+        It is a community project of a group of enthusiasts from Slovakia.
+        This service provides price comparison of Ikea products in European countries.
+        Product prices are converted to EUR at the current rate and appear in resulting table.
+        Information about the prices of Ikea products is obtained online.
+        You can go to the appropriate product page by clicking on the country name.
+        Thanks to this service, you can find out in which country a given Ikea product is the cheapest (you can sort them in the resulting table).
+        
+        Enjoy :) 
+    </div>
+  </GuestLayout>
+</template>
+<style>
+@import 'vue3-easy-data-table/dist/style.css';
+</style>
+<style src="vue-multiselect/dist/vue-multiselect.css"></style>

resources/js/Pages/IkeaExchange.vue

@@ -0,0 +1,16 @@
+<script setup>
+import { getCurrentInstance, ref, onMounted, onUnmounted, nextTick, computed } from 'vue';
+import GuestLayout from '../Layouts/GuestLayout.vue';
+import { useForm } from '@inertiajs/inertia-vue3'
+import axios from 'axios';
+
+
+</script>
+
+<template>
+    <GuestLayout>
+    <div class="flex flex-wrap gap-2 justify-center align-middle ">
+        <h1>Exchange</h1>
+    </div>
+  </GuestLayout>
+</template>