dedicated tool

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>

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",
+  },
 };

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>

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>