simplification

packages/website/src/components/HomeTanks.astro

@@ -2,6 +2,7 @@
 import { tools } from "../constants/tools";
 import { getStrings } from "../core/i18n/getStrings";
 import { Heading } from "./Heading";
+import { Section } from "./Section";
 import ToolCard from "./ToolCard.astro";
 import ToolCardLayoutColumn from "./ToolCardLayoutColumn.astro";
 import ToolCardLayoutRoot from "./ToolCardLayoutRoot.astro";
@@ -14,15 +15,17 @@ const { locale } = Astro.props;
 const strings = getStrings(locale);
 ---
 
-<Heading size="5">{strings.home.tanks}</Heading>
+<Section>
+  <Heading size="2">{strings.home.tanks}</Heading>
 
-<ToolCardLayoutRoot>
-  <ToolCardLayoutColumn major>
-    <ToolCard {locale} tool={tools.tanks} />
-  </ToolCardLayoutColumn>
+  <ToolCardLayoutRoot>
+    <ToolCardLayoutColumn major>
+      <ToolCard {locale} tool={tools.tanks} />
+    </ToolCardLayoutColumn>
 
-  <ToolCardLayoutColumn>
-    <ToolCard {locale} tool={tools.compare} />
-    <ToolCard {locale} tool={tools.performance} />
-  </ToolCardLayoutColumn>
-</ToolCardLayoutRoot>
+    <ToolCardLayoutColumn>
+      <ToolCard {locale} minor tool={tools.compare} />
+      <ToolCard {locale} minor tool={tools.performance} />
+    </ToolCardLayoutColumn>
+  </ToolCardLayoutRoot>
+</Section>