diff --git a/pages/_app.js b/pages/_app.js
new file mode 100644
index 0000000..1e1cec9
--- /dev/null
+++ b/pages/_app.js
@@ -0,0 +1,7 @@
+import '../styles/globals.css'
+
+function MyApp({ Component, pageProps }) {
+  return <Component {...pageProps} />
+}
+
+export default MyApp
diff --git a/pages/api/hello.js b/pages/api/hello.js
new file mode 100644
index 0000000..df63de8
--- /dev/null
+++ b/pages/api/hello.js
@@ -0,0 +1,5 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+
+export default function handler(req, res) {
+  res.status(200).json({ name: 'John Doe' })
+}
diff --git a/pages/index.js b/pages/index.js
new file mode 100644
index 0000000..563f9fe
--- /dev/null
+++ b/pages/index.js
@@ -0,0 +1,10 @@
+import Head from 'next/head'
+import Image from 'next/image'
+import styles from '../styles/Home.module.css'
+import Card from '../Components/Card'
+
+export default function Home() {
+  return (
+    <Card wave="GS" title="GPS" subtext="Cards Against Humanity on Discord" buttons={[{color:"#6576CC",link:"/GPS",text:"About"},{color:"#6576CC",link:"/GPS",text:"Invite"}]}/>
+  )
+}