diff --git a/daily-thought-frontend/src/pages/_document.tsx b/daily-thought-frontend/src/pages/_document.tsx
index 54e8bf3e2a29015a45e11cdc279e06b459890d8b..e331bc75c2083a61de84127b6e07b932b6cb5a68 100644
--- a/daily-thought-frontend/src/pages/_document.tsx
+++ b/daily-thought-frontend/src/pages/_document.tsx
@@ -2,9 +2,9 @@ import { Html, Head, Main, NextScript } from 'next/document'
export default function Document() {
return (
- <Html lang="en">
+ <Html lang="en" className="h-full bg-white">
<Head />
- <body>
+ <body className='h-full'>
<Main />
<NextScript />
</body>
diff --git a/daily-thought-frontend/src/pages/index.tsx b/daily-thought-frontend/src/pages/index.tsx
index 9a80770a1f57a36c16c0443898285e43da1a0277..6f4371a6656af11d78f760947c9df8ef982f98b7 100644
--- a/daily-thought-frontend/src/pages/index.tsx
+++ b/daily-thought-frontend/src/pages/index.tsx
@@ -2,10 +2,20 @@ import Head from 'next/head'
import Image from 'next/image'
import { Inter } from 'next/font/google'
import Test from './test'
+import NavBar from '@/components/navigation/NavBar'
+import Hero from '@/components/hero/Hero'
const inter = Inter({ subsets: ['latin'] })
+const user = {
+ Name: 'Tom Cook',
+ email: 'tom@example.com',
+ Username: 'TomCook',
+ Avatar:
+ 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
+}
+
export default function Home() {
return (
<>
@@ -16,7 +26,16 @@ export default function Home() {
<link rel="icon" href="/favicon.ico" />
</Head>
<main>
- <Test />
+ <NavBar user={user}>
+ {user &&
+ <Hero />
+ }
+ {!user &&
+ <div>
+ logged in
+ </div>
+ }
+ </NavBar>
</main>
</>
)