diff --git a/src/App.vue b/src/App.vue
index 37f3877..2af6772 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,17 +1,22 @@
 <script setup lang="ts">
 import { useTheme } from '@/components/theme-provider'
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
 import Navbar from '@/components/layout/Navbar.vue'
 import Footer from '@/components/layout/Footer.vue'
 
 // Initialize theme
 useTheme()
+const route = useRoute()
+const showFooter = computed(() => route.path !== '/support')
 </script>
 
 <template>
   <div class="min-h-screen bg-background font-sans antialiased">
-    <div class="relative flex min-h-screen flex-col" 
+    <div class="relative flex min-h-screen flex-col"
       style="padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom)">
-      <header class="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+      <header
+        class="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
         <nav class="container flex h-14 items-center">
           <Navbar />
         </nav>
@@ -21,7 +26,7 @@ useTheme()
         <router-view />
       </main>
 
-      <Footer />
+      <Footer v-if="showFooter" />
     </div>
   </div>
 </template>