Add landing page

package.json

@@ -20,7 +20,9 @@
     "@aeternity/aepp-sdk": "^7.7.0",
     "@dicebear/avatars": "^4.5.2",
     "@dicebear/avatars-avataaars-sprites": "^4.5.2",
+    "@fontsource/oxygen": "^4.2.1",
     "aeternity-fungible-token": "github:aeternity/aeternity-fungible-token#v1.0.0",
+    "animate.css": "^4.1.1",
     "autosize": "^4.0.2",
     "axios": "^0.21.1",
     "bignumber.js": "^9.0.1",
@@ -38,6 +40,7 @@
     "soundcloud-widget": "^0.2.1",
     "tipping-contract": "github:aeternity/tipping-contract#v3.0.1-alpha1",
     "vue": "^2.6.12",
+    "vue-aos": "^1.1.0",
     "vue-chartjs": "^3.5.1",
     "vue-i18n": "^8.22.3",
     "vue-meta": "^2.4.0",

src/App.vue

@@ -1,5 +1,8 @@
 <template>
-  <div id="app">
+  <div
+    id="app"
+    :class="$route.meta.layoutClass"
+  >
     <MobileNavigation v-if="!$route.meta.fullScreen" />
     <div class="not-bootstrap-row">
       <div
@@ -38,10 +41,15 @@ export default {
   components: { MobileNavigation, LeftSection, RightSection },
   computed: {
     ...mapGetters('modals', ['opened']),
+    ...mapGetters(['isLoggedIn']),
     ...mapState(['address']),
     ...mapState('aeternity', ['sdk']),
   },
   async mounted() {
+    if (!this.isLoggedIn && this.$route.name === 'feed') {
+      this.$router.push({ name: 'landing' });
+    }
+
     EventBus.$on('reloadData', () => {
       this.reloadData();
     });