Added favicons

Author: max-programming

public/android-chrome-192x192.png

@@ -0,0 +1,19 @@
+{
+  "name": "Whim - The Secret Sharing App",
+  "short_name": "Whim",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#151d31",
+  "background_color": "#4927d6",
+  "display": "standalone"
+}

public/android-chrome-512x512.png

@@ -1,12 +1,12 @@
-import { Clock, Flame, Lock, Shield } from "lucide-react";
+import { Clock, Lock, Shield } from "lucide-react";
 import { Card, CardContent } from "~/components/ui/card";
 
 export function LandingHero() {
   return (
     <div className="space-y-9">
       {/* Brand Badge with Whim */}
       <div className="inline-flex items-center gap-2 bg-indigo-50 dark:bg-indigo-900/30 px-3 py-1.5 rounded-full text-indigo-700 dark:text-indigo-300 font-medium text-sm border border-indigo-100 dark:border-indigo-800">
-        <Flame className="w-4 h-4" />
+        <img src="/favicon-32x32.png" alt="Whim" className="w-6 h-6" />
         Whim
       </div>
 

public/apple-touch-icon.png

@@ -1,5 +1,5 @@
 /// <reference types="vite/client" />
-import {  useSuspenseQuery } from "@tanstack/react-query";
+import { useSuspenseQuery } from "@tanstack/react-query";
 import {
   DefaultGlobalNotFound,
   HeadContent,
@@ -8,7 +8,7 @@ import {
   createRootRouteWithContext,
 } from "@tanstack/react-router";
 import { wrapCreateRootRouteWithSentry } from "@sentry/tanstackstart-react";
-import type {QueryClient} from "@tanstack/react-query";
+import type { QueryClient } from "@tanstack/react-query";
 import appCss from "~/styles/app.css?url";
 import { seo } from "~/lib/seo";
 import { ThemeToggle } from "~/components/theme-toggle";
@@ -43,6 +43,25 @@ export const Route = wrapCreateRootRouteWithSentry(
         rel: "stylesheet",
         href: appCss,
       },
+      {
+        rel: "icon",
+        type: "image/png",
+        href: "/favicon-32x32.png",
+      },
+      {
+        rel: "icon",
+        type: "image/png",
+        href: "/favicon-16x16.png",
+      },
+      {
+        rel: "apple-touch-icon",
+        sizes: "180x180",
+        href: "/apple-touch-icon.png",
+      },
+      {
+        rel: "manifest",
+        href: "/site.webmanifest",
+      },
     ],
   }),
   loader: ({ context }) => {