1 files changed, 21 insertions, 4 deletions
diff --git a/client/js/app/src/app/pages/home/home.jsx b/client/js/app/src/app/pages/home/home.jsx
index 4f576fd222c..05e8d91f81f 100644
--- a/client/js/app/src/app/pages/home/home.jsx
+++ b/client/js/app/src/app/pages/home/home.jsx
@@ -1,12 +1,29 @@
 import React from 'react';
-import { Container, Link, CardLink } from 'app/components';
+import { Container, SimpleGrid, Space } from '@mantine/core';
+import { Link, CardLink, Icon } from 'app/components';
 
 export function Home() {
   return (
     <Container>
-      <CardLink component={Link} to="/querybuilder">
-        query builder
-      </CardLink>
+      <Space h={55} />
+      <SimpleGrid
+        style={{ gridAutoRows: 'minmax(0, 144px)' }}
+        breakpoints={[
+          { maxWidth: 'sm', cols: 2, spacing: 'sm' },
+          { maxWidth: 'xs', cols: 1, spacing: 'sm' },
+        ]}
+        spacing="lg"
+        cols={2}
+      >
+        <CardLink component={Link} to="/querybuilder">
+          <Icon name="arrows-to-dot" size="2x" />
+          query builder
+        </CardLink>
+        <CardLink component={Link} to="/querytracer">
+          <Icon name="chart-gantt" size="2x" />
+          query tracer
+        </CardLink>
+      </SimpleGrid>
     </Container>
   );
 }