Basic index page with navbar

7bf2912b · Matt Kirby · 135d8f59 · 7bf2912b · 7bf2912b
Commit 7bf2912b authored 2 years ago by Matt Kirby
--- 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>

--- 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>
    </>
  )