Added Support and Analytics for Release

resources/js/Components/FlightsGoneBy/MainFooter.vue

@@ -1,10 +1,22 @@
 <script setup lang="ts">
+import { Link, usePage } from "@inertiajs/vue3"
+import { SharedProps } from "@/Types/types"
 
+const page = usePage<SharedProps>().props
+const year = new Date().getFullYear()
 </script>
 
 <template>
     <footer class="glass">
-        &copy; FlightsGoneBy. All rights reserved.
+        <span class="footer-copyright">
+            &copy; {{ year }} FlightsGoneBy
+        </span>
+
+        <span class="footer-links">
+            <Link v-if="page.auth.user" :href="route('support')" class="footer-link">
+                Support
+            </Link>
+        </span>
     </footer>
 </template>
 
@@ -15,6 +27,50 @@ footer {
     min-height: 32px;
     display: flex;
     align-items: center;
-    justify-content: center;
+    justify-content: space-between;
+    padding: 0 1.5rem;
+    border-top: 1px solid rgba(255, 255, 255, 0.06);
+}
+
+.footer-copyright {
+    font-family: 'Share Tech Mono', monospace;
+    font-size: 0.68rem;
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+    color: #556;
+}
+
+.footer-links {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+}
+
+.footer-link {
+    font-family: 'Share Tech Mono', monospace;
+    font-size: 0.68rem;
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+    color: #778;
+    text-decoration: none;
+    transition: color 0.15s ease;
+}
+
+.footer-link:hover {
+    color: #ffc107;
+}
+
+@media (max-width: 600px) {
+    footer {
+        padding: 0 1rem;
+    }
+
+    .footer-copyright {
+        font-size: 0.6rem;
+    }
+
+    .footer-link {
+        font-size: 0.6rem;
+    }
 }
 </style>