Added OasisAboutUs.vue

public/mix-manifest.json

@@ -45,7 +45,7 @@
     "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=fa49cb6f6c1027d24d57",
     "/chunks/invoices.js": "/chunks/invoices.js?id=81df0d453a53fd224e13",
     "/chunks/not-found-shared.js": "/chunks/not-found-shared.js?id=7fc7f9b6f10bdfac770e",
-    "/chunks/oasis/homepage.js": "/chunks/oasis/homepage.js?id=b506639086b82703e4fb",
+    "/chunks/oasis/homepage.js": "/chunks/oasis/homepage.js?id=6bc72762808d3a0c895f",
     "/chunks/oasis/platba.js": "/chunks/oasis/platba.js?id=caf1edc9b2ee500b4eee",
     "/chunks/oasis/platba~chunks/oasis/upgrade-billing~chunks/oasis/upgrade-plan~chunks/upgrade-billing~ch~6880400b.js": "/chunks/oasis/platba~chunks/oasis/upgrade-billing~chunks/oasis/upgrade-plan~chunks/upgrade-billing~ch~6880400b.js?id=ee29561e2ed219ec0580",
     "/chunks/oasis/sign-up.js": "/chunks/oasis/sign-up.js?id=80c72880037d6ffe11e4",
@@ -302,5 +302,47 @@
     "/chunks/oasis/homepage.8e84bdb1022244756675.hot-update.js": "/chunks/oasis/homepage.8e84bdb1022244756675.hot-update.js",
     "/chunks/oasis/homepage.2ac852c1b47f259e6dc8.hot-update.js": "/chunks/oasis/homepage.2ac852c1b47f259e6dc8.hot-update.js",
     "/chunks/oasis/homepage.7192c8ddc763f8485021.hot-update.js": "/chunks/oasis/homepage.7192c8ddc763f8485021.hot-update.js",
