Added OasisAboutUs.vue

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

@@ -0,0 +1,48 @@
+<template>
+    <div class="oasis-about-us container">
+        <div class="title-wrapper container">
+            <h3 class="main-title">
+                Kto Jsme?
+            </h3>
+            <h4 class="sub-title-sm">
+                Jsme česká společnost, která pro fyzické a právnické osoby (živnostníky a firmy) poskytuje cloudové uložiště dle evropské směrnice (GDPR) a následného zákona o zpracování osobních údajů (zákon 110/2019 sb.).
+            </h4>
+        </div>
+        <ul class="info-list">
+            <li v-for="(item, i) in infoList" :key="i" class="info-list-item">
+                <check-icon size="26" class="icon" />
+                <p class="description">{{ item }}</p>
+            </li>
+        </ul>
+        <router-link :to="{name: 'SignUp'}" class="base-button theme-color">
+            Vyzkouset OasisDrive
+        </router-link>
+    </div>
+</template>
+
+<script>
+    import {CheckIcon} from 'vue-feather-icons'
+
+    export default {
+        name: 'OasisPricing',
+        components: {
+            CheckIcon,
+        },
+        data() {
+            return {
+                infoList: [
+                    'Zakládáme si na kvalitě a nejlepší možné bezpečnosti pro uchovávání a zpracování dat a dokumentů.',
+                    'Spolupracujeme rovněž se specialisty v oboru práva a IT.',
+                    'Důležitá je pro nás uživatelská jednoduchost, stoprocentní funkčnost a přehlednost.',
+                    'Bezpečnost uložení dat tak, jak nařizuje směrnice EU (GDPR) a zákon o zpracování osobních údajů.',
+                ]
+            }
+        },
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/oasis/_components';
+    @import '@assets/oasis/_homepage';
+    @import '@assets/oasis/_responsive';
+</style>

resources/js/Oasis/Homepage/Homepage.vue

@@ -1,9 +1,10 @@
 <template>
     <div id="page">
-        <OasisNavigation v-if="true"/>
-        <OasisHeader v-if="true"/>
-        <OasisFeatures v-if="true"/>
-        <OasisPricing v-if="true"/>
+        <OasisNavigation v-if="false"/>
+        <OasisHeader v-if="false"/>
+        <OasisFeatures v-if="false"/>
+        <OasisPricing v-if="false"/>
+        <OasisAboutUs v-if="true"/>
     </div>
 </template>
 
@@ -11,6 +12,7 @@
     import OasisNavigation from '@/Oasis/Homepage/Components/OasisNavigation'
     import OasisFeatures from '@/Oasis/Homepage/Components/OasisFeatures'
     import OasisPricing from '@/Oasis/Homepage/Components/OasisPricing'
+    import OasisAboutUs from '@/Oasis/Homepage/Components/OasisAboutUs'
     import OasisHeader from '@/Oasis/Homepage/Components/OasisHeader'
     import { mapGetters } from 'vuex'
     import axios from 'axios'
@@ -21,6 +23,7 @@
             OasisNavigation,
             OasisFeatures,
             OasisPricing,
+            OasisAboutUs,
             OasisHeader,
         },
         computed: {