From e25cb38209f919212994a9926ebdafa8a7c0fa9f Mon Sep 17 00:00:00 2001
From: Nuno Eufrasio <nmeufrasio@gmail.com>
Date: Tue, 16 Jun 2026 19:26:32 +0100
Subject: [PATCH 1/2] feat(footer): add Documentation and Contact support links

Add two links to the footer Platform section:
- Documentation: opens docs.linuxfoundation.org/lfx/crowdfunding in a new tab
- Contact support: opens the Intercom messenger via useIntercom().show(),
  mirroring the For Companies Contact our team button

Also add Documentation to the navbar More menu (below About) with
external new-tab handling, and left-align footer action buttons.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Signed-off-by: Nuno Eufrasio <nmeufrasio@gmail.com>
---
 .../shared/layout/components/desktop-nav.vue    |  2 ++
 .../shared/layout/components/mobile-menu.vue    |  2 ++
 .../app/components/shared/layout/footer.vue     | 17 ++++++++++++++++-
 frontend/app/config/menu/footer.ts              |  2 ++
 frontend/app/config/menu/header.ts              |  7 +++++++
 frontend/app/types/footer.types.ts              |  5 +++--
 6 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/shared/layout/components/desktop-nav.vue b/frontend/app/components/shared/layout/components/desktop-nav.vue
index a1168727..cd5436e3 100644
--- a/frontend/app/components/shared/layout/components/desktop-nav.vue
+++ b/frontend/app/components/shared/layout/components/desktop-nav.vue
@@ -75,6 +75,8 @@ SPDX-License-Identifier: MIT
         <lfx-dropdown-separator v-if="idx === 2" />
         <NuxtLink
           :to="child.to"
+          :target="child.external ? '_blank' : undefined"
+          :rel="child.external ? 'noopener noreferrer' : undefined"
           class="c-dropdown__item"
           active-class="c-dropdown__item--active"
         >
diff --git a/frontend/app/components/shared/layout/components/mobile-menu.vue b/frontend/app/components/shared/layout/components/mobile-menu.vue
index 11dad4ef..da8d6bc6 100644
--- a/frontend/app/components/shared/layout/components/mobile-menu.vue
+++ b/frontend/app/components/shared/layout/components/mobile-menu.vue
@@ -55,6 +55,8 @@ SPDX-License-Identifier: MIT
               v-for="child in moreItem.children"
               :key="child.label"
               :to="child.to"
+              :target="child.external ? '_blank' : undefined"
+              :rel="child.external ? 'noopener noreferrer' : undefined"
               class="inline-flex items-center gap-2 rounded-full px-3 py-2 text-sm font-medium text-neutral-500 hover:bg-neutral-50 hover:text-neutral-700"
               active-class="!bg-neutral-100 !text-neutral-900"
               @click="close"
diff --git a/frontend/app/components/shared/layout/footer.vue b/frontend/app/components/shared/layout/footer.vue
index 09a79131..fe8f1040 100644
--- a/frontend/app/components/shared/layout/footer.vue
+++ b/frontend/app/components/shared/layout/footer.vue
@@ -58,10 +58,18 @@ SPDX-License-Identifier: MIT
                     {{ link.name }}
                   </a>
                 </template>
+                <button
+                  v-else-if="link.intercom"
+                  type="button"
+                  class="text-sm leading-7 text-white hover:underline self-start text-left"
+                  @click="openIntercom"
+                >
+                  {{ link.name }}
+                </button>
                 <template v-else>
                   <button
                     type="button"
-                    class="text-sm leading-7 text-white hover:underline -ml-1 self-start text-left"
+                    class="text-sm leading-7 text-white hover:underline self-start text-left"
                     @click="link.action"
                   >
                     {{ link.name }}
@@ -90,11 +98,18 @@ SPDX-License-Identifier: MIT
 
 <script setup lang="ts">
 import { nextTick, ref } from 'vue';
+import { useIntercom } from '~/composables/useIntercom';
 import { lfxFooterMenu } from '~/config/menu/footer';
 import { AppRoute } from '~/config/routes';
 
 const lfxFooterRef = ref<HTMLElement | null>(null);
 
+const { show } = useIntercom();
+
+function openIntercom() {
+  show();
+}
+
 onMounted(async () => {
   await nextTick();
   const el = document.querySelector('.lfx-footer-wc') as HTMLElement;
diff --git a/frontend/app/config/menu/footer.ts b/frontend/app/config/menu/footer.ts
index 7022590d..8ee28ff4 100644
--- a/frontend/app/config/menu/footer.ts
+++ b/frontend/app/config/menu/footer.ts
@@ -23,6 +23,8 @@ export const lfxFooterMenu: FooterMenuSection[] = [
         },
       },
       { name: 'About', link: AppRoute.About },
+      { name: 'Documentation', link: 'https://docs.linuxfoundation.org/lfx/crowdfunding' },
+      { name: 'Contact support', intercom: true },
     ],
   },
   {
diff --git a/frontend/app/config/menu/header.ts b/frontend/app/config/menu/header.ts
index 3f36ee7e..8ca38367 100644
--- a/frontend/app/config/menu/header.ts
+++ b/frontend/app/config/menu/header.ts
@@ -7,6 +7,7 @@ export interface HeaderMenuChild {
   label: string;
   icon: string;
   to: string;
+  external?: boolean;
 }
 
 export interface HeaderMenuItem {
@@ -26,6 +27,12 @@ export const lfxHeaderMenu: HeaderMenuItem[] = [
       { label: 'For Projects', icon: 'laptop-code', to: AppRoute.ForProjects },
       { label: 'For Companies', icon: 'buildings', to: AppRoute.ForCompanies },
       { label: 'About', icon: 'circle-info', to: AppRoute.About },
+      {
+        label: 'Documentation',
+        icon: 'book-open',
+        to: 'https://docs.linuxfoundation.org/lfx/crowdfunding',
+        external: true,
+      },
     ],
   },
 ];
