diff --git a/src/main/tabs/index.ts b/src/main/tabs/index.ts
index 6e3e87a..1bce8f9 100644
--- a/src/main/tabs/index.ts
+++ b/src/main/tabs/index.ts
@@ -73,7 +73,6 @@ export async function createTabManager(mainWindow: BrowserWindow) {
       view.webContents.send("remoteControl:execute", command, value);
     });
 
-    view.webContents.toggleDevTools();
 
     let loaded = false;
     let oldCssKey: string | null = null;
@@ -93,7 +92,6 @@ export async function createTabManager(mainWindow: BrowserWindow) {
       });
     });
 
-    view.webContents.toggleDevTools();
 
     // async function updateCustomCss() {
     //   let ytCss = JSON.parse(store.get("music-css", "")!);
diff --git a/src/renderer/src/components/ui/IconButton.svelte b/src/renderer/src/components/ui/IconButton.svelte
index 5c6d92e..d4422c6 100644
--- a/src/renderer/src/components/ui/IconButton.svelte
+++ b/src/renderer/src/components/ui/IconButton.svelte
@@ -15,7 +15,7 @@
 <button
   on:click={handleClick}
   class="no-drag rounded p-2 transition-colors duration-200 {disabled
-    ? 'text-zinc-500 dark:text-zinc-500 cursor-not-allowed'
+    ? 'text-zinc-400 dark:text-zinc-500 cursor-not-allowed'
     : 'text-zinc-700 hover:bg-zinc-200 dark:text-zinc-300 hover:dark:bg-neutral-700'}"
 >
   <svelte:component this={icon} size={16} />
diff --git a/src/renderer/src/lib/stores.ts b/src/renderer/src/lib/stores.ts
index 979d2ad..61956c7 100644
--- a/src/renderer/src/lib/stores.ts
+++ b/src/renderer/src/lib/stores.ts
@@ -2,5 +2,7 @@ import { writable } from "svelte/store";
 import type { musicStore } from "./types";
 
 export const activeView = writable("topbar");
-export const musicDataStore = writable<musicStore | null>(null);
+export const musicDataStore = writable<musicStore | { data: null }>({
+  data: null,
+});
 export const theme = writable<"light" | "dark" | null>(null);
diff --git a/src/renderer/src/views/MenuBar.svelte b/src/renderer/src/views/MenuBar.svelte
index fb38144..3edb67a 100644
--- a/src/renderer/src/views/MenuBar.svelte
+++ b/src/renderer/src/views/MenuBar.svelte
@@ -11,7 +11,7 @@
   export let active;
   export let tabs;
 
-  $: miniplayerEnabled = $musicDataStore !== null;
+  $: miniplayerEnabled = $musicDataStore.data !== null;
 
   musicDataStore.subscribe((e) => {
     console.log("musicDataStore", e);
diff --git a/website/package.json b/website/package.json
index e8060e5..a025384 100644
--- a/website/package.json
+++ b/website/package.json
@@ -23,6 +23,7 @@
   },
   "type": "module",
   "dependencies": {
+    "@arisbh/marqueeck": "^0.5.0",
     "svelte-inview": "^4.0.2"
   }
 }
diff --git a/website/pnpm-lock.yaml b/website/pnpm-lock.yaml
index 99d2b91..f13636f 100644
--- a/website/pnpm-lock.yaml
+++ b/website/pnpm-lock.yaml
@@ -5,6 +5,9 @@ settings:
   excludeLinksFromLockfile: false
 
 dependencies:
+  '@arisbh/marqueeck':
+    specifier: ^0.5.0
+    version: 0.5.0(svelte@4.2.18)
   svelte-inview:
     specifier: ^4.0.2
     version: 4.0.2(svelte@4.2.18)
