diff --git a/README.md b/README.md
index ca54554da..a568e5719 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,6 @@
 <div align="center">
 
   <img src="assets/banner.png" alt="logo"  height="auto" />
-<!--   <img src="assets/mascot.png" alt="logo"  height="auto" /> -->
 
   <!-- <h1>Kubb</h1>
 
@@ -40,6 +39,8 @@
 
 ## Features
 
+<img src="assets/kubb-generate.gif" alt="generate gif"  height="auto" />
+
 * Generates Axios calls for every endpoint, with typed payload.
 * Generates strong TypeScript types for every operation and property based on a specific OpenAPI specification.
 * Generates Zod schemas for every operation and property based on a specific OpenAPI specification.
diff --git a/assets/kubb-generate.gif b/assets/kubb-generate.gif
new file mode 100644
index 000000000..4b1f5f177
Binary files /dev/null and b/assets/kubb-generate.gif differ
diff --git a/docs/pages/docs/guides.mdx b/docs/pages/docs/guides.mdx
deleted file mode 100644
index db13b92fd..000000000
--- a/docs/pages/docs/guides.mdx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Callout } from 'nextra-theme-docs'
-
-# Guides
-
-<Callout type="warning">
- Under construction
-</Callout>
diff --git a/docs/pages/docs/guides/index.mdx b/docs/pages/docs/guides/index.mdx
index db13b92fd..dad6ac21a 100644
--- a/docs/pages/docs/guides/index.mdx
+++ b/docs/pages/docs/guides/index.mdx
@@ -1,7 +1,99 @@
-import { Callout } from 'nextra-theme-docs'
+import { Callout, Tabs, Tab } from 'nextra-theme-docs'
+import Image from 'next/image'
+import kubbGenerate from "public/kubb-generate.gif"
 
-# Guides
+# Basic guide
+This guide will describe how you can setup Kubb + use the TypeScript plugin to generate types based on the `petStore.yaml` file.
 
-<Callout type="warning">
- Under construction
-</Callout>
+```typescript filename="The setup will contain from the beginning the following folder structure"
+.
+├── src
+├── petStore.yaml
+├── kubb.config.ts
+└── package.json
+```
+
+## Step one
+Setup your `kubb.config.ts` file based on the [Quick-start](/docs/getting-started/quick-start).
+
+We will add here the [Swagger](/plugins/swagger) and [SwaggerTypescript](/plugins/swagger-ts)(which is depended on the [Swagger](/plugins/swagger) plugin) plugin, those 2 plugins together will generate the TypeScript types.
+<hr/>
+- Next to that we will also set `output` to false for the [Swagger](/plugins/swagger) plugin because we don't need the plugin to generate the JSON schemas for us.
+- For the [SwaggerTypescript](/plugins/swagger-ts) plugin we will set the `output` to the models folder.
+
+```typescript filename="kubb.config.ts" copy
+import { defineConfig } from '@kubb/core'
+import createSwagger from '@kubb/swagger'
+import createSwaggerTS from '@kubb/swagger-ts'
+ 
+export default defineConfig(async () => {
+  return {
+    root: '.',
+    input: {
+      path: './petStore.yaml',
+    },
+    output: {
+      path: './src',
+    },
+    logLevel: 'info',
+    plugins: [createSwagger({ output: false, validate: true }), createSwaggerTS({ output: 'models' })],
+  }
+})
+```
+
+```typescript filename="This will result in the following folder structure when Kubb has been executed"
+.
+├── src/
+│   └── models/
+│       ├── typeA.ts
+│       └── typeB.ts
+├── petStore.yaml
+├── kubb.config.ts
+└── package.json
+```
+
+## Step two
+Update your `package.json` and install `Kubb`, see [installation](/docs/getting-started/installation).
+
+Your `package.json` will look like this:
+
+```json
+{
+  "name": "your project",
+  "scripts": {
+    "generate": "kubb --config kubb.config.ts"
+  },
+  "dependencies": {
+    "@kubb/cli": "latest",
+    "@kubb/core": "latest",
+    "@kubb/swagger": "latest",
+    "@kubb/swagger-ts": "latest"
+  }
+}
+```
+
+## Step three
+Run the Kubb script with the following command.
+
+<Tabs items={['pnpm', 'npm', 'yarn']}>
+  <Tab>
+    ```bash filename="cli" copy
+    pnpm run generate
+    ```
+  </Tab>
+    <Tab>
+    ```bash filename="cli" copy
+    npm run generate
+    ```
+  </Tab>
+    <Tab>
+    ```bash filename="cli" copy
+    yarn run generate
+    ```
+  </Tab>
+</Tabs>
+
+## Step four
+Drink a 🍺 and watch Kubb generate your files.
+
+<Image src={kubbGenerate} style={{ display: 'inline' }} alt="Kubb generation" />
diff --git a/docs/pages/index.mdx b/docs/pages/index.mdx
index 6fbe310ca..85de58f47 100644
--- a/docs/pages/index.mdx
+++ b/docs/pages/index.mdx
@@ -4,7 +4,7 @@ import Link from 'next/link'
 import Features from 'components/features'
 import Image from 'next/image'
 
