feat: re-enable embeds

packages/website/src/constants/tools.ts

@@ -26,7 +26,7 @@ export const tankopediaTool: Tool = {
     'Statistics, armor, and more for all tanks in World of Tanks Blitz',
   image: 'D8j6GZx',
   button: {
-    text: 'Find your tank',
+    text: 'Find tanks',
     color: 'purple',
   },
   significant: true,
@@ -134,12 +134,11 @@ export const embedTool: Tool = {
   pageDescription:
     'Create embeds for streaming World of Tanks Blitz with extreme customization',
   button: {
-    text: 'Create',
+    text: 'Create now',
     color: 'red',
   },
   image: 'Q0faRYg',
   branches: ['main', 'dev', 'opentest'],
-  href: '',
 };
 
 export const homeTool: Tool = {

packages/website/src/pages/index.astro

@@ -1,11 +1,12 @@
 ---
-import { Flex, Heading } from '@radix-ui/themes';
+import { Box, Flex, Heading } from '@radix-ui/themes';
 import HomeHero from '../components/HomeHero.astro';
 import { Plugs } from '../components/Plugs.tsx';
 import ToolCard from '../components/ToolCard.astro';
 import {
   compareTool,
   discordTool,
+  embedTool,
   galleryTool,
   moreTool,
   performanceTool,
@@ -33,13 +34,17 @@ import BaseLayout from '../layouts/BaseLayout.astro';
       <Flex gap="4" direction={{ initial: 'column', sm: 'row' }}>
         <ToolCard tool={galleryTool} />
         <ToolCard tool={sessionTool} />
-        {/* <ToolCard tool={embedTool} /> */}
         {/* <ToolCard tool={ratingTool} /> */}
       </Flex>
 
       <Flex gap="4" direction={{ initial: 'column', sm: 'row' }}>
+        <ToolCard tool={embedTool} />
         <ToolCard tool={discordTool} />
+      </Flex>
+
+      <Flex gap="4" direction={{ initial: 'column', sm: 'row' }}>
         <ToolCard tool={moreTool} />
+        <Box flexGrow="1" />
       </Flex>
 
       <Heading align="center" mt="6">Other cool projects</Heading>