Add Google Play links to web

apps/web/components/Navbar.tsx

@@ -4,19 +4,33 @@ import { useState, useEffect } from 'react'
 import Link from 'next/link'
 import Image from 'next/image'
 import { motion, AnimatePresence } from 'framer-motion'
-import { Menu, X } from 'lucide-react'
+import { Menu, X } from 'lucide-react'
+
+const APP_STORE_URL = 'https://apps.apple.com/app/sauci'
+const PLAY_STORE_URL = 'https://play.google.com/store/apps/details?id=com.sauci.app'
+
+export default function Navbar() {
+
+  const [isScrolled, setIsScrolled] = useState(false)
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
+  const [downloadUrl, setDownloadUrl] = useState(APP_STORE_URL)
+
 
-export default function Navbar() {
-  const [isScrolled, setIsScrolled] = useState(false)
-  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
-
-  useEffect(() => {
-    const handleScroll = () => {
-      setIsScrolled(window.scrollY > 20)
-    }
-    window.addEventListener('scroll', handleScroll)
-    return () => window.removeEventListener('scroll', handleScroll)
-  }, [])
+  useEffect(() => {
+    const handleScroll = () => {
+      setIsScrolled(window.scrollY > 20)
+    }
+    window.addEventListener('scroll', handleScroll)
+    return () => window.removeEventListener('scroll', handleScroll)
+  }, [])
+
+  useEffect(() => {
+    const userAgent = navigator.userAgent || ''
+    if (/Android/i.test(userAgent)) {
+      setDownloadUrl(PLAY_STORE_URL)
+    }
+  }, [])
+
 
   return (
     <motion.nav
@@ -52,14 +66,15 @@ export default function Navbar() {
           <a href="#faq" className="text-white/70 hover:text-white transition-colors">
             FAQ
           </a>
-          <a
-            href="https://apps.apple.com/app/sauci"
-            target="_blank"
-            rel="noopener noreferrer"
-            className="btn-primary text-sm py-3 px-6"
-          >
-            Download App
-          </a>
+          <a
+            href={downloadUrl}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="btn-primary text-sm py-3 px-6"
+          >
+            Download App
+          </a>
+
         </div>
 
         {/* Mobile Menu Button */}
@@ -110,14 +125,15 @@ export default function Navbar() {
               >
                 FAQ
               </a>
-              <a
-                href="https://apps.apple.com/app/sauci"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="btn-primary text-sm py-3 px-6 text-center"
-              >
-                Download App
-              </a>
+              <a
+                href={downloadUrl}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="btn-primary text-sm py-3 px-6 text-center"
+              >
+                Download App
+              </a>
+
             </div>
           </motion.div>
         )}