feat(ui): redesign landing page and update styling

Overhaul landing page design with updated CSS, Tailwind config, and
i18n translations across all supported languages.

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

src/app.rs

@@ -49,10 +49,10 @@ const MAIN_CSS: Asset = asset!("/assets/main.css");
 const TAILWIND_CSS: Asset = asset!("/assets/tailwind.css");
 const MANIFEST: Asset = asset!("/assets/manifest.json");
 
-/// Google Fonts URL for Inter (body) and Space Grotesk (headings).
+/// Google Fonts URL for Literata (body) and Sora (headings).
 const GOOGLE_FONTS: &str = "https://fonts.googleapis.com/css2?\
-    family=Inter:wght@400;500;600&\
-    family=Space+Grotesk:wght@500;600;700&\
+    family=Sora:wght@300;400;500;600;700;800&\
+    family=Literata:ital,opsz,wght@0,7..72,400;0,7..72,500;0,7..72,600;0,7..72,700;1,7..72,400&\
     display=swap";
 
 /// Root application component. Loads global assets and mounts the router.
@@ -85,14 +85,14 @@ pub fn App() -> Element {
             src: "https://seggwat.com/static/widgets/v1/seggwat-feedback.js",
             r#defer: true,
             "data-project-key": "a04b8cf1-9177-42ce-8a7b-084f38b99799",
-            "data-button-color": "#6d85c6",
+            "data-button-color": "#8b5cf6",
             "data-button-position": "right-side",
             "data-enable-screenshots": "true",
         }
 
         document::Link { rel: "icon", href: FAVICON }
         document::Link { rel: "manifest", href: MANIFEST }
-        document::Meta { name: "theme-color", content: "#4B3FE0" }
+        document::Meta { name: "theme-color", content: "#0c0a1d" }
         document::Meta { name: "apple-mobile-web-app-capable", content: "yes" }
         document::Meta {
             name: "apple-mobile-web-app-status-bar-style",