diff --git a/app/apple-touch-icon.png b/app/apple-touch-icon.png
new file mode 100644
index 0000000..58dbceb
Binary files /dev/null and b/app/apple-touch-icon.png differ
diff --git a/app/favicon.ico b/app/favicon.ico
index 718d6fe..f314420 100644
Binary files a/app/favicon.ico and b/app/favicon.ico differ
diff --git a/app/icon-192-maskable.png b/app/icon-192-maskable.png
new file mode 100644
index 0000000..195c143
Binary files /dev/null and b/app/icon-192-maskable.png differ
diff --git a/app/icon-192.png b/app/icon-192.png
new file mode 100644
index 0000000..33e3de9
Binary files /dev/null and b/app/icon-192.png differ
diff --git a/app/icon-512-maskable.png b/app/icon-512-maskable.png
new file mode 100644
index 0000000..c9dce2c
Binary files /dev/null and b/app/icon-512-maskable.png differ
diff --git a/app/icon-512.png b/app/icon-512.png
new file mode 100644
index 0000000..38a6d5b
Binary files /dev/null and b/app/icon-512.png differ
diff --git a/containers/Article/index.tsx b/containers/Article/index.tsx
index 651b546..146dd70 100644
--- a/containers/Article/index.tsx
+++ b/containers/Article/index.tsx
@@ -7,6 +7,7 @@ import { Avatar, AvatarImage, AvatarFallback } from "@radix-ui/react-avatar";
 import { useRouter } from "next/navigation";
 import { formatDate } from "@/lib/utils/dates";
 import Actions from "./Actions";
+import Logo from "@/assets/Logo";
 
 export default function ArticlePage() {
   const Viewer = useMemo(
@@ -104,6 +105,9 @@ export default function ArticlePage() {
           <Viewer content={markdown} />
         </article>
       </div>
+      <div className="center fixed inset-0 bg-red-400">
+        <Logo className="fill-gradie h-[200px] w-[200px] bg-gradient-to-r from-purple-400 to-pink-600 bg-clip-text text-transparent" />
+      </div>
     </div>
   );
 }
diff --git a/public/icon-192x192.png b/public/icon-192x192.png
new file mode 100644
index 0000000..8dbe060
Binary files /dev/null and b/public/icon-192x192.png differ
diff --git a/public/icon-256x256.png b/public/icon-256x256.png
new file mode 100644
index 0000000..38c6a1a
Binary files /dev/null and b/public/icon-256x256.png differ
diff --git a/public/icon-384x384.png b/public/icon-384x384.png
new file mode 100644
index 0000000..82e9297
Binary files /dev/null and b/public/icon-384x384.png differ
diff --git a/public/icon-512x512.png b/public/icon-512x512.png
new file mode 100644
index 0000000..f2a3ea3
Binary files /dev/null and b/public/icon-512x512.png differ
diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest
new file mode 100644
index 0000000..8bb7c19
--- /dev/null
+++ b/public/manifest.webmanifest
@@ -0,0 +1,31 @@
+{
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone",
+    "scope": "/",
+    "start_url": "/app",
+    "name": "Flockstr",
+    "short_name": "Flockstr",
+    "icons": [
+        {
+            "src": "/icon-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/icon-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        },
+        {
+            "src": "/icon-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        },
+        {
+            "src": "/icon-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ]
+}
\ No newline at end of file