diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 3fe714a..3d42234 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,11 +1,28 @@
 import Layout from '@/components/ui/Layout';
 import { NextPage } from 'next';
+import Head from 'next/head';
 
 const Home: NextPage = () => {
   return (
-    <Layout>
-      <div></div>
-    </Layout>
+    <>
+      <Head>
+        <title>The Biergarten App</title>
+        <meta name="description" content="Home" />
+      </Head>
+      <Layout>
+        <div className="flex h-full w-full items-center justify-center bg-primary">
+          <div className="w-9/12 text-center lg:w-8/12">
+            <h1 className="text-3xl font-bold md:text-4xl lg:text-5xl xl:text-8xl">
+              The Biergarten App
+            </h1>
+            <p className="mt-4 text-lg lg:text-2xl">
+              An app for beer lovers to share their favorite brews and breweries with
+              like-minded people online.
+            </p>
+          </div>
+        </div>
+      </Layout>
+    </>
   );
 };
 
