diff --git a/content/monzo.md b/content/monzo.md
new file mode 100644
index 0000000..ed242b2
--- /dev/null
+++ b/content/monzo.md
@@ -0,0 +1,5 @@
+---
+title: Monzo
+image: https://upload.wikimedia.org/wikipedia/en/thumb/a/a3/Monzo_logo.svg/1920px-Monzo_logo.svg.png
+link: https://monzo.me/jakehoward
+---
diff --git a/content/paypal.md b/content/paypal.md
new file mode 100644
index 0000000..700a98f
--- /dev/null
+++ b/content/paypal.md
@@ -0,0 +1,5 @@
+---
+title: PayPal
+image: https://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/PayPal_Logo_Icon_2014.svg/887px-PayPal_Logo_Icon_2014.svg.png
+link: https://www.paypal.me/TheOrangeOne
+---
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
new file mode 100644
index 0000000..4c2417a
--- /dev/null
+++ b/layouts/_default/single.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+    <title>Redirecting to {{ .Params.link }}</title>
+    <link rel="canonical" href="{{ .Params.link }}">
+    <meta http-equiv="refresh" content="0; url={{ .Params.link }}">
+</head>
+<body>
+    <p>Redirecting to {{ .Params.link }}...</p>
+</body>
+</html>
diff --git a/layouts/index.html b/layouts/index.html
index 719d2d5..7e6e02f 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -3,9 +3,34 @@
 <head>
     <title>{{ .Title }}</title>
     {{ partial "style.html" "css/font-awesome.css" }}
+    {{ partial "style.html" "css/animate.css" }}
     {{ partial "style.html" "scss/index.scss" }}
 </head>
 <body>
+    <div class="jumbotron mb-0 jumbotron-fluid text-center vertical-center hero-jumbotron">
+        <div class="container">
+            <h1 class="display-1">{{ .Site.Title }}</h1>
+            <p class="lead">You should give me money. Here's how:</p>
+            <h1>
+                <i class="fas fa-chevron-down mt-5 animated infinite slideInDown"></i>
+            </h1>
+        </div>
+    </div>
+
+    <div class="jumbotron mb-0 jumbotron-fluid">
+    <div class="container">
+        <div class="card-deck">
+        {{ range .Pages.ByTitle }}
+          <div class="card text-center mx-5">
+            <a href="{{ .Permalink }}" class="colour-invert">
+                <img src="{{ .Params.image }}" class="card-img-top my-3 mx-3" alt="{{ .Title }} logo" style="max-width:40%" />
+            </a>
+          </div>
+            {{ end }}
+        </div>
+    </div>
+    </div>
+
     {{ partial "script.html" "js/bootstrap.js" }}
 </body>
 </html>
diff --git a/package-lock.json b/package-lock.json
index da04024..6a288d6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,11 @@
       "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.7.1.tgz",
       "integrity": "sha512-gukWJ7Mwf0WXQbkcwcm5zi8+H8aT5MMnphf5hpydOw898H1ibgm2cyejHgk6Km/FTvrPp5ppUHLrlFwt0QxsQw=="
     },
+    "animate.css": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-3.7.0.tgz",
+      "integrity": "sha512-u3iMXDJr0cxMdQocIciDiou9Au4L5f9uT+/jCtprw3s1j3HcfCuI+khF+90Ps2KdsEhM2soF7SXB4WUvI3HlXg=="
+    },
     "bootstrap": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.2.1.tgz",
diff --git a/package.json b/package.json
index 34b8dc0..726c8d2 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
   "homepage": "https://github.com/RealOrangeOne/givemoneyto.me#readme",
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.7.1",
+    "animate.css": "^3.7.0",
     "bootstrap": "4.2.1"
   },
   "devDependencies": {}
diff --git a/scripts/build.sh b/scripts/build.sh
index b9feb64..9ad101d 100755
--- a/scripts/build.sh
+++ b/scripts/build.sh
@@ -9,6 +9,7 @@ mkdir -p static/build/js static/build/css
 cp -r static/src/* static/build
 
 cp node_modules/bootstrap/dist/js/bootstrap.bundle.min.js static/build/js/bootstrap.js
+cp node_modules/animate.css/animate.min.css static/build/css/animate.css
 cp -r node_modules/@fortawesome/fontawesome-free/css/all.min.css static/build/css/font-awesome.css
 cp -r node_modules/@fortawesome/fontawesome-free/webfonts static/build
 
diff --git a/static/src/scss/index.scss b/static/src/scss/index.scss
index 2f67600..9cd942f 100644
--- a/static/src/scss/index.scss
+++ b/static/src/scss/index.scss
@@ -1 +1,10 @@
 @import "node_modules/bootstrap/scss/bootstrap";
+
+.vertical-center {
+    display: flex;
+    align-items: center;
+}
+
+.hero-jumbotron {
+    height: 100vh;
+}
