diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
index 7b46637..64ceeeb 100644
--- a/website/src/pages/index.tsx
+++ b/website/src/pages/index.tsx
@@ -34,12 +34,20 @@ function HomepageHeader() {
         >
           Early Access
         </Link> */}
-        <Link
+        {/* <Link
           className="button button--primary button--lg"
           to="https://demo.tianji.msgbyte.com"
         >
           Visit Demo
-        </Link>
+        </Link> */}
+
+        <div className="w-min m-auto text-left bg-neutral-100 dark:bg-neutral-800 p-2 rounded-lg">
+          <div className="whitespace-nowrap">
+            wget
+            https://raw.githubusercontent.com/msgbyte/tianji/master/docker-compose.yml
+          </div>
+          <div>docker compose up -d</div>
+        </div>
       </div>
     </header>
   );
diff --git a/website/tailwind.config.ts b/website/tailwind.config.ts
index 985236c..36e3f66 100644
--- a/website/tailwind.config.ts
+++ b/website/tailwind.config.ts
@@ -13,6 +13,7 @@ const plugin: PluginCreator = (api) => {
 };
 
 export default {
+  darkMode: ['class', '[data-theme="dark"]'],
   corePlugins: {
     preflight: false,
   },