diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index ef6abc0a..41b8afa0 100644
--- a/public/mix-manifest.json
+++ b/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=674d7cf4f03ed3c3d8cc",
+    "/chunks/oasis/homepage.js": "/chunks/oasis/homepage.js?id=b506639086b82703e4fb",
     "/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",
@@ -209,5 +209,98 @@
     "/chunks/oasis/homepage.d56524a9f87700a65550.hot-update.js": "/chunks/oasis/homepage.d56524a9f87700a65550.hot-update.js",
     "/chunks/oasis/homepage.e7a0644d7f77deaca571.hot-update.js": "/chunks/oasis/homepage.e7a0644d7f77deaca571.hot-update.js",
     "/chunks/oasis/homepage.7489a2a27c6c27b3eb23.hot-update.js": "/chunks/oasis/homepage.7489a2a27c6c27b3eb23.hot-update.js",
-    "/chunks/oasis/homepage.3e025f3bf70df26d6cba.hot-update.js": "/chunks/oasis/homepage.3e025f3bf70df26d6cba.hot-update.js"
+    "/chunks/oasis/homepage.3e025f3bf70df26d6cba.hot-update.js": "/chunks/oasis/homepage.3e025f3bf70df26d6cba.hot-update.js",
+    "/chunks/oasis/homepage.5582771dc9fb1eaf1fd0.hot-update.js": "/chunks/oasis/homepage.5582771dc9fb1eaf1fd0.hot-update.js",
+    "/chunks/oasis/homepage.a014da069c4876daaf3c.hot-update.js": "/chunks/oasis/homepage.a014da069c4876daaf3c.hot-update.js",
+    "/chunks/oasis/homepage.1096b4ebd44c88143068.hot-update.js": "/chunks/oasis/homepage.1096b4ebd44c88143068.hot-update.js",
+    "/chunks/oasis/homepage.c027fcd8e1aa09029123.hot-update.js": "/chunks/oasis/homepage.c027fcd8e1aa09029123.hot-update.js",
+    "/chunks/oasis/homepage.cf500d71d97692ac2c88.hot-update.js": "/chunks/oasis/homepage.cf500d71d97692ac2c88.hot-update.js",
+    "/chunks/oasis/homepage.d6a7d3c7049e0d538628.hot-update.js": "/chunks/oasis/homepage.d6a7d3c7049e0d538628.hot-update.js",
+    "/chunks/oasis/homepage.1bfeabb243973d19b4ff.hot-update.js": "/chunks/oasis/homepage.1bfeabb243973d19b4ff.hot-update.js",
+    "/chunks/oasis/homepage.1eeb4fca54f2456dc844.hot-update.js": "/chunks/oasis/homepage.1eeb4fca54f2456dc844.hot-update.js",
+    "/chunks/oasis/homepage.07f9527d8d0124deaf98.hot-update.js": "/chunks/oasis/homepage.07f9527d8d0124deaf98.hot-update.js",
+    "/chunks/oasis/homepage.c2569f4596f504e44e17.hot-update.js": "/chunks/oasis/homepage.c2569f4596f504e44e17.hot-update.js",
+    "/chunks/oasis/homepage.d55fda0d4a13f6af011e.hot-update.js": "/chunks/oasis/homepage.d55fda0d4a13f6af011e.hot-update.js",
+    "/chunks/oasis/homepage.67c80e079eaf49e08ca3.hot-update.js": "/chunks/oasis/homepage.67c80e079eaf49e08ca3.hot-update.js",
+    "/chunks/oasis/homepage.6d886fa66ae88724ae63.hot-update.js": "/chunks/oasis/homepage.6d886fa66ae88724ae63.hot-update.js",
+    "/chunks/oasis/homepage.47cc50d1f14381655c48.hot-update.js": "/chunks/oasis/homepage.47cc50d1f14381655c48.hot-update.js",
+    "/chunks/oasis/homepage.015d5ba3fddeb60fb5c6.hot-update.js": "/chunks/oasis/homepage.015d5ba3fddeb60fb5c6.hot-update.js",
+    "/chunks/oasis/homepage.19bc184fea555d7dc16c.hot-update.js": "/chunks/oasis/homepage.19bc184fea555d7dc16c.hot-update.js",
+    "/chunks/oasis/homepage.71845cea8afd408f201d.hot-update.js": "/chunks/oasis/homepage.71845cea8afd408f201d.hot-update.js",
+    "/chunks/oasis/homepage.277f5306a49ccd78f085.hot-update.js": "/chunks/oasis/homepage.277f5306a49ccd78f085.hot-update.js",
+    "/chunks/oasis/homepage.8c4468ea73c1dcf159ee.hot-update.js": "/chunks/oasis/homepage.8c4468ea73c1dcf159ee.hot-update.js",
+    "/chunks/oasis/homepage.4a27fefc72dd2f08c3c8.hot-update.js": "/chunks/oasis/homepage.4a27fefc72dd2f08c3c8.hot-update.js",
+    "/chunks/oasis/homepage.0a0728f121d8c6852bc1.hot-update.js": "/chunks/oasis/homepage.0a0728f121d8c6852bc1.hot-update.js",
+    "/chunks/oasis/homepage.d681b3e0672f11c8f90c.hot-update.js": "/chunks/oasis/homepage.d681b3e0672f11c8f90c.hot-update.js",
+    "/chunks/oasis/homepage.2089e3560c3ab1c6c5c5.hot-update.js": "/chunks/oasis/homepage.2089e3560c3ab1c6c5c5.hot-update.js",
+    "/chunks/oasis/homepage.157917997773bdf14909.hot-update.js": "/chunks/oasis/homepage.157917997773bdf14909.hot-update.js",
+    "/chunks/oasis/homepage.a3aee797bdfd633f1a62.hot-update.js": "/chunks/oasis/homepage.a3aee797bdfd633f1a62.hot-update.js",
+    "/chunks/oasis/homepage.158a6c53e12b10a18a73.hot-update.js": "/chunks/oasis/homepage.158a6c53e12b10a18a73.hot-update.js",
+    "/chunks/oasis/homepage.fe0e61a0c8f60e1928da.hot-update.js": "/chunks/oasis/homepage.fe0e61a0c8f60e1928da.hot-update.js",
+    "/chunks/oasis/homepage.9c435efb9678cc5e80db.hot-update.js": "/chunks/oasis/homepage.9c435efb9678cc5e80db.hot-update.js",
+    "/chunks/oasis/homepage.cea22ae0c51e25008bc6.hot-update.js": "/chunks/oasis/homepage.cea22ae0c51e25008bc6.hot-update.js",
+    "/chunks/oasis/homepage.71b472a2b66a20102e6d.hot-update.js": "/chunks/oasis/homepage.71b472a2b66a20102e6d.hot-update.js",
+    "/chunks/oasis/homepage.b052681015d82ef47556.hot-update.js": "/chunks/oasis/homepage.b052681015d82ef47556.hot-update.js",
+    "/chunks/oasis/homepage.50ef16235ffef2a555f2.hot-update.js": "/chunks/oasis/homepage.50ef16235ffef2a555f2.hot-update.js",
+    "/chunks/oasis/homepage.8992d4a7ccb0019d410c.hot-update.js": "/chunks/oasis/homepage.8992d4a7ccb0019d410c.hot-update.js",
+    "/chunks/oasis/homepage.d44d85998a79e5d11733.hot-update.js": "/chunks/oasis/homepage.d44d85998a79e5d11733.hot-update.js",
+    "/chunks/oasis/homepage.02014c6b8c554c8284a4.hot-update.js": "/chunks/oasis/homepage.02014c6b8c554c8284a4.hot-update.js",
+    "/chunks/oasis/homepage.60b677bda031d2975d5b.hot-update.js": "/chunks/oasis/homepage.60b677bda031d2975d5b.hot-update.js",
+    "/chunks/oasis/homepage.bcf3719cecf2d42c0e9b.hot-update.js": "/chunks/oasis/homepage.bcf3719cecf2d42c0e9b.hot-update.js",
+    "/chunks/oasis/homepage.af8d38fdb512e089443c.hot-update.js": "/chunks/oasis/homepage.af8d38fdb512e089443c.hot-update.js",
+    "/chunks/oasis/homepage.4b93475dcd9d195524ec.hot-update.js": "/chunks/oasis/homepage.4b93475dcd9d195524ec.hot-update.js",
+    "/chunks/oasis/homepage.ae3daecf68cb23de844f.hot-update.js": "/chunks/oasis/homepage.ae3daecf68cb23de844f.hot-update.js",
+    "/chunks/oasis/homepage.ffe73ec081dc40b466bf.hot-update.js": "/chunks/oasis/homepage.ffe73ec081dc40b466bf.hot-update.js",
+    "/chunks/oasis/homepage.6cd56804c757eb1e919b.hot-update.js": "/chunks/oasis/homepage.6cd56804c757eb1e919b.hot-update.js",
+    "/chunks/oasis/homepage.c9e11e1073fa20aafeea.hot-update.js": "/chunks/oasis/homepage.c9e11e1073fa20aafeea.hot-update.js",
+    "/chunks/oasis/homepage.535eeea52d31ae014585.hot-update.js": "/chunks/oasis/homepage.535eeea52d31ae014585.hot-update.js",
+    "/chunks/oasis/homepage.14ee3852f394c4b51b65.hot-update.js": "/chunks/oasis/homepage.14ee3852f394c4b51b65.hot-update.js",
+    "/chunks/oasis/homepage.809ddfc847e730787397.hot-update.js": "/chunks/oasis/homepage.809ddfc847e730787397.hot-update.js",
+    "/chunks/oasis/homepage.141771e7e7bfa8744810.hot-update.js": "/chunks/oasis/homepage.141771e7e7bfa8744810.hot-update.js",
+    "/chunks/oasis/homepage.07daae7b7a07c087013c.hot-update.js": "/chunks/oasis/homepage.07daae7b7a07c087013c.hot-update.js",
+    "/chunks/oasis/homepage.cc433550c5ed6400d150.hot-update.js": "/chunks/oasis/homepage.cc433550c5ed6400d150.hot-update.js",
+    "/chunks/oasis/homepage.d8171642bbd636bba0e5.hot-update.js": "/chunks/oasis/homepage.d8171642bbd636bba0e5.hot-update.js",
+    "/chunks/oasis/homepage.455fb4686c42631cfb8a.hot-update.js": "/chunks/oasis/homepage.455fb4686c42631cfb8a.hot-update.js",
+    "/chunks/oasis/homepage.05c1418a8c1888595dad.hot-update.js": "/chunks/oasis/homepage.05c1418a8c1888595dad.hot-update.js",
+    "/chunks/oasis/homepage.43cd87ab348d6d9223f8.hot-update.js": "/chunks/oasis/homepage.43cd87ab348d6d9223f8.hot-update.js",
+    "/chunks/oasis/homepage.0aed5b12bf4b42399571.hot-update.js": "/chunks/oasis/homepage.0aed5b12bf4b42399571.hot-update.js",
+    "/chunks/oasis/homepage.2a374bd92d554b8e7a03.hot-update.js": "/chunks/oasis/homepage.2a374bd92d554b8e7a03.hot-update.js",
+    "/chunks/oasis/homepage.0f96131b666e4d9e047c.hot-update.js": "/chunks/oasis/homepage.0f96131b666e4d9e047c.hot-update.js",
+    "/chunks/oasis/homepage.80e738feccc4e40461bc.hot-update.js": "/chunks/oasis/homepage.80e738feccc4e40461bc.hot-update.js",
+    "/chunks/oasis/homepage.331f793d35416777745f.hot-update.js": "/chunks/oasis/homepage.331f793d35416777745f.hot-update.js",
+    "/chunks/oasis/homepage.8dc8b6865ce843a1f759.hot-update.js": "/chunks/oasis/homepage.8dc8b6865ce843a1f759.hot-update.js",
+    "/chunks/oasis/homepage.1fe71f071678f0951599.hot-update.js": "/chunks/oasis/homepage.1fe71f071678f0951599.hot-update.js",
+    "/chunks/oasis/homepage.2cf0c34599afb00eb056.hot-update.js": "/chunks/oasis/homepage.2cf0c34599afb00eb056.hot-update.js",
+    "/chunks/oasis/homepage.703aaad9cad05c7d5093.hot-update.js": "/chunks/oasis/homepage.703aaad9cad05c7d5093.hot-update.js",
+    "/chunks/oasis/homepage.8a7b816f32fbb7ee23ee.hot-update.js": "/chunks/oasis/homepage.8a7b816f32fbb7ee23ee.hot-update.js",
+    "/chunks/oasis/homepage.e147303f6c173b2807d7.hot-update.js": "/chunks/oasis/homepage.e147303f6c173b2807d7.hot-update.js",
+    "/chunks/oasis/homepage.1836ad0b7bc15888d4e4.hot-update.js": "/chunks/oasis/homepage.1836ad0b7bc15888d4e4.hot-update.js",
+    "/chunks/oasis/homepage.adae45044ec8f5be0cab.hot-update.js": "/chunks/oasis/homepage.adae45044ec8f5be0cab.hot-update.js",
+    "/chunks/oasis/homepage.ebb065841c056269a6a1.hot-update.js": "/chunks/oasis/homepage.ebb065841c056269a6a1.hot-update.js",
+    "/chunks/oasis/homepage.c543d0dd0e2e95559887.hot-update.js": "/chunks/oasis/homepage.c543d0dd0e2e95559887.hot-update.js",
+    "/chunks/oasis/homepage.ec3384c2a166322f8c48.hot-update.js": "/chunks/oasis/homepage.ec3384c2a166322f8c48.hot-update.js",
+    "/chunks/oasis/homepage.076790d2c144b05fba49.hot-update.js": "/chunks/oasis/homepage.076790d2c144b05fba49.hot-update.js",
+    "/chunks/oasis/homepage.2a63e3a1dbc5f8ef11ff.hot-update.js": "/chunks/oasis/homepage.2a63e3a1dbc5f8ef11ff.hot-update.js",
+    "/chunks/oasis/homepage.91850e5a82da7a3b62d0.hot-update.js": "/chunks/oasis/homepage.91850e5a82da7a3b62d0.hot-update.js",
+    "/chunks/oasis/homepage.18d7debe484a23416447.hot-update.js": "/chunks/oasis/homepage.18d7debe484a23416447.hot-update.js",
+    "/chunks/oasis/homepage.a4451e13d4c5b452d5ce.hot-update.js": "/chunks/oasis/homepage.a4451e13d4c5b452d5ce.hot-update.js",
+    "/chunks/oasis/homepage.7a31e70fbdf4989ec258.hot-update.js": "/chunks/oasis/homepage.7a31e70fbdf4989ec258.hot-update.js",
+    "/chunks/oasis/homepage.2ac8766c9d9f09e8a6c2.hot-update.js": "/chunks/oasis/homepage.2ac8766c9d9f09e8a6c2.hot-update.js",
+    "/chunks/oasis/homepage.af8868f132593fc76740.hot-update.js": "/chunks/oasis/homepage.af8868f132593fc76740.hot-update.js",
+    "/chunks/oasis/homepage.6e83270462101d88d316.hot-update.js": "/chunks/oasis/homepage.6e83270462101d88d316.hot-update.js",
+    "/chunks/oasis/homepage.399b48d816e1b0635bb0.hot-update.js": "/chunks/oasis/homepage.399b48d816e1b0635bb0.hot-update.js",
+    "/chunks/oasis/homepage.7ca7b5b44bad6fe454e6.hot-update.js": "/chunks/oasis/homepage.7ca7b5b44bad6fe454e6.hot-update.js",
+    "/chunks/oasis/homepage.9d4238bf3e6c14110d3a.hot-update.js": "/chunks/oasis/homepage.9d4238bf3e6c14110d3a.hot-update.js",
+    "/chunks/oasis/homepage.bb698b3ebb83d3e54905.hot-update.js": "/chunks/oasis/homepage.bb698b3ebb83d3e54905.hot-update.js",
+    "/chunks/oasis/homepage.ad22a5b1ba2b3e29f13e.hot-update.js": "/chunks/oasis/homepage.ad22a5b1ba2b3e29f13e.hot-update.js",
+    "/chunks/oasis/homepage.42de59969103ca1f81f2.hot-update.js": "/chunks/oasis/homepage.42de59969103ca1f81f2.hot-update.js",
+    "/chunks/oasis/homepage.968afd313ef6a4ce407b.hot-update.js": "/chunks/oasis/homepage.968afd313ef6a4ce407b.hot-update.js",
+    "/chunks/oasis/homepage.ce93fae60e8d0f18017a.hot-update.js": "/chunks/oasis/homepage.ce93fae60e8d0f18017a.hot-update.js",
+    "/chunks/oasis/homepage.b2d76a02c3bb9ff08a07.hot-update.js": "/chunks/oasis/homepage.b2d76a02c3bb9ff08a07.hot-update.js",
+    "/chunks/oasis/homepage.4935fa144c55d0cd9889.hot-update.js": "/chunks/oasis/homepage.4935fa144c55d0cd9889.hot-update.js",
+    "/chunks/oasis/homepage.d90e416740d34c34c32d.hot-update.js": "/chunks/oasis/homepage.d90e416740d34c34c32d.hot-update.js",
+    "/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"
 }
