diff --git a/senju/main.py b/senju/main.py
index 1b28e29..486261b 100644
--- a/senju/main.py
+++ b/senju/main.py
@@ -2,10 +2,13 @@ from flask import Flask, render_template
 
 app = Flask(__name__)
 
-
 @app.route("/")
 def index():
-    context = {
-        "number": 1337
-    }
-    return render_template("index.jinja", context=context, title="Senju")
+    return render_template("index.jinja", title="Senju", active_page="home")
+
+@app.route("/haiku")
+def haiku_page():
+    return render_template("haiku.jinja", title="Haiku of the Day", active_page="haiku")
+
+
+
diff --git a/senju/templates/base.jinja b/senju/templates/base.jinja
index 8ccb184..7bd2a1f 100644
--- a/senju/templates/base.jinja
+++ b/senju/templates/base.jinja
@@ -27,9 +27,9 @@
 								<!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
 								<a href="#" class="rounded-md bg-gray-900 px-3 py-2 text-sm font-medium text-white"
 									aria-current="page">Start</a>
-								<a href="#"
-									class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Haiku</a>
-								<a href="#"
+								<a href="{{ url_for('haiku_page') }}" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">
+    Haiku
+</a>								<a href="#"
 									class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Information</a>
 							</div>
 						</div>
diff --git a/senju/templates/haiku.jinja b/senju/templates/haiku.jinja
new file mode 100644
index 0000000..e97b557
--- /dev/null
+++ b/senju/templates/haiku.jinja
@@ -0,0 +1,18 @@
+{% extends "base.jinja" %}
+
+{% block content %}
+<div class="bg-violet-900 min-h-screen flex flex-col items-center justify-center text-white">
+    <div class="bg-white text-gray-900 p-6 rounded-lg shadow-lg max-w-lg text-center">
+        <h1 class="text-3xl font-bold text-violet-700 mb-4">Haiku of the Day</h1>
+        <p class="text-xl italic">
+            An old silent pond<br> 
+            A frog jumps into the pond—<br> 
+            Splash! Silence again.
+        </p>
+    </div>
+    <a href="{{ url_for('index') }}" class="mt-6 bg-violet-600 hover:bg-violet-700 text-white font-bold py-2 px-4 rounded-lg">
+        Back to Home
+    </a>
+</div>
+{% endblock %}
+