diff --git a/frontend/app/types/footer.types.ts b/frontend/app/types/footer.types.ts
index 8ada2b0a..8392b8eb 100644
--- a/frontend/app/types/footer.types.ts
+++ b/frontend/app/types/footer.types.ts
@@ -2,8 +2,9 @@
 // SPDX-License-Identifier: MIT
 
 export type FooterMenuLink =
-  | { name: string; link: string; action?: never }
-  | { name: string; action: () => void; link?: never };
+  | { name: string; link: string; action?: never; intercom?: never }
+  | { name: string; action: () => void; link?: never; intercom?: never }
+  | { name: string; intercom: true; link?: never; action?: never };
 
 export interface FooterMenuSection {
   title: string;

From 60fc67900eb35ea96f5a21f31508fbfa16e8ab09 Mon Sep 17 00:00:00 2001
From: Nuno Eufrasio <nmeufrasio@gmail.com>
Date: Tue, 16 Jun 2026 19:54:05 +0100
Subject: [PATCH 2/2] fix(review): address PR #175 review feedback

Address review comments from @mlehotskylf:

- config/menu/footer.ts: point Documentation to the in-app /docs route
  instead of the deprecated docs.linuxfoundation.org CF docs
- config/menu/header.ts: point More-menu Documentation to /docs and drop
  the now-unused external flag
- layout/components/desktop-nav.vue, mobile-menu.vue: revert external
  new-tab handling (no longer needed for an in-app link)

The in-app docs system is introduced in #166 (AppRoute.Docs = '/docs').

Resolves 2 review threads.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Signed-off-by: Nuno Eufrasio <nmeufrasio@gmail.com>
---
 .../components/shared/layout/components/desktop-nav.vue   | 2 --
 .../components/shared/layout/components/mobile-menu.vue   | 2 --
 frontend/app/config/menu/footer.ts                        | 2 +-
 frontend/app/config/menu/header.ts                        | 8 +-------
 4 files changed, 2 insertions(+), 12 deletions(-)

diff --git a/frontend/app/components/shared/layout/components/desktop-nav.vue b/frontend/app/components/shared/layout/components/desktop-nav.vue
index cd5436e3..a1168727 100644
--- a/frontend/app/components/shared/layout/components/desktop-nav.vue
+++ b/frontend/app/components/shared/layout/components/desktop-nav.vue
@@ -75,8 +75,6 @@ SPDX-License-Identifier: MIT
         <lfx-dropdown-separator v-if="idx === 2" />
         <NuxtLink
           :to="child.to"
-          :target="child.external ? '_blank' : undefined"
-          :rel="child.external ? 'noopener noreferrer' : undefined"
           class="c-dropdown__item"
           active-class="c-dropdown__item--active"
         >
diff --git a/frontend/app/components/shared/layout/components/mobile-menu.vue b/frontend/app/components/shared/layout/components/mobile-menu.vue
index da8d6bc6..11dad4ef 100644
--- a/frontend/app/components/shared/layout/components/mobile-menu.vue
+++ b/frontend/app/components/shared/layout/components/mobile-menu.vue
@@ -55,8 +55,6 @@ SPDX-License-Identifier: MIT
               v-for="child in moreItem.children"
               :key="child.label"
               :to="child.to"
-              :target="child.external ? '_blank' : undefined"
-              :rel="child.external ? 'noopener noreferrer' : undefined"
               class="inline-flex items-center gap-2 rounded-full px-3 py-2 text-sm font-medium text-neutral-500 hover:bg-neutral-50 hover:text-neutral-700"
               active-class="!bg-neutral-100 !text-neutral-900"
               @click="close"
diff --git a/frontend/app/config/menu/footer.ts b/frontend/app/config/menu/footer.ts
index 8ee28ff4..a3d5e5d3 100644
--- a/frontend/app/config/menu/footer.ts
+++ b/frontend/app/config/menu/footer.ts
@@ -23,7 +23,7 @@ export const lfxFooterMenu: FooterMenuSection[] = [
         },
       },
       { name: 'About', link: AppRoute.About },
-      { name: 'Documentation', link: 'https://docs.linuxfoundation.org/lfx/crowdfunding' },
+      { name: 'Documentation', link: '/docs' },
       { name: 'Contact support', intercom: true },
     ],
   },
diff --git a/frontend/app/config/menu/header.ts b/frontend/app/config/menu/header.ts
index 8ca38367..b271235f 100644
--- a/frontend/app/config/menu/header.ts
+++ b/frontend/app/config/menu/header.ts
@@ -7,7 +7,6 @@ export interface HeaderMenuChild {
   label: string;
   icon: string;
   to: string;
-  external?: boolean;
 }
 
 export interface HeaderMenuItem {
@@ -27,12 +26,7 @@ export const lfxHeaderMenu: HeaderMenuItem[] = [
       { label: 'For Projects', icon: 'laptop-code', to: AppRoute.ForProjects },
       { label: 'For Companies', icon: 'buildings', to: AppRoute.ForCompanies },
       { label: 'About', icon: 'circle-info', to: AppRoute.About },
-      {
-        label: 'Documentation',
-        icon: 'book-open',
-        to: 'https://docs.linuxfoundation.org/lfx/crowdfunding',
-        external: true,
-      },
+      { label: 'Documentation', icon: 'book-open', to: '/docs' },
     ],
   },
 ];