fix: Download buttons now work from all pages

- Update Button component to navigate to home page with hash when on other pages
- Update Footer with same cross-page anchor navigation
- Update ScrollToTop to handle hash-based scrolling after navigation
- Download buttons in Header now work from /features, /privacy, /terms

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: ozkeisar

src/App.tsx

@@ -8,11 +8,22 @@ import Privacy from './pages/Privacy'
 import Terms from './pages/Terms'
 
 function ScrollToTop() {
-  const { pathname } = useLocation()
+  const { pathname, hash } = useLocation()
 
   useEffect(() => {
-    window.scrollTo(0, 0)
-  }, [pathname])
+    // If there's a hash, scroll to the element
+    if (hash) {
+      // Small delay to ensure the DOM is ready
+      setTimeout(() => {
+        const element = document.querySelector(hash)
+        if (element) {
+          element.scrollIntoView({ behavior: 'smooth' })
+        }
+      }, 100)
+    } else {
+      window.scrollTo(0, 0)
+    }
+  }, [pathname, hash])
 
   return null
 }

src/components/layout/Footer.tsx

@@ -1,4 +1,4 @@
-import { Link } from 'react-router-dom'
+import { Link, useLocation, useNavigate } from 'react-router-dom'
 import { Container } from '../ui/Container'
 import { Github, Twitter, Mail } from 'lucide-react'
 import { AdditLogo } from '../ui/AdditLogo'
@@ -25,6 +25,21 @@ const socialLinks = [
 ]
 
 export default function Footer() {
+  const location = useLocation()
+  const navigate = useNavigate()
+
+  const handleAnchorClick = (e: React.MouseEvent, href: string) => {
+    e.preventDefault()
+    if (location.pathname !== '/') {
+      navigate('/' + href)
+      return
+    }
+    const element = document.querySelector(href)
+    if (element) {
+      element.scrollIntoView({ behavior: 'smooth' })
+    }
+  }
+
   return (
     <footer className="border-t border-white/5 bg-background">
       <Container>
@@ -71,13 +86,7 @@ export default function Footer() {
                       ) : link.href.startsWith('#') ? (
                         <a
                           href={link.href}
-                          onClick={(e) => {
-                            e.preventDefault()
-                            const element = document.querySelector(link.href)
-                            if (element) {
-                              element.scrollIntoView({ behavior: 'smooth' })
-                            }
-                          }}
+                          onClick={(e) => handleAnchorClick(e, link.href)}
                           className="text-foreground-secondary hover:text-white transition-colors text-sm"
                         >
                           {link.name}

src/components/ui/Button.tsx

@@ -1,5 +1,5 @@
 import { ReactNode, MouseEvent } from 'react'
-import { Link } from 'react-router-dom'
+import { Link, useLocation, useNavigate } from 'react-router-dom'
 import { motion } from 'framer-motion'
 
 interface ButtonProps {
@@ -35,6 +35,9 @@ export function Button({
   className = '',
   disabled = false,
 }: ButtonProps) {
+  const location = useLocation()
+  const navigate = useNavigate()
+
   const baseClasses = `
     inline-flex items-center justify-center gap-2
     font-medium rounded-lg
@@ -66,6 +69,14 @@ export function Button({
     if (href.startsWith('#')) {
       const handleClick = (e: MouseEvent<HTMLAnchorElement>) => {
         e.preventDefault()
+
+        // If not on home page, navigate to home first with the hash
+        if (location.pathname !== '/') {
+          navigate('/' + href)
+          return
+        }
+
+        // On home page, just scroll to the element
         const element = document.querySelector(href)
         if (element) {
           element.scrollIntoView({ behavior: 'smooth' })