diff --git a/resources/js/Oasis/Homepage/Components/OasisHeader.vue b/resources/js/Oasis/Homepage/Components/OasisHeader.vue
index 83db1106..6b6c9849 100644
--- a/resources/js/Oasis/Homepage/Components/OasisHeader.vue
+++ b/resources/js/Oasis/Homepage/Components/OasisHeader.vue
@@ -1,22 +1,5 @@
 <template>
     <div class="oasis-header">
-        <nav class="navigation 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>
-            <ul class="links">
-                <li v-for="(item, i) in navigation" :key="i">
-                    <a :href="`#${item.href}`">{{ item.title }}</a>
-                </li>
-            </ul>
-            <div class="log-in">
-                <router-link :to="{name: 'SignIn'}" class="base-button theme-color">
-                    Prihlásit se
-                </router-link>
-            </div>
-        </nav>
-
         <header class="header container">
             <h1 class="main-title">
                 Jednoduchý a Bezpečný Cloud vo Vrecku
@@ -49,24 +32,7 @@
         },
         data() {
             return {
-                navigation: [
-                    {
-                        title: 'O Nás',
-                        href: 'o-nas',
-                    },
-                    /*{
-                        title: 'Kariéra',
-                        href: 'kariera',
-                    },*/
-                    {
-                        title: 'Ceník',
-                        href: 'cenik',
-                    },
-                    {
-                        title: 'Podpora',
-                        href: 'podpora',
-                    },
-                ],
+
             }
         },
     }