-    "/chunks/oasis/homepage.4ab13780925e43977598.hot-update.js": "/chunks/oasis/homepage.4ab13780925e43977598.hot-update.js"
+    "/chunks/oasis/homepage.4ab13780925e43977598.hot-update.js": "/chunks/oasis/homepage.4ab13780925e43977598.hot-update.js",
+    "/chunks/oasis/homepage.174dfefa48a4ba1eddfc.hot-update.js": "/chunks/oasis/homepage.174dfefa48a4ba1eddfc.hot-update.js",
+    "/chunks/oasis/homepage.378af828d6b2d43020ee.hot-update.js": "/chunks/oasis/homepage.378af828d6b2d43020ee.hot-update.js",
+    "/chunks/oasis/homepage.03854291a5282a5902d5.hot-update.js": "/chunks/oasis/homepage.03854291a5282a5902d5.hot-update.js",
+    "/chunks/oasis/homepage.a81ac49d29f8c463e6b7.hot-update.js": "/chunks/oasis/homepage.a81ac49d29f8c463e6b7.hot-update.js",
+    "/chunks/oasis/homepage.8513ed333ae1ed45b009.hot-update.js": "/chunks/oasis/homepage.8513ed333ae1ed45b009.hot-update.js",
+    "/chunks/oasis/homepage.3d803fe463581fabd944.hot-update.js": "/chunks/oasis/homepage.3d803fe463581fabd944.hot-update.js",
+    "/chunks/oasis/homepage.6a0ebd59c309d58c4444.hot-update.js": "/chunks/oasis/homepage.6a0ebd59c309d58c4444.hot-update.js",
+    "/chunks/oasis/homepage.e98f91ed1ee1249a3733.hot-update.js": "/chunks/oasis/homepage.e98f91ed1ee1249a3733.hot-update.js",
+    "/chunks/oasis/homepage.cfb7e1f925fb5dd20f9e.hot-update.js": "/chunks/oasis/homepage.cfb7e1f925fb5dd20f9e.hot-update.js",
+    "/chunks/oasis/homepage.67395f1ff7ac85711985.hot-update.js": "/chunks/oasis/homepage.67395f1ff7ac85711985.hot-update.js",
+    "/chunks/oasis/homepage.9a02f07a4fcdcd89bdfe.hot-update.js": "/chunks/oasis/homepage.9a02f07a4fcdcd89bdfe.hot-update.js",
+    "/chunks/oasis/homepage.a2cbced1e597027fd56b.hot-update.js": "/chunks/oasis/homepage.a2cbced1e597027fd56b.hot-update.js",
+    "/chunks/oasis/homepage.96e26883bfbb7d045b85.hot-update.js": "/chunks/oasis/homepage.96e26883bfbb7d045b85.hot-update.js",
+    "/chunks/oasis/homepage.01cca6635381dc4253d5.hot-update.js": "/chunks/oasis/homepage.01cca6635381dc4253d5.hot-update.js",
+    "/chunks/oasis/homepage.bc7eddbe3ee99eea8dfc.hot-update.js": "/chunks/oasis/homepage.bc7eddbe3ee99eea8dfc.hot-update.js",
+    "/chunks/oasis/homepage.8df8fa036a79b5e245c4.hot-update.js": "/chunks/oasis/homepage.8df8fa036a79b5e245c4.hot-update.js",
+    "/chunks/oasis/homepage.0da55b5e8e9199d94a51.hot-update.js": "/chunks/oasis/homepage.0da55b5e8e9199d94a51.hot-update.js",
+    "/chunks/oasis/homepage.d0d0bfb098504f3ef721.hot-update.js": "/chunks/oasis/homepage.d0d0bfb098504f3ef721.hot-update.js",
+    "/chunks/oasis/homepage.c516c737595c5335cb02.hot-update.js": "/chunks/oasis/homepage.c516c737595c5335cb02.hot-update.js",
+    "/chunks/oasis/homepage.ad45f5956bf4b0ea8775.hot-update.js": "/chunks/oasis/homepage.ad45f5956bf4b0ea8775.hot-update.js",
+    "/chunks/oasis/homepage.e967dcedf5014d53d49f.hot-update.js": "/chunks/oasis/homepage.e967dcedf5014d53d49f.hot-update.js",
+    "/chunks/oasis/homepage.94b640f479b97a6d29dc.hot-update.js": "/chunks/oasis/homepage.94b640f479b97a6d29dc.hot-update.js",
+    "/chunks/oasis/homepage.1452ba3c1e15c189e19f.hot-update.js": "/chunks/oasis/homepage.1452ba3c1e15c189e19f.hot-update.js",
+    "/chunks/oasis/homepage.6dc836aa3a8abdb73878.hot-update.js": "/chunks/oasis/homepage.6dc836aa3a8abdb73878.hot-update.js",
+    "/chunks/oasis/homepage.ca0435d362c777def142.hot-update.js": "/chunks/oasis/homepage.ca0435d362c777def142.hot-update.js",
+    "/chunks/oasis/homepage.5800b10bf6b55596bc15.hot-update.js": "/chunks/oasis/homepage.5800b10bf6b55596bc15.hot-update.js",
+    "/chunks/oasis/homepage.b6de57b04ff8bedc5e00.hot-update.js": "/chunks/oasis/homepage.b6de57b04ff8bedc5e00.hot-update.js",
+    "/chunks/oasis/homepage.d9d796be45d3fd92caef.hot-update.js": "/chunks/oasis/homepage.d9d796be45d3fd92caef.hot-update.js",
+    "/chunks/oasis/homepage.80700d2d20133910148e.hot-update.js": "/chunks/oasis/homepage.80700d2d20133910148e.hot-update.js",
+    "/chunks/oasis/homepage.718579caea2f83651071.hot-update.js": "/chunks/oasis/homepage.718579caea2f83651071.hot-update.js",
+    "/chunks/oasis/homepage.87ced19f6bab87928117.hot-update.js": "/chunks/oasis/homepage.87ced19f6bab87928117.hot-update.js",
+    "/chunks/oasis/homepage.137dde78633d6b65f43e.hot-update.js": "/chunks/oasis/homepage.137dde78633d6b65f43e.hot-update.js",
+    "/chunks/oasis/homepage.16b8f882352299b26c29.hot-update.js": "/chunks/oasis/homepage.16b8f882352299b26c29.hot-update.js",
+    "/chunks/oasis/homepage.52ef2b7f91c69d11c154.hot-update.js": "/chunks/oasis/homepage.52ef2b7f91c69d11c154.hot-update.js",
+    "/chunks/oasis/homepage.158524b17f4c116240c9.hot-update.js": "/chunks/oasis/homepage.158524b17f4c116240c9.hot-update.js",
+    "/chunks/oasis/homepage.6d96982c344f124a69a0.hot-update.js": "/chunks/oasis/homepage.6d96982c344f124a69a0.hot-update.js",
+    "/chunks/oasis/homepage.a5da8bcaafa77e8245ad.hot-update.js": "/chunks/oasis/homepage.a5da8bcaafa77e8245ad.hot-update.js",
+    "/chunks/oasis/homepage.518be070d434b195615d.hot-update.js": "/chunks/oasis/homepage.518be070d434b195615d.hot-update.js",
+    "/chunks/oasis/homepage.71732222ef612c00bdf8.hot-update.js": "/chunks/oasis/homepage.71732222ef612c00bdf8.hot-update.js",
+    "/chunks/oasis/homepage.d8178b85c3dc15346181.hot-update.js": "/chunks/oasis/homepage.d8178b85c3dc15346181.hot-update.js",
+    "/chunks/oasis/homepage.54e84b3aef020d8ecc5e.hot-update.js": "/chunks/oasis/homepage.54e84b3aef020d8ecc5e.hot-update.js",
+    "/chunks/oasis/homepage.a79a887c1086eddd9fe4.hot-update.js": "/chunks/oasis/homepage.a79a887c1086eddd9fe4.hot-update.js"
 }

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"/>
+        <OasisNavigation v-if="false"/>
-        <OasisHeader v-if="true"/>
+        <OasisHeader v-if="false"/>
-        <OasisFeatures v-if="true"/>
+        <OasisFeatures v-if="false"/>
-        <OasisPricing v-if="true"/>
+        <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: {

resources/sass/oasis/_homepage.scss

@@ -56,6 +56,10 @@
   }
 }
 
+.oasis-about-us {
+
+}
+
 .navigation {
   padding: 10px 0;
 
@@ -275,4 +279,34 @@
       margin-top: 15px;
     }
   }
-}
+}
+
+.info-list {
+  margin: 70px 0;
+
+  .info-list-item {
+    display: flex;
+    align-items: start;
+    margin-bottom: 35px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    .icon {
+      margin-top: 5px;
+      margin-right: 15px;
+
+      polyline {
+        color: $pink;
+      }
+    }
+
+    .description {
+      max-width: 620px;
+      @include font-size(24);
+      color: $text-primary;
+      font-weight: 800;
+    }
+  }
+}