chore: update navigation links to point to marketing site and add marketing URL configuration

Author: JoachimLK

app/components/AppTopBar.vue

@@ -139,14 +139,14 @@ onUnmounted(() => document.removeEventListener('click', onClickOutsideUser))
       <div class="flex h-14 items-center justify-between px-4 lg:px-6">
         <!-- Left: Logo + Nav -->
         <div class="flex items-center gap-1 lg:gap-2">
-          <!-- Logo -->
-          <NuxtLink
-            :to="$localePath('/')"
+          <!-- Logo — links to marketing site (reqcore.com), not app root -->
+          <a
+            :href="useRuntimeConfig().public.marketingUrl"
             class="flex items-center gap-2.5 px-2 py-1.5 rounded-lg no-underline hover:bg-surface-100/60 dark:hover:bg-surface-800/60 transition-colors mr-1 lg:mr-4"
           >
             <img src="/eagle-mascot-logo.png" alt="Reqcore mascot" class="size-7 shrink-0 object-contain" />
             <span class="text-[15px] font-bold text-surface-900 dark:text-surface-100 hidden sm:block tracking-tight">Reqcore</span>
-          </NuxtLink>
+          </a>
 
           <!-- Desktop nav links -->
           <nav class="hidden md:flex items-center gap-0.5">

app/components/ConsentBanner.vue

@@ -20,12 +20,14 @@ const { needsConsent, acceptAnalytics, declineAnalytics } = useAnalyticsConsent(
         Help us improve reqcore. No ads, no data selling, just product insights.
       </p>
       <p class="mt-1.5 text-[12px] text-white/40">
-        <NuxtLink
-          to="/docs/legal/privacy-policy"
+        <a
+          :href="`${useRuntimeConfig().public.marketingUrl}/docs/legal/privacy-policy`"
+          target="_blank"
+          rel="noopener noreferrer"
           class="underline underline-offset-2 transition hover:text-white/70"
         >
           Privacy policy
-        </NuxtLink>
+        </a>
       </p>
       <div class="mt-3 flex gap-2">
         <button

app/components/PublicNavBar.vue

@@ -12,9 +12,9 @@ const { data: session } = await authClient.useSession(useFetch)
 <template>
   <nav class="fixed inset-x-0 top-0 z-50 border-b border-white/[0.06] bg-[#09090b]/80 backdrop-blur-xl">
     <div class="mx-auto flex h-14 max-w-6xl items-center justify-between px-6">
-      <!-- Logo -->
-      <NuxtLink
-        :to="localePath('/')"
+      <!-- Logo — links to marketing site (reqcore.com) -->
+      <a
+        :href="useRuntimeConfig().public.marketingUrl"
         class="flex items-center gap-2.5 text-[15px] font-semibold tracking-tight text-white"
       >
         <img
@@ -27,7 +27,7 @@ const { data: session } = await authClient.useSession(useFetch)
           class="h-7 w-7 object-contain"
         />
         Reqcore
-      </NuxtLink>
+      </a>
 
       <!-- Center nav links (desktop) -->
       <div class="hidden items-center gap-1 md:flex">

app/layouts/public.vue

@@ -3,9 +3,9 @@
     <!-- Simple header -->
     <header class="border-b border-surface-200 dark:border-surface-800 bg-white dark:bg-surface-900">
       <div class="mx-auto max-w-3xl px-4 sm:px-6 py-4 flex items-center justify-between">
-        <NuxtLink :to="$localePath('/')" class="text-lg font-bold text-surface-900 dark:text-surface-100">
+        <a :href="useRuntimeConfig().public.marketingUrl" class="text-lg font-bold text-surface-900 dark:text-surface-100">
           Reqcore
-        </NuxtLink>
+        </a>
         <LanguageSwitcher />
       </div>
     </header>
@@ -19,7 +19,7 @@
     <footer class="border-t border-surface-200 dark:border-surface-800 mt-12">
       <div class="mx-auto max-w-3xl px-4 sm:px-6 py-6">
         <p class="text-xs text-surface-400 text-center">
-          Powered by <NuxtLink :to="$localePath('/')" class="underline hover:text-surface-600 dark:hover:text-surface-300">Reqcore</NuxtLink>
+          Powered by <a :href="useRuntimeConfig().public.marketingUrl" class="underline hover:text-surface-600 dark:hover:text-surface-300">Reqcore</a>
         </p>
       </div>
     </footer>

app/pages/dashboard/settings/integrations.vue

@@ -158,13 +158,15 @@ async function handleDisconnect() {
             environment variables before users can connect.
           </p>
           <div class="flex items-center gap-4">
-            <NuxtLink
-              to="/docs/features/google-calendar"
+            <a
+              :href="`${useRuntimeConfig().public.marketingUrl}/docs/features/google-calendar`"
+              target="_blank"
+              rel="noopener noreferrer"
               class="inline-flex items-center gap-1.5 text-sm text-brand-600 dark:text-brand-400 hover:underline"
             >
               Setup guide
               <ExternalLink class="size-3.5" />
-            </NuxtLink>
+            </a>
             <a
               href="https://console.cloud.google.com/apis/credentials"
               target="_blank"

app/pages/jobs/[slug]/apply.vue

@@ -250,12 +250,12 @@ const typeLabels: Record<string, string> = {
       <p class="text-sm text-surface-500 mb-6 max-w-xs">
         This position may have been filled or is no longer accepting applications.
       </p>
-      <NuxtLink
-        :to="$localePath('/')"
+      <a
+        :href="useRuntimeConfig().public.marketingUrl"
         class="inline-flex items-center gap-2 rounded-lg bg-brand-600 px-5 py-2.5 text-sm font-medium text-white hover:bg-brand-700 transition-colors shadow-sm"
       >
         Back to Home
-      </NuxtLink>
+      </a>
     </div>
 
     <!-- Application form -->

app/pages/jobs/[slug]/confirmation.vue

@@ -47,12 +47,12 @@ useSeoMeta({
       >
         Browse more positions
       </NuxtLink>
-      <NuxtLink
-        :to="$localePath('/')"
+      <a
+        :href="useRuntimeConfig().public.marketingUrl"
         class="inline-flex items-center rounded-lg border border-surface-300 dark:border-surface-700 px-4 py-2 text-sm font-medium text-surface-700 dark:text-surface-300 hover:bg-surface-50 dark:hover:bg-surface-800 transition-colors"
       >
         Back to Home
-      </NuxtLink>
+      </a>
     </div>
   </div>
 </template>

nuxt.config.ts

@@ -106,6 +106,8 @@ export default defineNuxtConfig({
 
   runtimeConfig: {
     public: {
+      /** Base URL of the marketing site (reqcore-web) for cross-domain links */
+      marketingUrl: process.env.NUXT_PUBLIC_MARKETING_URL || 'https://reqcore.com',
       // PostHog runtimeConfig is managed by @posthog/nuxt via posthogConfig above.
       // Override at runtime with NUXT_PUBLIC_POSTHOG_PUBLIC_KEY / NUXT_PUBLIC_POSTHOG_HOST.
       /** When set, the dashboard shows a read-only demo banner for this org slug */