-import mascot from "../public/mascot.png"
+import mascot from "public/mascot.png"
 
 <div style={{height: `calc(100vh - 160px)`}}>
   <h1 className="text-center font-extrabold md:text-5xl mt-8">Kubb <Image
diff --git a/docs/public/css/satoshi.css b/docs/public/css/satoshi.css
deleted file mode 100644
index 10247fd66..000000000
--- a/docs/public/css/satoshi.css
+++ /dev/null
@@ -1,178 +0,0 @@
-/**
- * @license
- *
- * Font Family: Satoshi
- * Designed by: Deni Anggara
- * URL: https://www.fontshare.com/fonts/satoshi
- * © 2022 Indian Type Foundry
- *
- * Font Styles:
- * Satoshi Variable(Variable font)
- * Satoshi Variable Italic(Variable font)
- * Satoshi Light
- * Satoshi Light Italic
- * Satoshi Regular
- * Satoshi Italic
- * Satoshi Medium
- * Satoshi Medium Italic
- * Satoshi Bold
- * Satoshi Bold Italic
- * Satoshi Black
- * Satoshi Black Italic
- *
-*/
-
-
-/**
-* This is a variable font
-* You can controll variable axes as shown below:
-* font-variation-settings: 'wght' 900.0;
-*
-* available axes:
-
-* 'wght' (range from 300.0 to 900.0)
-
-*/
-
-@font-face {
-  font-family: 'Satoshi-Variable';
-  src: url('../fonts/Satoshi-Variable.woff2') format('woff2'),
-       url('../fonts/Satoshi-Variable.woff') format('woff'),
-       url('../fonts/Satoshi-Variable.ttf') format('truetype');
-       font-weight: 300 900;
-       font-display: swap;
-       font-style: normal;
-}
-
-
-/**
-* This is a variable font
-* You can controll variable axes as shown below:
-* font-variation-settings: 'wght' 900.0;
-*
-* available axes:
-
-* 'wght' (range from 300.0 to 900.0)
-
-*/
-
-@font-face {
-  font-family: 'Satoshi-VariableItalic';
-  src: url('../fonts/Satoshi-VariableItalic.woff2') format('woff2'),
-       url('../fonts/Satoshi-VariableItalic.woff') format('woff'),
-       url('../fonts/Satoshi-VariableItalic.ttf') format('truetype');
-       font-weight: 300 900;
-       font-display: swap;
-       font-style: italic;
-}
-
-
-@font-face {
-  font-family: 'Satoshi-Light';
-  src: url('../fonts/Satoshi-Light.woff2') format('woff2'),
-       url('../fonts/Satoshi-Light.woff') format('woff'),
-       url('../fonts/Satoshi-Light.ttf') format('truetype');
-       font-weight: 300;
-       font-display: swap;
-       font-style: normal;
-}
-
-
-@font-face {
-  font-family: 'Satoshi-LightItalic';
-  src: url('../fonts/Satoshi-LightItalic.woff2') format('woff2'),
-       url('../fonts/Satoshi-LightItalic.woff') format('woff'),
-       url('../fonts/Satoshi-LightItalic.ttf') format('truetype');
-       font-weight: 300;
-       font-display: swap;
-       font-style: italic;
-}
-
-
-@font-face {
-  font-family: 'Satoshi-Regular';
-  src: url('../fonts/Satoshi-Regular.woff2') format('woff2'),
-       url('../fonts/Satoshi-Regular.woff') format('woff'),
-       url('../fonts/Satoshi-Regular.ttf') format('truetype');
-       font-weight: 400;
-       font-display: swap;
-       font-style: normal;
-}
-
-
-@font-face {
-  font-family: 'Satoshi-Italic';
-  src: url('../fonts/Satoshi-Italic.woff2') format('woff2'),
-       url('../fonts/Satoshi-Italic.woff') format('woff'),
-       url('../fonts/Satoshi-Italic.ttf') format('truetype');
-       font-weight: 400;
-       font-display: swap;
-       font-style: italic;
-}
-
-
-@font-face {
-  font-family: 'Satoshi-Medium';
-  src: url('../fonts/Satoshi-Medium.woff2') format('woff2'),
-       url('../fonts/Satoshi-Medium.woff') format('woff'),
-       url('../fonts/Satoshi-Medium.ttf') format('truetype');
-       font-weight: 500;
-       font-display: swap;
-       font-style: normal;
-}
-
-
-@font-face {
-  font-family: 'Satoshi-MediumItalic';
-  src: url('../fonts/Satoshi-MediumItalic.woff2') format('woff2'),
-       url('../fonts/Satoshi-MediumItalic.woff') format('woff'),
-       url('../fonts/Satoshi-MediumItalic.ttf') format('truetype');
-       font-weight: 500;
-       font-display: swap;
-       font-style: italic;
-}
-
-
-@font-face {
-  font-family: 'Satoshi-Bold';
-  src: url('../fonts/Satoshi-Bold.woff2') format('woff2'),
-       url('../fonts/Satoshi-Bold.woff') format('woff'),
-       url('../fonts/Satoshi-Bold.ttf') format('truetype');
-       font-weight: 700;
-       font-display: swap;
-       font-style: normal;
-}
-
-
-@font-face {
-  font-family: 'Satoshi-BoldItalic';
-  src: url('../fonts/Satoshi-BoldItalic.woff2') format('woff2'),
-       url('../fonts/Satoshi-BoldItalic.woff') format('woff'),
-       url('../fonts/Satoshi-BoldItalic.ttf') format('truetype');
-       font-weight: 700;
-       font-display: swap;
-       font-style: italic;
-}
-
-
-@font-face {
-  font-family: 'Satoshi-Black';
-  src: url('../fonts/Satoshi-Black.woff2') format('woff2'),
-       url('../fonts/Satoshi-Black.woff') format('woff'),
-       url('../fonts/Satoshi-Black.ttf') format('truetype');
-       font-weight: 900;
-       font-display: swap;
-       font-style: normal;
-}
-
-
-@font-face {
-  font-family: 'Satoshi-BlackItalic';
-  src: url('../fonts/Satoshi-BlackItalic.woff2') format('woff2'),
-       url('../fonts/Satoshi-BlackItalic.woff') format('woff'),
-       url('../fonts/Satoshi-BlackItalic.ttf') format('truetype');
-       font-weight: 900;
-       font-display: swap;
-       font-style: italic;
-}
-
diff --git a/docs/public/fonts/Satoshi-Black.eot b/docs/public/fonts/Satoshi-Black.eot
deleted file mode 100644
index 11747f362..000000000
Binary files a/docs/public/fonts/Satoshi-Black.eot and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Black.ttf b/docs/public/fonts/Satoshi-Black.ttf
deleted file mode 100644
index 62015aca0..000000000
Binary files a/docs/public/fonts/Satoshi-Black.ttf and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Black.woff b/docs/public/fonts/Satoshi-Black.woff
deleted file mode 100644
index a6bee36dd..000000000
Binary files a/docs/public/fonts/Satoshi-Black.woff and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Black.woff2 b/docs/public/fonts/Satoshi-Black.woff2
deleted file mode 100644
index 64492d523..000000000
Binary files a/docs/public/fonts/Satoshi-Black.woff2 and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-BlackItalic.eot b/docs/public/fonts/Satoshi-BlackItalic.eot
deleted file mode 100644
index de2edbbc1..000000000
Binary files a/docs/public/fonts/Satoshi-BlackItalic.eot and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-BlackItalic.ttf b/docs/public/fonts/Satoshi-BlackItalic.ttf
deleted file mode 100644
index 74410b974..000000000
Binary files a/docs/public/fonts/Satoshi-BlackItalic.ttf and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-BlackItalic.woff b/docs/public/fonts/Satoshi-BlackItalic.woff
deleted file mode 100644
index 0e07e1c5e..000000000
Binary files a/docs/public/fonts/Satoshi-BlackItalic.woff and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-BlackItalic.woff2 b/docs/public/fonts/Satoshi-BlackItalic.woff2
deleted file mode 100644
index 9d5c911dc..000000000
Binary files a/docs/public/fonts/Satoshi-BlackItalic.woff2 and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Bold.eot b/docs/public/fonts/Satoshi-Bold.eot
deleted file mode 100644
index 390ae252b..000000000
Binary files a/docs/public/fonts/Satoshi-Bold.eot and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Bold.ttf b/docs/public/fonts/Satoshi-Bold.ttf
deleted file mode 100644
index 00bc985b2..000000000
Binary files a/docs/public/fonts/Satoshi-Bold.ttf and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Bold.woff b/docs/public/fonts/Satoshi-Bold.woff
deleted file mode 100644
index bba8257f6..000000000
Binary files a/docs/public/fonts/Satoshi-Bold.woff and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Bold.woff2 b/docs/public/fonts/Satoshi-Bold.woff2
deleted file mode 100644
index 0a8db7a46..000000000
Binary files a/docs/public/fonts/Satoshi-Bold.woff2 and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-BoldItalic.eot b/docs/public/fonts/Satoshi-BoldItalic.eot
deleted file mode 100644
index 426be2ac1..000000000
Binary files a/docs/public/fonts/Satoshi-BoldItalic.eot and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-BoldItalic.ttf b/docs/public/fonts/Satoshi-BoldItalic.ttf
deleted file mode 100644
index 24f012cbf..000000000
Binary files a/docs/public/fonts/Satoshi-BoldItalic.ttf and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-BoldItalic.woff b/docs/public/fonts/Satoshi-BoldItalic.woff
deleted file mode 100644
index 8bcb7a6e2..000000000
Binary files a/docs/public/fonts/Satoshi-BoldItalic.woff and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-BoldItalic.woff2 b/docs/public/fonts/Satoshi-BoldItalic.woff2
deleted file mode 100644
index 225527f78..000000000
Binary files a/docs/public/fonts/Satoshi-BoldItalic.woff2 and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Italic.eot b/docs/public/fonts/Satoshi-Italic.eot
deleted file mode 100644
index 64039a84e..000000000
Binary files a/docs/public/fonts/Satoshi-Italic.eot and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Italic.ttf b/docs/public/fonts/Satoshi-Italic.ttf
deleted file mode 100644
index c214f4fe5..000000000
Binary files a/docs/public/fonts/Satoshi-Italic.ttf and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Italic.woff b/docs/public/fonts/Satoshi-Italic.woff
deleted file mode 100644
index edd4d9322..000000000
Binary files a/docs/public/fonts/Satoshi-Italic.woff and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Italic.woff2 b/docs/public/fonts/Satoshi-Italic.woff2
deleted file mode 100644
index 8b98599d3..000000000
Binary files a/docs/public/fonts/Satoshi-Italic.woff2 and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Light.eot b/docs/public/fonts/Satoshi-Light.eot
deleted file mode 100644
index d8fcaccd9..000000000
Binary files a/docs/public/fonts/Satoshi-Light.eot and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Light.ttf b/docs/public/fonts/Satoshi-Light.ttf
deleted file mode 100644
index b41a2d4a5..000000000
Binary files a/docs/public/fonts/Satoshi-Light.ttf and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Light.woff b/docs/public/fonts/Satoshi-Light.woff
deleted file mode 100644
index 8f05e4e9f..000000000
Binary files a/docs/public/fonts/Satoshi-Light.woff and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Light.woff2 b/docs/public/fonts/Satoshi-Light.woff2
deleted file mode 100644
index cf18cd4c0..000000000
Binary files a/docs/public/fonts/Satoshi-Light.woff2 and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-LightItalic.eot b/docs/public/fonts/Satoshi-LightItalic.eot
deleted file mode 100644
index e34a0df4a..000000000
Binary files a/docs/public/fonts/Satoshi-LightItalic.eot and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-LightItalic.ttf b/docs/public/fonts/Satoshi-LightItalic.ttf
deleted file mode 100644
index 08f5db573..000000000
Binary files a/docs/public/fonts/Satoshi-LightItalic.ttf and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-LightItalic.woff b/docs/public/fonts/Satoshi-LightItalic.woff
deleted file mode 100644
index a03a50d7b..000000000
Binary files a/docs/public/fonts/Satoshi-LightItalic.woff and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-LightItalic.woff2 b/docs/public/fonts/Satoshi-LightItalic.woff2
deleted file mode 100644
index 6bd15ad54..000000000
Binary files a/docs/public/fonts/Satoshi-LightItalic.woff2 and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Medium.eot b/docs/public/fonts/Satoshi-Medium.eot
deleted file mode 100644
index 83caceca5..000000000
Binary files a/docs/public/fonts/Satoshi-Medium.eot and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Medium.ttf b/docs/public/fonts/Satoshi-Medium.ttf
deleted file mode 100644
index ab149b719..000000000
Binary files a/docs/public/fonts/Satoshi-Medium.ttf and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Medium.woff b/docs/public/fonts/Satoshi-Medium.woff
deleted file mode 100644
index cef3226e5..000000000
Binary files a/docs/public/fonts/Satoshi-Medium.woff and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Medium.woff2 b/docs/public/fonts/Satoshi-Medium.woff2
deleted file mode 100644
index ffd0ac96c..000000000
Binary files a/docs/public/fonts/Satoshi-Medium.woff2 and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-MediumItalic.eot b/docs/public/fonts/Satoshi-MediumItalic.eot
deleted file mode 100644
index 25d229a5b..000000000
Binary files a/docs/public/fonts/Satoshi-MediumItalic.eot and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-MediumItalic.ttf b/docs/public/fonts/Satoshi-MediumItalic.ttf
deleted file mode 100644
index 387f278e2..000000000
Binary files a/docs/public/fonts/Satoshi-MediumItalic.ttf and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-MediumItalic.woff b/docs/public/fonts/Satoshi-MediumItalic.woff
deleted file mode 100644
index 46d8995af..000000000
Binary files a/docs/public/fonts/Satoshi-MediumItalic.woff and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-MediumItalic.woff2 b/docs/public/fonts/Satoshi-MediumItalic.woff2
deleted file mode 100644
index 212adc92a..000000000
Binary files a/docs/public/fonts/Satoshi-MediumItalic.woff2 and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Regular.eot b/docs/public/fonts/Satoshi-Regular.eot
deleted file mode 100644
index 452666f4a..000000000
Binary files a/docs/public/fonts/Satoshi-Regular.eot and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Regular.ttf b/docs/public/fonts/Satoshi-Regular.ttf
deleted file mode 100644
index fe85cd6c9..000000000
Binary files a/docs/public/fonts/Satoshi-Regular.ttf and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Regular.woff b/docs/public/fonts/Satoshi-Regular.woff
deleted file mode 100644
index 03ac19525..000000000
Binary files a/docs/public/fonts/Satoshi-Regular.woff and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Regular.woff2 b/docs/public/fonts/Satoshi-Regular.woff2
deleted file mode 100644
index 81c40ab08..000000000
Binary files a/docs/public/fonts/Satoshi-Regular.woff2 and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Variable.eot b/docs/public/fonts/Satoshi-Variable.eot
deleted file mode 100644
index f42624e18..000000000
Binary files a/docs/public/fonts/Satoshi-Variable.eot and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Variable.ttf b/docs/public/fonts/Satoshi-Variable.ttf
deleted file mode 100644
index 976e85cb5..000000000
Binary files a/docs/public/fonts/Satoshi-Variable.ttf and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Variable.woff b/docs/public/fonts/Satoshi-Variable.woff
deleted file mode 100644
index f8dcd1d60..000000000
Binary files a/docs/public/fonts/Satoshi-Variable.woff and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-Variable.woff2 b/docs/public/fonts/Satoshi-Variable.woff2
deleted file mode 100644
index b00e833ed..000000000
Binary files a/docs/public/fonts/Satoshi-Variable.woff2 and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-VariableItalic.eot b/docs/public/fonts/Satoshi-VariableItalic.eot
deleted file mode 100644
index 5f4554af9..000000000
Binary files a/docs/public/fonts/Satoshi-VariableItalic.eot and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-VariableItalic.ttf b/docs/public/fonts/Satoshi-VariableItalic.ttf
deleted file mode 100644
index 4c2677c6f..000000000
Binary files a/docs/public/fonts/Satoshi-VariableItalic.ttf and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-VariableItalic.woff b/docs/public/fonts/Satoshi-VariableItalic.woff
deleted file mode 100644
index 3fe029e25..000000000
Binary files a/docs/public/fonts/Satoshi-VariableItalic.woff and /dev/null differ
diff --git a/docs/public/fonts/Satoshi-VariableItalic.woff2 b/docs/public/fonts/Satoshi-VariableItalic.woff2
deleted file mode 100644
index e7ab3a09a..000000000
Binary files a/docs/public/fonts/Satoshi-VariableItalic.woff2 and /dev/null differ
diff --git a/docs/public/kubb-generate.gif b/docs/public/kubb-generate.gif
new file mode 100644
index 000000000..4b1f5f177
Binary files /dev/null and b/docs/public/kubb-generate.gif differ
diff --git a/docs/styles.css b/docs/styles.css
index 5f00d516a..a03a4b2d8 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -1,5 +1,3 @@
-@import url('./public/css/satoshi.css');
-
 @tailwind utilities;
 
 :root {
@@ -49,4 +47,10 @@ a {
 }
 nav a, aside a {
   text-decoration: inherit;
+}
+
+hr {
+  border-color: hsl(var(--nextra-primary-hue)100% 100%/.1);
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
 }
\ No newline at end of file
diff --git a/docs/theme.config.tsx b/docs/theme.config.tsx
index d0b0386ec..6c4f6a810 100644
--- a/docs/theme.config.tsx
+++ b/docs/theme.config.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
-import mascot from './public/mascot.png'
 import Image from 'next/image'
+import mascot from 'public/mascot.png'
 
 import type { DocsThemeConfig } from 'nextra-theme-docs'
 
@@ -57,8 +57,7 @@ export default {
     key: '2.0-release',
     text: (
       <>
-        <Image src={mascot} style={{ display: 'inline' }} alt="Mascot of Kubb" width={30} /> Kubb will release soon it's first alpha version{' '}
-        <Image src={mascot} style={{ display: 'inline' }} alt="Mascot of Kubb" width={30} />
+        🎉 Kubb has released it's first alpha version <Image src={mascot} style={{ display: 'inline' }} alt="Mascot of Kubb" width={30} />
       </>
     ),
   },