favicon

src/app/layout.tsx

@@ -8,6 +8,7 @@ import { cache } from "react";
 import { Inter } from "next/font/google";
 import { Toaster } from "@/app/shadcn_components/ui/toaster";
 import { SpeedInsights } from "@vercel/speed-insights/next";
+import type { Metadata } from "next";
 
 // If loading a variable font, you don't need to specify the font weight
 const inter = Inter({
@@ -18,6 +19,18 @@ const inter = Inter({
 export const metadata = {
   title: "Ara",
   description: "Ara is Domna’s portfolio intelligence platform that turns housing stock data into clear, costed retrofit and investment plans.",
+  icons: {
+    icon: [
+      {
+        url: "/domna-favicon-white.ico",
+        media: "(prefers-color-scheme: light)",
+      },
+      {
+        url: "/domna-favicon-navy.ico",
+        media: "(prefers-color-scheme: dark)",
+      },
+    ],
+  },
 };
 
 const getSession = cache(async () => {