From 5bd909d227fa175bea1409609f14d24a2813deb3 Mon Sep 17 00:00:00 2001
From: Ovidiu U <nonreal@gmail.com>
Date: Wed, 10 Jun 2026 12:40:51 +0100
Subject: [PATCH] Show site footer on dashboard pages and trim footer links

Render the shared SiteFooter in DashboardLayout so it appears on every
dashboard page (overview, saved stations, preferences, settings) from a
single source. Content area grows to pin the footer to the bottom on
short pages.

Trim the footer Product column to real anchors and drop the dead-link
Resources column.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 resources/js/components/landing/SiteFooter.vue   | 15 ++-------------
 resources/js/views/dashboard/DashboardLayout.vue |  5 ++++-
 2 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/resources/js/components/landing/SiteFooter.vue b/resources/js/components/landing/SiteFooter.vue
index 379a857..9f951b4 100644
--- a/resources/js/components/landing/SiteFooter.vue
+++ b/resources/js/components/landing/SiteFooter.vue
@@ -26,19 +26,8 @@
                 <h5 class="font-black text-xs text-zinc-800 tracking-widest">Product</h5>
                 <ul class="space-y-2 text-sm text-zinc-500">
                     <li><RouterLink class="hover:text-accent transition-colors" to="/pricing">Pricing</RouterLink></li>
-                    <li><a class="hover:text-accent transition-colors" href="#features">Features</a></li>
-                    <li><a class="hover:text-accent transition-colors" href="#">FuelAlert Pro</a></li>
-                    <li><a class="hover:text-accent transition-colors" href="#">Enterprise API</a></li>
-                </ul>
-            </div>
-
-            <div class="space-y-4">
-                <h5 class="font-black text-xs text-zinc-800 tracking-widest">Resources</h5>
-                <ul class="space-y-2 text-sm text-zinc-500">
-                    <li><a class="hover:text-accent transition-colors" href="#">Market Insights</a></li>
-                    <li><a class="hover:text-accent transition-colors" href="#">How We Track</a></li>
-                    <li><a class="hover:text-accent transition-colors" href="#">Help Center</a></li>
-                    <li><a class="hover:text-accent transition-colors" href="#">Driver Safety</a></li>
+                    <li><a class="hover:text-accent transition-colors" href="#how-it-works">How it works</a></li>
+                    <li><a class="hover:text-accent transition-colors" href="#features">Why it works</a></li>
                 </ul>
             </div>
 
diff --git a/resources/js/views/dashboard/DashboardLayout.vue b/resources/js/views/dashboard/DashboardLayout.vue
index 59616de..566287b 100644
--- a/resources/js/views/dashboard/DashboardLayout.vue
+++ b/resources/js/views/dashboard/DashboardLayout.vue
@@ -64,7 +64,7 @@
             </div>
         </nav>
 
-        <div class="flex pt-20 max-w-7xl mx-auto w-full px-6 py-8 gap-8">
+        <div class="flex flex-1 pt-20 max-w-7xl mx-auto w-full px-6 py-8 gap-8">
             <!-- Sidebar -->
             <aside class="w-56 flex-shrink-0 hidden md:block">
                 <nav class="space-y-1">
@@ -88,6 +88,8 @@
                 <RouterView />
             </main>
         </div>
+
+        <SiteFooter />
     </div>
 </template>
 
@@ -95,6 +97,7 @@
 import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { RouterLink, RouterView, useRoute, useRouter } from 'vue-router'
 import { useAuth } from '../../composables/useAuth.js'
+import SiteFooter from '../../components/landing/SiteFooter.vue'
 
 const { user } = useAuth()
 const route = useRoute()