diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index 59223416b..59024aeff 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -110,6 +110,7 @@ const config = {
         playgroundPosition: "bottom",
       },
       navbar: {
+        hideOnScroll: true,
         title: "Jan",
         logo: {
           alt: "Jan Logo",
diff --git a/docs/package-lock.json b/docs/package-lock.json
index 95d1e047f..9d56254b4 100644
--- a/docs/package-lock.json
+++ b/docs/package-lock.json
@@ -24,7 +24,8 @@
         "tailwindcss": "^3.3.3"
       },
       "devDependencies": {
-        "@docusaurus/module-type-aliases": "2.4.1"
+        "@docusaurus/module-type-aliases": "2.4.1",
+        "tailwindcss-animate": "^1.0.7"
       },
       "engines": {
         "node": ">=16.14"
@@ -13600,6 +13601,15 @@
         "node": ">=14.0.0"
       }
     },
+    "node_modules/tailwindcss-animate": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz",
+      "integrity": "sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==",
+      "dev": true,
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || insiders"
+      }
+    },
     "node_modules/tailwindcss/node_modules/glob-parent": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
diff --git a/docs/package.json b/docs/package.json
index 8e113da88..aace8464c 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -30,7 +30,8 @@
     "tailwindcss": "^3.3.3"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "2.4.1"
+    "@docusaurus/module-type-aliases": "2.4.1",
+    "tailwindcss-animate": "^1.0.7"
   },
   "browserslist": {
     "production": [
diff --git a/docs/src/components/Homepage/hero.js b/docs/src/components/Homepage/hero.js
index b85f1964e..e285f7d75 100644
--- a/docs/src/components/Homepage/hero.js
+++ b/docs/src/components/Homepage/hero.js
@@ -39,7 +39,7 @@ export default function HomepageHero() {
         )}
 
         {/* Main hero block */}
-        <div className="py-24 sm:py-32 lg:pb-40">
+        <div className="py-24 sm:py-32 lg:pb-40 animate-in fade-in zoom-in-50 duration-1000 ">
           <div className="mx-auto max-w-7xl px-6 lg:px-8">
             {/* Hero text and buttons */}
             <div className="mx-auto max-w-2xl text-center">
@@ -47,9 +47,7 @@ export default function HomepageHero() {
                 Run your own AI
               </h1>
               <p className="mt-6 text-lg leading-8 text-gray-600 dark:text-gray-300">
-                Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui
-                lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat
-                fugiat aliqua.
+              Jan lets you run AI on your own hardware, and with 1-click installs for the latest models. Easy-to-use yet powerful, with helpful tools to monitor and manage software-hardware performance.
               </p>
               <div className="mt-10 flex items-center justify-center gap-x-6">
                 {/* TODO: handle mobile model download app instead */}
diff --git a/docs/static/img/desktop-screenshot-dark.png b/docs/static/img/desktop-screenshot-dark.png
index 050479c36..39d217c51 100644
Binary files a/docs/static/img/desktop-screenshot-dark.png and b/docs/static/img/desktop-screenshot-dark.png differ
diff --git a/docs/tailwind.config.js b/docs/tailwind.config.js
index 31b416418..fb5683b6d 100644
--- a/docs/tailwind.config.js
+++ b/docs/tailwind.config.js
@@ -9,5 +9,7 @@ module.exports = {
   theme: {
     extend: {},
   },
-  plugins: [],
+  plugins: [
+    require("tailwindcss-animate"),
+  ],
 };
diff --git a/docs/yarn.lock b/docs/yarn.lock
index 481aaecb9..37c76af2f 100644
--- a/docs/yarn.lock
+++ b/docs/yarn.lock
@@ -7919,7 +7919,12 @@ swagger2openapi@^7.0.6:
     yaml "^1.10.0"
     yargs "^17.0.1"
 
-tailwindcss@^3.3.3:
+tailwindcss-animate@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.npmjs.org/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz"
+  integrity sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==
+
+tailwindcss@^3.3.3, "tailwindcss@>=3.0.0 || insiders":
   version "3.3.3"
   resolved "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.3.tgz"
   integrity sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==