@@ -55,6 +58,16 @@ packages:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
+  /@arisbh/marqueeck@0.5.0(svelte@4.2.18):
+    resolution: {integrity: sha512-QS4vCrLiYSipQzu+CGRUHRZCA2EAqeowECGwgmU+zfmAsxM5oldlz+WPUzDWkQFV5fPZl9kg7Ne13RobrdbWiw==}
+    peerDependencies:
+      svelte: ^4.0.0
+    dependencies:
+      '@macfja/svelte-persistent-store': 2.4.1(svelte@4.2.18)
+      bits-ui: 0.10.3(svelte@4.2.18)
+      svelte: 4.2.18
+    dev: false
+
   /@esbuild/aix-ppc64@0.21.5:
     resolution: {integrity: sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==}
     engines: {node: '>=12'}
@@ -262,6 +275,29 @@ packages:
     dev: true
     optional: true
 
+  /@floating-ui/core@1.6.7:
+    resolution: {integrity: sha512-yDzVT/Lm101nQ5TCVeK65LtdN7Tj4Qpr9RTXJ2vPFLqtLxwOrpoxAHAJI8J3yYWUc40J0BDBheaitK5SJmno2g==}
+    dependencies:
+      '@floating-ui/utils': 0.2.7
+    dev: false
+
+  /@floating-ui/dom@1.6.10:
+    resolution: {integrity: sha512-fskgCFv8J8OamCmyun8MfjB1Olfn+uZKjOKZ0vhYF3gRmEUXcGOjxWL8bBr7i4kIuPZ2KD2S3EUIOxnjC8kl2A==}
+    dependencies:
+      '@floating-ui/core': 1.6.7
+      '@floating-ui/utils': 0.2.7
+    dev: false
+
+  /@floating-ui/utils@0.2.7:
+    resolution: {integrity: sha512-X8R8Oj771YRl/w+c1HqAC1szL8zWQRwFvgDwT129k9ACdBoud/+/rX9V0qiMl6LWUdP9voC2nDVZYPMQQsb6eA==}
+    dev: false
+
+  /@internationalized/date@3.5.5:
+    resolution: {integrity: sha512-H+CfYvOZ0LTJeeLOqm19E3uj/4YjrmOFtBufDHPfvtI80hFAMqtrp7oCACpe4Cil5l8S0Qu/9dYfZc/5lY8WQQ==}
+    dependencies:
+      '@swc/helpers': 0.5.12
+    dev: false
+
   /@isaacs/cliui@8.0.2:
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
     engines: {node: '>=12'}
@@ -299,6 +335,37 @@ packages:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.0
 
+  /@macfja/serializer@1.1.3:
+    resolution: {integrity: sha512-Jf/uoqXO1k+ZFxA25o35WhV9QyxOo/fMFAwsRnnvXM7YSk7wPNaDVsEwoAWy0LUgan3k+RapJDOpbWSqHz/9Bg==}
+    dev: false
+
+  /@macfja/svelte-persistent-store@2.4.1(svelte@4.2.18):
+    resolution: {integrity: sha512-VlGtRCJcASmFeVRXm4rbncoM+llnbeJ8C0bzimhARCGi6zKxGncRFLeUVwtjcDW5uNfiJJUK8mzEhXBxeP8fbg==}
+    peerDependencies:
+      svelte: ^3.0 || ^4.0
+    dependencies:
+      '@macfja/serializer': 1.1.3
+      browser-cookies: 1.2.0
+      idb-keyval: 6.2.1
+      sjcl-codec-hex: 1.0.0
+      sjcl-es: 2.0.0
+      svelte: 4.2.18
+    dev: false
+
+  /@melt-ui/svelte@0.64.4(svelte@4.2.18):
+    resolution: {integrity: sha512-QwqIXd7hGR8a5NML91rTNOilN9FPyPe8zWnmZbqEynCvdlCueLXrvlANEfKMYLd/vJuQpoi5u1jFdqSDMmFFMg==}
+    peerDependencies:
+      svelte: '>=3 <5'
+    dependencies:
+      '@floating-ui/core': 1.6.7
+      '@floating-ui/dom': 1.6.10
+      '@internationalized/date': 3.5.5
+      dequal: 2.0.3
+      focus-trap: 7.5.4
+      nanoid: 4.0.2
+      svelte: 4.2.18
+    dev: false
+
   /@nodelib/fs.scandir@2.1.5:
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
@@ -531,6 +598,12 @@ packages:
       - supports-color
     dev: true
 
