2 files changed, 25 insertions, 1 deletions
diff --git a/pages/index.js b/pages/index.js
index b57f10f..c6cb312 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,16 +1,21 @@
 import Head from 'next/head'
 import styles from '../styles/Home.module.css'
+import Button from '@material-ui/core/Button'
 
 export default function Home() {
   return (
     <div className={styles.container}>
       <Head>
-        <title>Create Next App</title>
+        <title>The War of 1812</title>
         <link rel="icon" href="/favicon.ico" />
       </Head>
 
       <main className={styles.main}>
         <h1>The War of 1812</h1>
+        <h3>By: Andrew Lee</h3>
+        <img src="https://www.history.com/.image/ar_16:9%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cg_faces:center%2Cq_auto:good%2Cw_620/MTU3ODc3NjU2MjE2MzQ4Mzgz/battle-of-new-orleans.jpg" width="80%" height="80%" />
+        <br/>
+        <Button variant="contained" color="primary" href="/page2">Next Page</Button>
       </main>
     </div>
   )
diff --git a/pages/page2.js b/pages/page2.js
new file mode 100644
index 0000000..d21c5c0
--- /dev/null
+++ b/pages/page2.js
@@ -0,0 +1,19 @@
+import Head from 'next/head'
+import styles from '../styles/Home.module.css'
+import Button from '@material-ui/core/Button'
+
+export default function Home() {
+  return (
+    <div className={styles.container}>
+      <Head>
+        <title>The War of 1812</title>
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+
+      <main className={styles.main}>
+        <h1>The Cause Of This War</h1>
+        <Button variant="contained" color="primary" href="#">Next Page</Button>
+      </main>
+    </div>
+  )
+}