fix: add product pages and their backlinks

Author: marcel-bitfly

frontend/layers/base/app/components/TheFooter.vue

@@ -31,7 +31,7 @@ const resourceLinks: Link[] = [
     href: 'https://shop.beaconcha.in/#!/', icon: 'shirt', text: $t('base.footer.resources.links.swag_shop'),
   },
   {
-    href: '/p/api/pricing', icon: 'code', text: $t('base.footer.resources.links.api_pricing'),
+    href: '/products/pricing', icon: 'code', text: $t('base.footer.resources.links.api_pricing'),
   },
   {
     href: '/contact', icon: 'mail-up', text: $t('base.footer.resources.links.contact_sales'),

frontend/layers/products/app/components/ProductLandingpageSectionStakinghub.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-const { url } = useV1Login()
-
 const videoRef = useTemplateRef('videoRef')
 
 const playVideo = async () => {
@@ -54,7 +52,7 @@ onUnmounted(() => {
       trailing-icon="arrow-up-right"
       variant="branded"
       size="xl"
-      :to="url"
+      to="/products/stakinghub"
     >
       {{ $t('products.landing_page.staking_hub.action.go_to_stakinghub') }}
     </BaseButton>

frontend/layers/products/app/pages/products/api/docs.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+definePageMeta({
+  layout: 'base',
+  middleware: () => {
+    return navigateTo('https://bitflyexplorergmbh.mintlify.app/api-reference/', { external: true })
+  },
+})
+</script>
+
+<template>
+  <div>
+    Page: API Docs
+  </div>
+</template>
+
+<style scoped></style>

…nd/layers/products/app/pages/p/index.vue …rs/products/app/pages/products/index.vuefrontend/layers/products/app/pages/p/index.vue renamed to frontend/layers/products/app/pages/products/index.vue frontend/layers/products/app/pages/p/index.vue renamed to frontend/layers/products/app/pages/products/index.vue

@@ -1,6 +1,13 @@
 <script setup lang="ts">
 import type { BaseNavigationItem } from '#layers/base/app/components/BaseNavigationItem.vue'
 
+useHead({
+  bodyAttrs: {
+    // enforcing dark mode as light mode is not ready yet
+    'data-theme': 'dark',
+  },
+})
+
 const isOpen = ref(false)
 const { t: $t } = useTranslation()
 const id = {
@@ -26,7 +33,6 @@ const items: BaseNavigationItem[] = [
   },
 ]
 const navigationLeft = useTemplateRef<HTMLDialogElement>('navigationLeft')
-const { navigateToV1Login } = useV1Login()
 </script>
 
 <template>
@@ -67,7 +73,6 @@ const { navigateToV1Login } = useV1Login()
           is="h2"
           :id="id.explorer"
           size="lg"
-          class=""
         >
           {{ $t('products.landing_page.explorer.title') }}
         </BaseHeading>
@@ -77,7 +82,7 @@ const { navigateToV1Login } = useV1Login()
           trailing-icon="arrow-up-right"
           variant="branded"
           size="xl"
-          @click="navigateToV1Login"
+          to="/"
         >
           {{ $t('products.landing_page.explorer.action.go_to_explorer') }}
         </BaseButton>

frontend/layers/products/app/pages/products/pricing.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+definePageMeta({
+  layout: 'base',
+})
+</script>
+
+<template>
+  <div>
+    Page: pricing
+  </div>
+</template>
+
+<style scoped></style>

frontend/layers/products/app/pages/products/stakinghub.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+definePageMeta({
+  layout: 'base',
+  middleware: () => {
+    return navigateTo('/dashboard')
+  },
+})
+</script>
+
+<template>
+  <div>
+    Page: stakinghub
+  </div>
+</template>
+
+<style scoped></style>

frontend/middleware/redirect.global.ts

@@ -40,6 +40,7 @@ export default function ({
       return redirectToV1('/mobile')
     case 'p':
     case 'product':
+    case 'products':
       if (!has('feature-product-landing')) {
         return abortNavigation()
       }