+  /@swc/helpers@0.5.12:
+    resolution: {integrity: sha512-KMZNXiGibsW9kvZAO1Pam2JPTDBm+KSHMMHWdsyI/1DbIZjT2A6Gy3hblVXUMEDvUAKq+e0vL0X0o54owWji7g==}
+    dependencies:
+      tslib: 2.7.0
+    dev: false
+
   /@tailwindcss/typography@0.5.14(tailwindcss@3.4.10):
     resolution: {integrity: sha512-ZvOCjUbsJBjL9CxQBn+VEnFpouzuKhxh2dH8xMIWHILL+HfOYtlAkWcyoon8LlzE53d2Yo6YO6pahKKNW3q1YQ==}
     peerDependencies:
@@ -631,6 +704,17 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /bits-ui@0.10.3(svelte@4.2.18):
+    resolution: {integrity: sha512-7ELJdzkirkS3ZED1AdudngfIazASB8hbPhe8ml955cpvqeIP5+KyBe4drTjY4dz4B3YySOC28aasOuRmpRSDLw==}
+    peerDependencies:
+      svelte: ^4.0.0
+    dependencies:
+      '@internationalized/date': 3.5.5
+      '@melt-ui/svelte': 0.64.4(svelte@4.2.18)
+      nanoid: 5.0.7
+      svelte: 4.2.18
+    dev: false
+
   /brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
     dependencies:
@@ -651,6 +735,10 @@ packages:
       fill-range: 7.1.1
     dev: true
 
