diff --git a/herbapi-ui/src/app.rs b/herbapi-ui/src/app.rs
index 9b444ec..27f4192 100644
--- a/herbapi-ui/src/app.rs
+++ b/herbapi-ui/src/app.rs
@@ -118,6 +118,48 @@ fn Layout() -> Element {
             main { class: "content",
                 Outlet::<Route> {}
             }
+
+            // Bottom navigation — visible only on mobile via CSS
+            nav { class: "bottom-nav",
+                Link { to: Route::Home {}, class: "bottom-nav-link",
+                    span { class: "bottom-nav-icon", "\u{1f3e0}" }
+                    span { class: "bottom-nav-label", "{t(l, \"nav.home\")}" }
+                }
+                Link { to: Route::SpeciesList {}, class: "bottom-nav-link",
+                    span { class: "bottom-nav-icon", "\u{1f33f}" }
+                    span { class: "bottom-nav-label", "{t(l, \"nav.species\")}" }
+                }
+                Link { to: Route::CultivarList {}, class: "bottom-nav-link",
+                    span { class: "bottom-nav-icon", "\u{1f331}" }
+                    span { class: "bottom-nav-label", "{t(l, \"nav.cultivars\")}" }
+                }
+                Link { to: Route::CompanionList {}, class: "bottom-nav-link",
+                    span { class: "bottom-nav-icon", "\u{1f91d}" }
+                    span { class: "bottom-nav-label", "{t(l, \"nav.companions\")}" }
+                }
+                Link { to: Route::SearchPage {}, class: "bottom-nav-link",
+                    span { class: "bottom-nav-icon", "\u{1f50d}" }
+                    span { class: "bottom-nav-label", "{t(l, \"nav.search\")}" }
+                }
+                div { class: "lang-toggle",
+                    button {
+                        class: if current_lang == "de" { "lang-btn lang-btn-active" } else { "lang-btn" },
+                        onclick: move |_| {
+                            lang.set("de".to_string());
+                            let _ = LocalStorage::set("herbapi_lang", "de".to_string());
+                        },
+                        "DE"
+                    }
+                    button {
+                        class: if current_lang == "en" { "lang-btn lang-btn-active" } else { "lang-btn" },
+                        onclick: move |_| {
+                            lang.set("en".to_string());
+                            let _ = LocalStorage::set("herbapi_lang", "en".to_string());
+                        },
+                        "EN"
+                    }
+                }
+            }
         }
     }
 }