diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..67de44c
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-dark.png b/public/favicon-dark.png
new file mode 100644
index 0000000..0f0e626
Binary files /dev/null and b/public/favicon-dark.png differ
diff --git a/public/favicon-dark.svg b/public/favicon-dark.svg
new file mode 100644
index 0000000..826447c
--- /dev/null
+++ b/public/favicon-dark.svg
@@ -0,0 +1,10 @@
+<svg width="128" height="144" viewBox="0 0 128 144" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="10.3334" y="56.6667" width="107.333" height="76.6667" fill="#C1830D"/>
+<path d="M5.22227 22.8889C5.22227 21.7843 6.11771 20.8889 7.22227 20.8889H120.778C121.882 20.8889 122.778 21.7843 122.778 22.8889V46.4445H5.22227V22.8889Z" fill="#5770FF"/>
+<rect x="3.11113" y="18.7778" width="121.778" height="121.778" rx="3" stroke="white" stroke-width="6"/>
+<line x1="0.11113" y1="50.5556" x2="127.889" y2="50.5556" stroke="white" stroke-width="2"/>
+<rect x="27.6667" y="2.44446" width="13.6402" height="28.7926" rx="4" fill="#C1830D" stroke="white" stroke-width="4"/>
+<rect x="83.8889" y="2.44446" width="13.6402" height="28.7926" rx="4" fill="#C1830D" stroke="white" stroke-width="4"/>
+<path d="M121.304 46.4444C123.158 46.4444 124.718 47.0473 125.987 48.2531C127.255 49.4589 127.889 50.9429 127.889 52.7052L127.889 137.156C127.889 138.918 127.255 140.402 125.987 141.608C124.718 142.906 123.158 143.556 121.304 143.556H62.6255C60.8696 143.556 59.4063 142.953 58.2356 141.747C56.9674 140.634 56.3333 139.243 56.3333 137.573C56.3333 135.904 56.9674 134.512 58.2356 133.399C59.4063 132.286 60.8696 131.73 62.6255 131.73H114.573V100.982H84.1741C82.4181 100.982 80.9548 100.38 79.7842 99.1738C78.516 98.0608 77.8819 96.6695 77.8819 95C77.8819 93.3305 78.516 91.9392 79.7842 90.8262C80.9548 89.7131 82.4181 89.1566 84.1741 89.1566H114.573V58.2703H62.6255C60.8696 58.2703 59.4063 57.6674 58.2356 56.4616C56.9674 55.3486 56.3333 53.9573 56.3333 52.2878C56.3333 50.6183 56.9674 49.227 58.2356 48.114C59.4063 47.0009 60.8696 46.4444 62.6255 46.4444H121.304Z" fill="white"/>
+<path d="M6.696 143.556C4.84248 143.556 3.28162 142.953 2.01343 141.747C0.745229 140.541 0.11113 139.057 0.11113 137.295V52.8443C0.11113 51.082 0.745229 49.598 2.01343 48.3922C3.28162 47.0937 4.84248 46.4445 6.696 46.4445H65.3745C67.1304 46.4445 68.5938 47.0473 69.7644 48.2531C71.0326 49.3661 71.6667 50.7574 71.6667 52.4269C71.6667 54.0965 71.0326 55.4878 69.7644 56.6008C68.5938 57.7138 67.1304 58.2703 65.3745 58.2703H13.4272V89.0175H43.826C45.5819 89.0175 47.0452 89.6204 48.2159 90.8262C49.4841 91.9392 50.1182 93.3305 50.1182 95C50.1182 96.6695 49.4841 98.0608 48.2159 99.1738C47.0452 100.287 45.5819 100.843 43.826 100.843H13.4272V131.73H65.3745C67.1304 131.73 68.5938 132.333 69.7644 133.538C71.0326 134.651 71.6667 136.043 71.6667 137.712C71.6667 139.382 71.0326 140.773 69.7644 141.886C68.5938 142.999 67.1304 143.556 65.3745 143.556H6.696Z" fill="white"/>
+</svg>
diff --git a/public/favicon-light.png b/public/favicon-light.png
new file mode 100644
index 0000000..f7472c1
Binary files /dev/null and b/public/favicon-light.png differ
diff --git a/public/favicon-light.svg b/public/favicon-light.svg
new file mode 100644
index 0000000..9eedff7
--- /dev/null
+++ b/public/favicon-light.svg
@@ -0,0 +1,10 @@
+<svg width="128" height="144" viewBox="0 0 128 144" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="10.3334" y="56.6667" width="107.333" height="76.6667" fill="#E69D11"/>
+<path d="M5.22227 22.8889C5.22227 21.7843 6.11771 20.8889 7.22227 20.8889H120.778C121.882 20.8889 122.778 21.7843 122.778 22.8889V46.4445H5.22227V22.8889Z" fill="#4154C0"/>
+<rect x="3.11113" y="18.7778" width="121.778" height="121.778" rx="3" stroke="black" stroke-width="6"/>
+<line x1="0.11113" y1="50.5556" x2="127.889" y2="50.5556" stroke="black" stroke-width="2"/>
+<rect x="27.6667" y="2.44446" width="13.6402" height="28.7926" rx="4" fill="#E69D11" stroke="black" stroke-width="4"/>
+<rect x="83.8889" y="2.44446" width="13.6402" height="28.7926" rx="4" fill="#E69D11" stroke="black" stroke-width="4"/>
+<path d="M121.304 46.4444C123.158 46.4444 124.718 47.0473 125.987 48.2531C127.255 49.4589 127.889 50.9429 127.889 52.7052L127.889 137.156C127.889 138.918 127.255 140.402 125.987 141.608C124.718 142.906 123.158 143.556 121.304 143.556H62.6255C60.8696 143.556 59.4063 142.953 58.2356 141.747C56.9674 140.634 56.3333 139.243 56.3333 137.573C56.3333 135.904 56.9674 134.512 58.2356 133.399C59.4063 132.286 60.8696 131.73 62.6255 131.73H114.573V100.982H84.1741C82.4181 100.982 80.9548 100.38 79.7842 99.1738C78.516 98.0608 77.8819 96.6695 77.8819 95C77.8819 93.3305 78.516 91.9392 79.7842 90.8262C80.9548 89.7131 82.4181 89.1566 84.1741 89.1566H114.573V58.2703H62.6255C60.8696 58.2703 59.4063 57.6674 58.2356 56.4616C56.9674 55.3486 56.3333 53.9573 56.3333 52.2878C56.3333 50.6183 56.9674 49.227 58.2356 48.114C59.4063 47.0009 60.8696 46.4444 62.6255 46.4444H121.304Z" fill="black"/>
+<path d="M6.696 143.556C4.84248 143.556 3.28162 142.953 2.01343 141.747C0.745229 140.541 0.11113 139.057 0.11113 137.295V52.8443C0.11113 51.082 0.745229 49.598 2.01343 48.3922C3.28162 47.0937 4.84248 46.4445 6.696 46.4445H65.3745C67.1304 46.4445 68.5938 47.0473 69.7644 48.2531C71.0326 49.3661 71.6667 50.7574 71.6667 52.4269C71.6667 54.0965 71.0326 55.4878 69.7644 56.6008C68.5938 57.7138 67.1304 58.2703 65.3745 58.2703H13.4272V89.0175H43.826C45.5819 89.0175 47.0452 89.6204 48.2159 90.8262C49.4841 91.9392 50.1182 93.3305 50.1182 95C50.1182 96.6695 49.4841 98.0608 48.2159 99.1738C47.0452 100.287 45.5819 100.843 43.826 100.843H13.4272V131.73H65.3745C67.1304 131.73 68.5938 132.333 69.7644 133.538C71.0326 134.651 71.6667 136.043 71.6667 137.712C71.6667 139.382 71.0326 140.773 69.7644 141.886C68.5938 142.999 67.1304 143.556 65.3745 143.556H6.696Z" fill="black"/>
+</svg>
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..8ad1cfa
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/site.webmanifest b/public/site.webmanifest
new file mode 100644
index 0000000..981d97f
--- /dev/null
+++ b/public/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "MyWebSite",
+  "short_name": "MySite",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/public/web-app-manifest-192x192.png b/public/web-app-manifest-192x192.png
new file mode 100644
index 0000000..d084830
Binary files /dev/null and b/public/web-app-manifest-192x192.png differ
diff --git a/public/web-app-manifest-512x512.png b/public/web-app-manifest-512x512.png
new file mode 100644
index 0000000..4f2133a
Binary files /dev/null and b/public/web-app-manifest-512x512.png differ
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 05f8659..e30808f 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -15,6 +15,39 @@ export default function RootLayout({
 }>) {
   return (
     <html lang='en' suppressHydrationWarning>
+      <head>
+        <link
+          rel='icon'
+          type='image/png'
+          href='/favicon-dark.png'
+          media='(prefers-color-scheme: dark)'
+        />
+        <link
+          rel='icon'
+          type='image/png'
+          href='/favicon-light.png'
+          media='(prefers-color-scheme: light)'
+        />
+        <link
+          rel='icon'
+          type='image/svg+xml'
+          href='/favicon-dark.svg'
+          media='(prefers-color-scheme: dark)'
+        />
+        <link
+          rel='icon'
+          type='image/svg+xml'
+          href='/favicon-light.svg'
+          media='(prefers-color-scheme: light)'
+        />
+        <link rel='shortcut icon' href='/favicon.ico' />
+        <link
+          rel='apple-touch-icon'
+          sizes='180x180'
+          href='/apple-touch-icon.png'
+        />
+        <link rel='manifest' href='/site.webmanifest' />
+      </head>
       <body>
         <ThemeProvider
           attribute='class'
diff --git a/src/middleware.ts b/src/middleware.ts
index 345d04d..c3ab55c 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -1,5 +1,7 @@
 export { auth as middleware } from '@/auth';
 
 export const config = {
-  matcher: ['/((?!api|_next/static|_next/image|favicon.ico).*)'],
+  matcher: [
+    '/((?!api|_next/static|_next/image|site\.webmanifest|web-app-manifest-(?:192x192|512x512)\.png|favicon(?:-(?:dark|light))?\.(?:png|svg|ico)).*)',
+  ],
 };