+  /browser-cookies@1.2.0:
+    resolution: {integrity: sha512-cg2WuoOJo+F+g2XjEaP8nmeRp1vDHjt7sqpKJMsTNXKrpyIBNVslYJeehvs6FEddj8usV2+qyRSBEX244yN5/g==}
+    dev: false
+
   /browserslist@4.23.3:
     resolution: {integrity: sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
@@ -874,6 +962,12 @@ packages:
       to-regex-range: 5.0.1
     dev: true
 
+  /focus-trap@7.5.4:
+    resolution: {integrity: sha512-N7kHdlgsO/v+iD/dMoJKtsSqs5Dz/dXZVebRgJw23LDk+jMi/974zyiOYDziY2JPp8xivq9BmUGwIJMiuSBi7w==}
+    dependencies:
+      tabbable: 6.2.0
+    dev: false
+
   /foreground-child@3.3.0:
     resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
     engines: {node: '>=14'}
@@ -959,6 +1053,10 @@ packages:
       function-bind: 1.1.2
     dev: true
 
+  /idb-keyval@6.2.1:
+    resolution: {integrity: sha512-8Sb3veuYCyrZL+VBt9LJfZjLUPWVvqn8tG28VqYNFCo43KHcKuq+b4EiXGeuaLAQWL2YmyDgMp2aSpH9JHsEQg==}
+    dev: false
+
   /import-meta-resolve@4.1.0:
     resolution: {integrity: sha512-I6fiaX09Xivtk+THaMfAwnA3MVA5Big1WHF1Dfx9hFuvNIWpXnorlkzhcQf6ehrqQiiZECRt1poOAkPmer3ruw==}
     dev: true
@@ -1154,6 +1252,18 @@ packages:
     hasBin: true
     dev: true
 
+  /nanoid@4.0.2:
+    resolution: {integrity: sha512-7ZtY5KTCNheRGfEFxnedV5zFiORN1+Y1N6zvPTnHQd8ENUvfaDBeuJDZb2bN/oXwXxu3qkTXDzy57W5vAmDTBw==}
+    engines: {node: ^14 || ^16 || >=18}
+    hasBin: true
+    dev: false
+
+  /nanoid@5.0.7:
+    resolution: {integrity: sha512-oLxFY2gd2IqnjcYyOXD8XGCftpGtZP2AbHbOkthDkvRywH5ayNtPVy9YlOPcHckXzbLTCHpkb7FB+yuxKV13pQ==}
+    engines: {node: ^18 || >=20}
+    hasBin: true
+    dev: false
+
   /node-releases@2.0.18:
     resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
     dev: true
@@ -1431,6 +1541,21 @@ packages:
       totalist: 3.0.1
     dev: true
 
+  /sjcl-bit-array@1.0.0:
+    resolution: {integrity: sha512-xoR134YJa7AHToLqCWuLYGpAdcBuLbSgwXe9c5HTIN4vr5TILXO/jVF8pLeXDhC7JTOvpmXUkiOupawVNTZVdQ==}
+    dev: false
+
+  /sjcl-codec-hex@1.0.0:
+    resolution: {integrity: sha512-lBBjqky1BEH+WZdABR/iSl2Pu3HO8n8r2D7nkzYLZfcR9ke4kUGMvO0ztRkla5oi4Esbc9pOlBtyGeMjYOU0ng==}
+    dependencies:
+      sjcl-bit-array: 1.0.0
+    dev: false
+
+  /sjcl-es@2.0.0:
+    resolution: {integrity: sha512-P8O+4pAt95XqmTlvvPdbmBggjAgSE0LQnhSEYUKYKepN176b/8K9zcVrrqhuLu5EUQyeCYy/56J9FzxvzvMavg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: false
+
   /sorcery@0.11.1:
     resolution: {integrity: sha512-o7npfeJE6wi6J9l0/5LKshFzZ2rMatRiCDwYeDQaOzqdzRJwALhX7mk/A/ecg6wjMu7wdZbmXfD2S/vpOg0bdQ==}
     hasBin: true
@@ -1612,6 +1737,10 @@ packages:
       magic-string: 0.30.11
       periscopic: 3.1.0
 
+  /tabbable@6.2.0:
+    resolution: {integrity: sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==}
+    dev: false
+
   /tailwindcss@3.4.10:
     resolution: {integrity: sha512-KWZkVPm7yJRhdu4SRSl9d4AK2wM3a50UsvgHZO7xY77NQr2V+fIrEuoDGQcbvswWvFGbS2f6e+jC/6WJm1Dl0w==}
     engines: {node: '>=14.0.0'}
@@ -1679,6 +1808,10 @@ packages:
     resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
     dev: true
 
+  /tslib@2.7.0:
+    resolution: {integrity: sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==}
+    dev: false
+
   /typescript@5.5.4:
     resolution: {integrity: sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==}
     engines: {node: '>=14.17'}
diff --git a/website/src/lib/ThemeMarquee.svelte b/website/src/lib/ThemeMarquee.svelte
new file mode 100644
index 0000000..6c1fa1a
--- /dev/null
+++ b/website/src/lib/ThemeMarquee.svelte
@@ -0,0 +1,38 @@
+<script lang="ts">
+  import Marqueeck from "@arisbh/marqueeck";
+  import { fade, fly } from "svelte/transition";
+
+  let images = ["theme1.png", "theme2.png", "theme3.png"];
+</script>
+
+<section
+  class="relative m-auto flex h-96 max-w-screen-lg items-center"
+  in:fade={{ duration: 200, delay: 0 }}
+>
+  <Marqueeck>
+    {#each images as image}
+      <img src={image} alt="Theme" class="w-96" />
+    {/each}
+  </Marqueeck>
+  <div class="absolute inset-0 flex items-center justify-center">
+    <div class="">
+      <div class="flex w-80 flex-col text-6xl font-bold text-white">
+        <div class="shadow-black [text-shadow:_2px_2px_10px_rgb(0_0_0_/_80%)]" in:fly={{duration: 400, x: 50, delay: 200}}>
+          Custom
+        </div>
+        <div
+        in:fly={{duration: 400, x: -50, delay: 300}}
+          class="w-full text-right shadow-black [text-shadow:_2px_2px_10px_rgb(0_0_0_/_80%)]"
+        >
+          Theming
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="absolute -left-6 bottom-0 top-0 w-24 bg-gradient-to-l from-transparent via-20% via-transparent to-neutral-900"
+  ></div>
+  <div
+    class="absolute -right-6 bottom-0 top-0 w-24 bg-gradient-to-r from-transparent via-20% via-transparent to-neutral-900"
+  ></div>
+</section>
diff --git a/website/src/routes/+page.svelte b/website/src/routes/+page.svelte
index c6c110f..dab2daf 100644
--- a/website/src/routes/+page.svelte
+++ b/website/src/routes/+page.svelte
@@ -1,13 +1,17 @@
 <script lang="ts">
+  import ThemeMarquee from "$lib/ThemeMarquee.svelte";
   import { inview } from "svelte-inview";
+  import { fly } from "svelte/transition";
 
   let video: HTMLVideoElement;
+
+  let sectionVisibility = [false, false, false];
 </script>
 
 <header
-  class="h-screen flex items-center justify-center relative overflow-y-hidden bg-gradient-to-tr from-slate-950 to-emerald-950 text-white"
+  class="relative flex h-screen items-center justify-center overflow-y-hidden bg-gradient-to-tr from-slate-950 to-emerald-950 text-white"
 >
-  <div class="absolute m-auto flex flex-col gap-32 items-end w-screen-2xl z-0">
+  <div class="w-screen-2xl absolute z-0 m-auto flex flex-col items-end gap-32">
     <img
       src="/ythero.png"
       alt=""
@@ -20,50 +24,94 @@
     />
   </div>
 
-  <div class="text-center z-20 -mt-6">
+  <div class="z-20 -mt-6 text-center">
     <h1 class="text-6xl font-extrabold">YT Desk</h1>
-    <h3 class="text-lg font-medium mt-2 mb-4 text-zinc-200">
+    <h3 class="mb-4 mt-2 text-lg font-medium text-zinc-200">
       Youtube & YT Music supercharged
     </h3>
     <a
       href="https://github.com/isaxk/ytdesk/releases/latest"
-      class="py-2.5 px-6 bg-white/30 rounded text-white">Download</a
+      class="rounded bg-white/30 px-6 py-2.5 text-white">Download</a
     >
   </div>
 </header>
 
 <section
-  class="max-w-screen-sm m-auto mt-20 flex flex-col sm:flex-row justify-center gap-10 sm:gap-20 px-10 box-content"
+  class="m-auto mt-20 box-content flex h-[240px] max-w-screen-sm flex-col justify-center gap-10 px-10 sm:flex-row sm:gap-20"
 >
-  <!-- svelte-ignore a11y-media-has-caption -->
-  <div class="sm:w-60 flex items-center justify-center sm:justify-start">
-    <img src="/miniplayer.png" alt="IGOR Miniplayer" class="w-60 h-60" />
-  </div>
-  <div class="flex-grow sm:flex justify-end text-center sm:text-left">
-    <div>
-      <div class="text-4xl font-bold mb-4">Miniplayer</div>
-      <ul class="text-lg list-disc ml-4 w-full">
-        <li>Simple and clean</li>
-        <li>Quick access to frequent controls</li>
-        <li>Always on top (optional)</li>
-      </ul>
+  {#if sectionVisibility[0]}
+    <!-- svelte-ignore a11y-media-has-caption -->
+    <div
+      class="flex items-center justify-center sm:w-60 sm:justify-start"
+      in:fly={{ x: -100, duration: 400, delay: 50 }}
+    >
+      <img src="/miniplayer.png" alt="IGOR Miniplayer" class="h-60 w-60" />
     </div>
-  </div>
+    <div
+      class="flex-grow justify-end text-center sm:flex sm:text-left"
+      in:fly={{ x: 100, duration: 400, delay: 100 }}
+    >
+      <div>
+        <div class="mb-4 text-4xl font-bold">Miniplayer</div>
+        <ul class="ml-4 w-full list-disc text-lg">
+          <li>Simple and clean</li>
+          <li>Quick access to frequent controls</li>
+          <li>Always on top (optional)</li>
+        </ul>
+      </div>
+    </div>
+  {/if}
 </section>
+<div
+  use:inview
+  on:inview_enter={() => {
+    sectionVisibility[0] = true;
+  }}
+></div>
 
 <section
-  class="max-w-screen-sm m-auto mt-40 sm:mt-20 flex flex-col-reverse sm:flex-row justify-center gap-10 sm:gap-20 px-10 box-content mb-32"
+  class="m-auto mb-10 mt-40 box-content flex h-[240px] max-w-screen-sm flex-col-reverse justify-center gap-10 px-10 sm:mt-20 sm:flex-row sm:gap-20"
 >
   <!-- svelte-ignore a11y-media-has-caption -->
 
-  <div class="sm:w-1/2 pt-10 text-center sm:text-left text-lg">
-    <div class="text-4xl font-bold mb-4">Discord Presence</div>
-    Share what your listening to/watching with your discord friends.
-  </div>
-  <div class="sm:w-60 flex items-center justify-center sm:justify-end">
-    <img src="/discord.png" alt="IGOR Miniplayer" class="w-60 h-60 scale-125" />
-  </div>
+  {#if sectionVisibility[1]}
+    <div
+      class="pt-10 text-center text-lg sm:w-1/2 sm:text-left"
+      in:fly={{ x: -100, duration: 400, delay: 50 }}
+    >
+      <div class="mb-4 text-4xl font-bold">Discord Presence</div>
+      Share what your listening to/watching with your discord friends.
+    </div>
+    <div
+      class="flex items-center justify-center sm:w-60 sm:justify-end"
+      in:fly={{ x: 100, duration: 400, delay: 100 }}
+    >
+      <img
+        src="/discord.png"
+        alt="IGOR Miniplayer"
+        class="h-60 w-60 scale-125"
+      />
+    </div>
+  {/if}
 </section>
+<div
+  use:inview
+  on:inview_enter={() => {
+    sectionVisibility[1] = true;
+  }}
+></div>
+
+<div class="h-96">
+  {#if sectionVisibility[2]}
+    <ThemeMarquee />
+  {/if}
+</div>
+<div
+  use:inview
+  on:inview_enter={() => {
+    sectionVisibility[2] = true;
+  }}
+></div>
 
 <style lang="postcss">
   :global(body) {
diff --git a/website/static/theme1.png b/website/static/theme1.png
new file mode 100644
index 0000000..f78c13a
Binary files /dev/null and b/website/static/theme1.png differ
diff --git a/website/static/theme2.png b/website/static/theme2.png
new file mode 100644
index 0000000..fda8ec8
Binary files /dev/null and b/website/static/theme2.png differ
diff --git a/website/static/theme3.png b/website/static/theme3.png
new file mode 100644
index 0000000..ff0d315
Binary files /dev/null and b/website/static/theme3.png differ
diff --git a/website/tailwind.config.ts b/website/tailwind.config.ts
index 79aa9f4..bfd5883 100644
--- a/website/tailwind.config.ts
+++ b/website/tailwind.config.ts
@@ -1,4 +1,5 @@
 import type { Config } from "tailwindcss";
+import plugin from "tailwindcss";
 
 export default {
   content: ["./src/**/*.{html,js,svelte,ts}"],
@@ -10,6 +11,4 @@ export default {
       },
     },
   },
-
-  plugins: [require("@tailwindcss/typography")],
 } as Config;