+
diff --git a/apps/web/components/Navbar.tsx b/apps/web/components/Navbar.tsx
index 8c2bbd7..2d8553a 100644
--- a/apps/web/components/Navbar.tsx
+++ b/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 (
FAQ
-
- Download App
-
+
+ Download App
+
+