Added OasisFooter.vue

resources/js/Oasis/Homepage/Components/OasisAboutUs.vue

@@ -24,7 +24,7 @@
     import {CheckIcon} from 'vue-feather-icons'
 
     export default {
-        name: 'OasisPricing',
+        name: 'OasisAboutUs',
         components: {
             CheckIcon,
         },

resources/js/Oasis/Homepage/Components/OasisFooter.vue

@@ -0,0 +1,79 @@
+<template>
+    <div class="oasis-footer container">
+        <router-link :to="{name: 'Homepage'}" tag="div" class="logo">
+            <img v-if="config.app_logo_horizontal" :src="$getImage(config.app_logo_horizontal)" :alt="config.app_name">
+            <b v-if="! config.app_logo_horizontal" class="logo-text">{{ config.app_name }}</b>
+        </router-link>
+        <nav>
+            <ul class="links">
+                <li v-for="(item, i) in navigation" :key="i">
+                    <a :href="`#${item.href}`">
+                        {{ item.title }}
+                    </a>
+                </li>
+            </ul>
+            <ul class="links">
+                <li v-for="(item, i) in routes" :key="i">
+                    <router-link :to="{name: item.route}" :class="{'highlighted': item.route === 'SignUp'}">
+                        {{ item.title }}
+                    </router-link>
+                </li>
+            </ul>
+        </nav>
+    </div>
+</template>
+
+<script>
+    import {CheckIcon} from 'vue-feather-icons'
+    import {mapGetters} from "vuex"
+
+    export default {
+        name: 'OasisFooter',
+        components: {
+            CheckIcon,
+        },
+        computed: {
+            ...mapGetters([
+                'config'
+            ]),
+        },
+        data() {
+            return {
+                navigation: [
+                    {
+                        title: 'O Nás',
+                        href: 'o-nas',
+                    },
+                    /*{
+                        title: 'Kariéra',
+                        href: 'kariera',
+                    },*/
+                    {
+                        title: 'Ceník',
+                        href: 'cenik',
+                    },
+                    {
+                        title: 'Podpora',
+                        href: 'podpora',
+                    },
+                ],
+                routes: [
+                    {
+                        title: 'Prihlásit se',
+                        route: 'SignIn',
+                    },
+                    {
+                        title: 'Zaregistrovat se',
+                        route: 'SignUp',
+                    },
+                ],
+            }
+        },
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/oasis/_components';
+    @import '@assets/oasis/_homepage';
+    @import '@assets/oasis/_responsive';
+</style>

resources/js/Oasis/Homepage/Homepage.vue

@@ -4,7 +4,8 @@
         <OasisHeader v-if="false"/>
         <OasisFeatures v-if="false"/>
         <OasisPricing v-if="false"/>
-        <OasisAboutUs v-if="true"/>
+        <OasisAboutUs v-if="false"/>
+        <OasisFooter v-if="true"/>
     </div>
 </template>
 
@@ -14,6 +15,7 @@
     import OasisPricing from '@/Oasis/Homepage/Components/OasisPricing'
     import OasisAboutUs from '@/Oasis/Homepage/Components/OasisAboutUs'
     import OasisHeader from '@/Oasis/Homepage/Components/OasisHeader'
+    import OasisFooter from '@/Oasis/Homepage/Components/OasisFooter'
     import { mapGetters } from 'vuex'
     import axios from 'axios'
 
@@ -25,6 +27,7 @@
             OasisPricing,
             OasisAboutUs,
             OasisHeader,
+            OasisFooter,
         },
         computed: {
             ...mapGetters([