add frontend files

app/javascript/src/pages/Home/Home.tsx

@@ -0,0 +1,30 @@
+import React, { FC } from 'react'
+import { Container } from '../../components/Container'
+import { Header } from '../../components/Header'
+import { Navbar } from '../../components/Navbar'
+import { PoolListing } from '../../components/PoolListing'
+import { SideNav } from '../../components/SideNav'
+
+export const Home: FC = () => {
+  return (
+    <>
+      <Navbar />
+      <div className="flex flex-grow">
+        <SideNav />
+        <div className="flex flex-col h-full w-full overflow-x-hidden mt-16">
+          <Header>
+            <Container className="flex-col">
+              <h1 className="text-5xl text-white font-medium">XStake</h1>
+              <h2 className="text-3xl text-gray-50 font-light">
+                Investir em crypto não precisa ser difícil.
+              </h2>
+            </Container>
+          </Header>
+          <Container>
+            <PoolListing />
+          </Container>
+        </div>
+      </div>
+    </>
+  )
+}