diff --git a/resources/js/Oasis/Homepage/Components/OasisNavigation.vue b/resources/js/Oasis/Homepage/Components/OasisNavigation.vue
new file mode 100644
index 00000000..ba6226b1
--- /dev/null
+++ b/resources/js/Oasis/Homepage/Components/OasisNavigation.vue
@@ -0,0 +1,64 @@
+<template>
+    <nav class="oasis-navigation navigation">
+        <div class="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>
+            <ul class="links">
+                <li v-for="(item, i) in navigation" :key="i">
+                    <a :href="`#${item.href}`">{{ item.title }}</a>
+                </li>
+            </ul>
+            <div class="log-in">
+                <router-link :to="{name: 'SignIn'}" class="base-button theme-color">
+                    Prihlásit se
+                </router-link>
+            </div>
+        </div>
+    </nav>
+</template>
+
+<script>
+    import { mapGetters } from 'vuex'
+
+    export default {
+        name: 'Header',
+        components: {
+
+        },
+        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',
+                    },
+                ],
+            }
+        },
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/oasis/_components';
+    @import '@assets/oasis/_homepage';
+    @import '@assets/oasis/_responsive';
+</style>
diff --git a/resources/js/Oasis/Homepage/Components/OasisPricing.vue b/resources/js/Oasis/Homepage/Components/OasisPricing.vue
new file mode 100644
index 00000000..86590cd5
--- /dev/null
+++ b/resources/js/Oasis/Homepage/Components/OasisPricing.vue
@@ -0,0 +1,114 @@
+<template>
+    <div class="oasis-pricing text-center">
+
+        <div class="title-wrapper container">
+            <h3 class="main-title">
+                Kolik stoji OasisDrive?
+            </h3>
+            <h4 class="sub-title-sm">
+                Cloudové uložiště je v podstatě virtuální šanon, kam uživatelé ukládají svá data, ke kterým se mohou přihlásit odkudkoli v nezávislosti na zařízení. OasisDrive umožňuje bezpečně chránit Vaše firemní data.
+            </h4>
+        </div>
+
+        <ul class="pricing-box container">
+            <li v-for="(plan, i) in pricing" :key="i" class="box">
+                <folder-icon size="34" class="pricing-icon" />
+
+                <h5 class="pricing-data">
+                    {{ plan.data.attributes.capacity_formatted }}
+                </h5>
+                <b class="pricing-name">
+                    {{ plan.data.attributes.name }}
+                </b>
+                <p class="pricing-description">
+                    {{ plan.data.attributes.description }}
+                </p>
+                <router-link :to="{name: 'SignUp'}" :class="{'base-button': i == 1,'theme-button': i !== 1, }">
+                    {{ plan.data.attributes.price }}/{{ $t('global.monthly_ac') }}
+                </router-link>
+                <small v-if="plan.data.attributes.tax_rates.length > 0" class="pricing-vat">
+                    {{ $t('page_pricing_tables.vat_excluded') }}
+                </small>
+            </li>
+        </ul>
+    </div>
+</template>
+
+<script>
+    import {
+        FolderIcon,
+    } from 'vue-feather-icons'
+    import {mapGetters} from 'vuex'
+    import axios from 'axios'
+
+    export default {
+        name: 'OasisPricing',
+        components: {
+            FolderIcon,
+        },
+        computed: {
+            ...mapGetters([
+                'config'
+            ]),
+        },
+        data() {
+            return {
+                pricing: [{
+                    "data": {
+                        "id": "virtualni-sanon-basic",
+                        "type": "plans",
+                        "attributes": {
+                            "name": "Virtu\u00e1ln\u00ed \u0161anon BASIC",
+                            "description": "Obsahuje 5 GB pro Va\u0161e firemn\u00ed data",
+                            "price": "CZK\u00a0699.00",
+                            "capacity_formatted": "50GB",
+                            "capacity": 50,
+                            "currency": "CZK",
+                            "tax_rates": [{"id": "txr_1IYQK9BwlPpoyJNw2lR0zgOr", "active": true, "country": "CZ", "percentage": 20, "plan_price_formatted": "CZK\u00a0838.80"}]
+                        }
+                    }
+                }, {
+                    "data": {
+                        "id": "virtualni-sanon-standard",
+                        "type": "plans",
+                        "attributes": {
+                            "name": "Virtu\u00e1ln\u00ed \u0161anon STANDARD",
+                            "description": "Obsahuje 10 GB pro Va\u0161e firemn\u00ed data, 2 dokumenty zdarma",
+                            "price": "CZK\u00a0799.00",
+                            "capacity_formatted": "100GB",
+                            "capacity": 100,
+                            "currency": "CZK",
+                            "tax_rates": [{"id": "txr_1IYQK9BwlPpoyJNw2lR0zgOr", "active": true, "country": "CZ", "percentage": 20, "plan_price_formatted": "CZK\u00a0958.80"}]
+                        }
+                    }
+                }, {
+                    "data": {
+                        "id": "virtualni-sanon-premium",
+                        "type": "plans",
+                        "attributes": {
+                            "name": "Virtu\u00e1ln\u00ed \u0161anon PREMIUM",
+                            "description": "Obsahuje 20 GB pro Va\u0161e firemn\u00ed data, 5 dokument\u016f dle vlastn\u00edho v\u00fdb\u011bru zdarma",
+                            "price": "CZK\u00a01,249.00",
+                            "capacity_formatted": "200GB",
+                            "capacity": 200,
+                            "currency": "CZK",
+                            "tax_rates": [{"id": "txr_1IYQK9BwlPpoyJNw2lR0zgOr", "active": true, "country": "CZ", "percentage": 20, "plan_price_formatted": "CZK\u00a01,498.80"}]
+                        }
+                    }
+                }]
+            }
+        },
+        mounted() {
+
+        },
+        created() {
+            this.$scrollTop()
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/oasis/_components';
+    @import '@assets/oasis/_homepage';
+    @import '@assets/oasis/_responsive';
+</style>
diff --git a/resources/js/Oasis/Homepage/Homepage.vue b/resources/js/Oasis/Homepage/Homepage.vue
index 79d1ebcf..86d9dfd6 100644
--- a/resources/js/Oasis/Homepage/Homepage.vue
+++ b/resources/js/Oasis/Homepage/Homepage.vue
@@ -1,20 +1,26 @@
 <template>
     <div id="page">
-        <OasisHeader v-if="false"/>
+        <OasisNavigation v-if="true"/>
+        <OasisHeader v-if="true"/>
         <OasisFeatures v-if="true"/>
+        <OasisPricing v-if="true"/>
     </div>
 </template>
 
 <script>
-    import OasisHeader from '@/Oasis/Homepage/Components/OasisHeader'
+    import OasisNavigation from '@/Oasis/Homepage/Components/OasisNavigation'
     import OasisFeatures from '@/Oasis/Homepage/Components/OasisFeatures'
+    import OasisPricing from '@/Oasis/Homepage/Components/OasisPricing'
+    import OasisHeader from '@/Oasis/Homepage/Components/OasisHeader'
     import { mapGetters } from 'vuex'
     import axios from 'axios'
 
     export default {
         name: 'Homepage',
         components: {
+            OasisNavigation,
             OasisFeatures,
+            OasisPricing,
             OasisHeader,
         },
         computed: {
diff --git a/resources/sass/oasis/_components.scss b/resources/sass/oasis/_components.scss
index 62f91f6c..93f5e4d0 100644
--- a/resources/sass/oasis/_components.scss
+++ b/resources/sass/oasis/_components.scss
@@ -15,12 +15,14 @@
 .sub-title {
   @include font-size(25);
   font-weight: 600;
+  color: $text-secondary;
 }
 
 .sub-title-sm {
   @include font-size(23);
   font-weight: 600;
   line-height: 1.6;
+  color: $text-secondary;
 }
 
 .theme-button {
diff --git a/resources/sass/oasis/_homepage.scss b/resources/sass/oasis/_homepage.scss
index 7bea5f9e..052ca8b7 100644
--- a/resources/sass/oasis/_homepage.scss
+++ b/resources/sass/oasis/_homepage.scss
@@ -7,8 +7,15 @@
   margin-right: auto;
 }
 
+.oasis-navigation {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
 .oasis-header {
-  padding-top: 45px;
+  padding-top: 100px;
   background: linear-gradient(180deg, rgba(149, 189, 230, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
 }
 
@@ -37,12 +44,26 @@
   }
 }
 
+.oasis-pricing {
+  margin-top: 290px;
+
+  .title-wrapper {
+    margin-bottom: 60px;
+  }
+
+  .theme-button {
+    @include font-size(18);
+  }
+}
+
 .navigation {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  position: sticky;
-  top: 0;
+  padding: 10px 0;
+
+  .container {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+  }
 
   .log-in, .logo {
     width: 235px;
@@ -181,4 +202,77 @@
       }
     }
   }
+}
+
+.pricing-box {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  max-width: 1325px;
+
+  .box {
+    background: white;
+    box-shadow: 0 5px 333px -22px #1B253935;
+    border-radius: 12px;
+    display: block;
+    padding: 45px 40px 20px;
+    z-index: 1;
+
+    &:nth-child(2) {
+      z-index: 2;
+      padding: 55px 40px 20px;
+      background: $theme-bg-light;
+      margin-top: -40px;
+      margin-bottom: -40px;
+
+      .pricing-name, .pricing-data {
+        color: white;
+      }
+
+      .pricing-description {
+        color: $text-dark-secondary;
+      }
+
+      .pricing-data {
+        margin-top: 30px;
+      }
+
+      .pricing-vat {
+        color: $text-dark-subtitle;
+      }
+    }
+
+    .pricing-icon {
+      margin-bottom: 40px;
+
+      path {
+        color: $theme;
+      }
+    }
+
+    .pricing-data {
+      @include font-size(50);
+      font-weight: 900;
+    }
+
+    .pricing-name {
+      @include font-size(24);
+      font-weight: 800;
+      margin-bottom: 30px;
+      display: block;
+    }
+
+    .pricing-description {
+      @include font-size(19);
+      margin-bottom: 35px;
+    }
+
+    .pricing-vat {
+      @include font-size(12);
+      color: $text-secondary;
+      display: block;
+      font-weight: 300;
+      opacity: 0.45;
+      margin-top: 15px;
+    }
+  }
 }
\ No newline at end of file