feat: stuff

src/app/components/Hero.tsx

@@ -36,6 +36,8 @@ import { theme } from '../../stitches.config';
 
 const DISCRIMINATOR_WIDTH = 32;
 
+// https://i.imgur.com/rUPie9G.jpeg
+
 export function Hero() {
   const wideFormat = useWideFormat(512);
   const [showSearch, setShowSearch] = useState(false);

src/app/page.tsx

@@ -1,14 +1,24 @@
-import { times } from 'lodash';
-import { Hero } from './components/Hero';
+import { Heading } from '@radix-ui/themes';
+import { TOOLS } from '../constants/tools';
+import { imgur } from '../core/blitzkit/imgur';
 
 export default function Page() {
+  const tool = TOOLS[0];
+
   return (
     <>
-      <Hero />
+      {/* <Hero /> */}
 
-      {times(64, () => (
-        <p>test {Math.random()}</p>
-      ))}
+      <div
+        style={{
+          background: `url(${imgur(tool.image)})`,
+          height: '50vh',
+          backgroundSize: 'cover',
+          backgroundPosition: 'center',
+        }}
+      >
+        <Heading>Tankopedia</Heading>
+      </div>
 
       <div style={{ flex: 1 }} />
     </>