diff --git a/packages/i18n/strings/en.json b/packages/i18n/strings/en.json
index aa2524087..b8a5479e9 100644
--- a/packages/i18n/strings/en.json
+++ b/packages/i18n/strings/en.json
@@ -1,8 +1,4 @@
 {
-  "credits": {
-    "title": "BlitzKit is the work of many"
-  },
-
   "common": {
     "name": "BlitzKit",
 
@@ -336,6 +332,13 @@
     },
 
     "tools": {
+      "credits": {
+        "name": "Credits",
+        "button": "To the docs",
+        "description": "Contributors of BlitzKit",
+        "seo_description": "BlitzKit is the work of many"
+      },
+
       "playlist": {
         "reset": "Reset",
         "shuffle": "Shuffle",
diff --git a/packages/website/public/assets/images/tools/credits.webp b/packages/website/public/assets/images/tools/credits.webp
new file mode 100644
index 000000000..59a61c284
Binary files /dev/null and b/packages/website/public/assets/images/tools/credits.webp differ
diff --git a/packages/website/src/components/CreditsPromo.astro b/packages/website/src/components/CreditsPromo.astro
index 577797a41..6d742c60a 100644
--- a/packages/website/src/components/CreditsPromo.astro
+++ b/packages/website/src/components/CreditsPromo.astro
@@ -1,5 +1,5 @@
 ---
-import { Grid, Heading, Text } from "@radix-ui/themes";
+import { Grid, Text } from "@radix-ui/themes";
 import { credits } from "../config/credits";
 import { getStrings } from "../core/i18n/getStrings";
 
@@ -18,7 +18,6 @@ const strings = getStrings(locale);
     justify-content: center;
 
     padding: var(--space-4);
-    margin-top: var(--space-4);
 
     .inner {
       display: flex;
@@ -82,8 +81,6 @@ const strings = getStrings(locale);
 
 <div class="credits">
   <div class="inner">
-    <Heading align="center">{strings.credits.title}</Heading>
-
     <Grid
       className="list"
       py="4"
@@ -107,7 +104,7 @@ const strings = getStrings(locale);
             </div>
           </a>
         ))
-      }</Grid
-    >
+      }
+    </Grid>
   </div>
 </div>
diff --git a/packages/website/src/constants/tools.ts b/packages/website/src/constants/tools.ts
index 100979a14..81ececcf1 100644
--- a/packages/website/src/constants/tools.ts
+++ b/packages/website/src/constants/tools.ts
@@ -74,4 +74,8 @@ export const tools: Record<string, Tool> = {
     href: "https://discord.gg/nDt7AjGJQH",
     button: "plum",
   },
+  credits: {
+    id: "credits",
+    button: "bronze",
+  },
 };
diff --git a/packages/website/src/pages/[...chunk_default]/[...locale]/credits/index.astro b/packages/website/src/pages/[...chunk_default]/[...locale]/credits/index.astro
new file mode 100644
index 000000000..0193b018b
--- /dev/null
+++ b/packages/website/src/pages/[...chunk_default]/[...locale]/credits/index.astro
@@ -0,0 +1,13 @@
+---
+import CreditsPromo from "../../../../components/CreditsPromo.astro";
+import { tools } from "../../../../constants/tools";
+import ToolLayout from "../../../../layouts/ToolLayout.astro";
+
+export { getStaticPaths } from "../index.astro";
+
+const { locale } = Astro.props;
+---
+
+<ToolLayout tool={tools.credits} {locale}>
+  <CreditsPromo {locale} />
+</ToolLayout>
diff --git a/packages/website/src/pages/[...chunk_default]/[...locale]/index.astro b/packages/website/src/pages/[...chunk_default]/[...locale]/index.astro
index 02b2eb451..48e147252 100644
--- a/packages/website/src/pages/[...chunk_default]/[...locale]/index.astro
+++ b/packages/website/src/pages/[...chunk_default]/[...locale]/index.astro
@@ -6,7 +6,6 @@ import { literals } from "@blitzkit/i18n/src/literals";
 import { Box, Flex, Link } from "@radix-ui/themes";
 import { AesonPlug } from "../../../components/AesonPlug";
 import { Countdown } from "../../../components/Countdown";
-import CreditsPromo from "../../../components/CreditsPromo.astro";
 import HomeHero from "../../../components/HomeHero.astro";
 import { Plugs } from "../../../components/Plugs";
 import ToolCard from "../../../components/ToolCard.astro";
@@ -117,7 +116,5 @@ export const getStaticPaths = mixStaticPaths(_getStaticPaths, () => {
     </Flex>
   </Flex>
 
-  <CreditsPromo {locale} />
-
   <div style={{ flex: 1 }}></div>
 </BaseLayout>