diff --git a/web/public/favicon.ico b/web/public/favicon.ico new file mode 100644 index 00000000..98fa22ce Binary files /dev/null and b/web/public/favicon.ico differ diff --git a/web/public/favicon.png b/web/public/favicon.png new file mode 100644 index 00000000..c3275d00 Binary files /dev/null and b/web/public/favicon.png differ diff --git a/web/public/favicon.svg b/web/public/favicon.svg new file mode 100644 index 00000000..d3f858ca --- /dev/null +++ b/web/public/favicon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/src/app/layout.tsx b/web/src/app/layout.tsx index a543b65f..cdb8e9d0 100644 --- a/web/src/app/layout.tsx +++ b/web/src/app/layout.tsx @@ -1,28 +1,34 @@ -import { PostHogProvider } from "@/components/PostHogProvider" -import { Header } from "@/components/header" -import { LicenseNotice } from "@/components/license-notice" -import type { Metadata, Viewport } from "next" -import { Inter } from "next/font/google" -import { Toaster } from "sonner" -import "./globals.css" -import { ThemeProvider } from "./theme-provider" +import { PostHogProvider } from "@/components/PostHogProvider"; +import { Header } from "@/components/header"; +import { LicenseNotice } from "@/components/license-notice"; +import type { Metadata, Viewport } from "next"; +import { Inter } from "next/font/google"; +import { Toaster } from "sonner"; +import "./globals.css"; +import { ThemeProvider } from "./theme-provider"; const inter = Inter({ variable: "--font-inter", subsets: ["latin"], -}) +}); export const viewport: Viewport = { width: "device-width", initialScale: 1, themeColor: "#ffffff", -} +}; export const metadata: Metadata = { - metadataBase: new URL("https://dashboardicons.com"), + metadataBase: new URL("https://icons.homarr.dev"), title: "Dashboard Icons", description: "Curated icons for your dashboard", - keywords: ["dashboard", "icons", "open source", "free icons", "dashboard design"], + keywords: [ + "dashboard", + "icons", + "open source", + "free icons", + "dashboard design", + ], robots: { index: true, follow: true, @@ -37,7 +43,7 @@ export const metadata: Metadata = { locale: "en_US", title: "Dashboard Icons", description: "Curated icons for your dashboard", - url: "https://dashboardicons.com", + url: "https://icons.homarr.dev", images: [ { url: "/og-image.png", @@ -64,7 +70,7 @@ export const metadata: Metadata = { }, alternates: { types: { - "application/rss+xml": "https://dashboardicons.com/rss.xml", + "application/rss+xml": "https://icons.homarr.dev/rss.xml", }, }, icons: { @@ -73,26 +79,6 @@ export const metadata: Metadata = { url: "/favicon.ico", type: "image/x-icon", }, - { - url: "/favicon-16x16.png", - sizes: "16x16", - type: "image/png", - }, - { - url: "/favicon-32x32.png", - sizes: "32x32", - type: "image/png", - }, - { - url: "/favicon-96x96.png", - sizes: "96x96", - type: "image/png", - }, - { - url: "/android-chrome-192x192.png", - sizes: "192x192", - type: "image/png", - }, ], shortcut: [ { @@ -100,62 +86,22 @@ export const metadata: Metadata = { type: "image/x-icon", }, ], - apple: [ - { - url: "/apple-icon-57x57.png", - sizes: "57x57", - type: "image/png", - }, - { - url: "/apple-icon-60x60.png", - sizes: "60x60", - type: "image/png", - }, - { - url: "/apple-icon-72x72.png", - sizes: "72x72", - type: "image/png", - }, - { - url: "/apple-icon-76x76.png", - sizes: "76x76", - type: "image/png", - }, - { - url: "/apple-icon-114x114.png", - sizes: "114x114", - type: "image/png", - }, - { - url: "/apple-icon-120x120.png", - sizes: "120x120", - type: "image/png", - }, - { - url: "/apple-icon-144x144.png", - sizes: "144x144", - type: "image/png", - }, - { - url: "/apple-icon-152x152.png", - sizes: "152x152", - type: "image/png", - }, - { - url: "/apple-icon-180x180.png", - sizes: "180x180", - type: "image/png", - }, - ], }, -} +}; -export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) { +export default function RootLayout({ + children, +}: Readonly<{ children: React.ReactNode }>) { return ( - +
{children}
@@ -164,5 +110,5 @@ export default function RootLayout({ children }: Readonly<{ children: React.Reac - ) + ); }