add banner to cloud page + cloud page description/title

documentation/.vuepress/components/discountbanner.vue

@@ -1,5 +1,9 @@
 <script setup lang="ts">
 
+defineProps({
+    fallback_image: String,
+})
+
 import { ref } from 'vue';
 
 type Discount = {
@@ -18,7 +22,7 @@ if (typeof window !== "undefined") {
         .then(response => response.json())
         .then(data => {
             const value: Discount = data.current_discounts?.[0];
-            discount.value = value;
+            // discount.value = value;
             console.log(value);
         });
 }
@@ -39,13 +43,17 @@ if (typeof window !== "undefined") {
             </a>
         </div>
     </div>
-    <div v-else class="banner">
-        <img src="/imgs/banner.webp" alt="Needle Engine banner" />
+    <div v-else-if="fallback_image" class="banner">
+        <img :src="fallback_image" alt="Needle Engine banner" />
     </div>
 </template>
 
 <style scoped>
 
+.banner {
+    margin: 1rem 0;
+}
+
 .discount_banner {
     margin: 1rem 0;
 

documentation/cloud/index.md

@@ -1,11 +1,12 @@
+---
+title: Needle Cloud
+description: 'Needle Cloud is an online service. It helps you store, manage, and share 3D assets and apps on the web.
+A variety of file formats are supported, including glTF, USD, FBX, VRM, and more. Spatial web apps made with Needle can be deployed to the cloud directly from the Unity integration (Blender integration support is coming at a later point).'
+---
+
 <br/>
-<div class="centered" style="display: flex;
-    align-items: center;
-    gap: 20px;
-    font-size: 2em;
-    font-weight: 100;">
-    <img src="/logo.png" style="max-height:70px;" title="Needle Logo" alt="Needle Logo"/>
-</div>
+<discountbanner/>
+
 
 # Needle Cloud
 

documentation/index.md

@@ -7,7 +7,7 @@ lastUpdated: false
 footer: "Copyright © 2024 Needle Tools GmbH"
 ---
 
-<discountbanner /> 
+<discountbanner fallback_image="/docs/imgs/banner.webp" /> 
 
 <quoteslides>
 <div>Unbelievable Unity editor integration by an order of magnitude,<br/>and as straightforward as the docs claim. Wow. — Chris Mahoney</div>