diff --git a/app/views/views.py b/app/views/views.py
index 1406119..b65e1c5 100644
--- a/app/views/views.py
+++ b/app/views/views.py
@@ -23,7 +23,16 @@ router = APIRouter(
 )
 
 @router.get("/", response_class=HTMLResponse)
-async def dashboard_view(
+async def dashboard_view(request: Request):
+    return templates.TemplateResponse(
+        request=request,
+        name="dashboard.html",
+        context={"title": "Dashboard"},
+    )
+
+
+@router.get("/results", response_class=HTMLResponse)
+async def results_view(
     request: Request,
     sessionmaker: Annotated[async_sessionmaker, Depends(get_async_sessionmaker)],
     cursor: int = 999999,
@@ -61,9 +70,9 @@ async def dashboard_view(
 
     return templates.TemplateResponse(
         request=request,
-        name="dashboard.html", 
+        name="results.html",
         context={
-            "title": "Dashboard", 
+            "title": "Results",
             "results": results,
             "next_cursor": next_cursor,
             "prev_cursor": prev_cursor,
diff --git a/data/templates/base.html b/data/templates/base.html
index 88b6f1a..ceb0ed3 100644
--- a/data/templates/base.html
+++ b/data/templates/base.html
@@ -17,7 +17,8 @@
                     <a href="#">Recon Ranger</a>
                 </div>
                 <ul>
-                    <li><a href="#">Home</a></li>
+                    <li><a href="/">Home</a></li>
+                    <li><a href="/results">Results</a></li>
                     <li><a href="api/docs/">API</a></li>
                     <li><a href="mailto:someone@example.com">Contact</a></li>
                 </ul>
diff --git a/data/templates/dashboard.html b/data/templates/dashboard.html
index 860770d..5aca7e6 100644
--- a/data/templates/dashboard.html
+++ b/data/templates/dashboard.html
@@ -1,111 +1,8 @@
 {% extends "base.html" %}
 
-{% macro render_nested(value) %}
-    {% if value is mapping %}
-            {% for k, v in value.items() %}
-                <div class="nested-item">
-                    <span class="nested-key">{{ k }}:</span>
-                    <span class="nested-value">{{ render_nested(v) }}</span>
-                </div>
-            {% endfor %}
-    {% elif value is iterable and not value is string %}
-            {% for item in value %}
-                {{ render_nested(item) }}
-            {% endfor %}
-    {% else %}
-        {{ value }}
-    {% endif %}
-{% endmacro %}
-
-
 {% block content %}
 <div class="dashboard-container">
     <h1>{{ title }}</h1>
-
-    {# ── Filter bar ─────────────────────────────────────────── #}
-    <form class="filter-bar" method="get" id="filter-form" onsubmit="
-        this.querySelectorAll('input').forEach(function(el){ if(!el.value) el.disabled = true; });
-    ">
-        <div class="filter-group">
-            <label for="recon_job_name">Job Name</label>
-            <input type="text" id="recon_job_name" name="recon_job_name"
-                   placeholder="e.g. daily-fx-recon"
-                   value="{{ recon_job_name or '' }}">
-        </div>
-        <div class="filter-group">
-            <label for="as_at_date">As-at Date</label>
-            <input type="date" id="as_at_date" name="as_at_date"
-                   value="{{ as_at_date or '' }}">
-        </div>
-        <div class="filter-actions">
-            <button type="submit" class="btn btn-primary">Apply</button>
-            <a href="?" class="btn btn-secondary">Clear</a>
-        </div>
-    </form>
-    <script>
-        (function () {
-            var params = new URLSearchParams(window.location.search);
-            ["recon_job_name", "as_at_date"].forEach(function (key) {
-                var val = params.get(key);
-                if (val) {
-                    var el = document.getElementById(key);
-                    if (el) el.value = val;
-                }
-            });
-        })();
-    </script>
-
-    {% if results | length > 0 %}
-    <div class="table-scroll">
-    <table class="data-table">
-        <thead>
-            <tr>
-                {% for key in results[0].keys() %}
-                <th>{{ key }}</th>
-                {% endfor %}
-            </tr>
-        </thead>
-        <tbody>
-            {% for row in results %}
-            <tr>
-                {% for key, value in row.items() %}
-                <td>
-                    {% if key == 'Status' %}
-                        <span class="badge badge-{{ value | lower }}">{{ value }}</span>
-                    {% elif key == 'Flag' %}
-                        <span class="badge badge-{{ 'none' if value == 'None' else 'flag' }}">{{ value }}</span>
-                    {% else %}
-                        {{ render_nested(value) }}
-                    {% endif %}
-                </td>
-                {% endfor %}
-            </tr>
-            {% endfor %}
-        </tbody>
-    </table>
-    </div>
-
-    {# ── Pagination ─────────────────────────────────────────── #}
-    {% set filter_qs %}{% if recon_job_name %}&recon_job_name={{ recon_job_name }}{% endif %}{% if as_at_date %}&as_at_date={{ as_at_date }}{% endif %}{% endset %}
-    <div class="pagination">
-        {% if prev_cursor %}
-        <a class="btn btn-secondary"
-           href="?cursor={{ prev_cursor }}{{ filter_qs }}">
-            ← Previous
-        </a>
-        {% else %}
-        <span class="btn btn-secondary btn-disabled">← Previous</span>
-        {% endif %}
-
-        {% if next_cursor %}
-        <a class="btn btn-secondary"
-           href="?cursor={{ next_cursor }}{{ filter_qs }}">
-            Next →
-        </a>
-        {% else %}
-        <span class="btn btn-secondary btn-disabled">Next →</span>
-        {% endif %}
-    </div>
-    {% endif %}
+    <p>Dashboard coming soon.</p>
 </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/data/templates/results.html b/data/templates/results.html
new file mode 100644
index 0000000..860770d
--- /dev/null
+++ b/data/templates/results.html
@@ -0,0 +1,111 @@
+{% extends "base.html" %}
+
+{% macro render_nested(value) %}
+    {% if value is mapping %}
+            {% for k, v in value.items() %}
+                <div class="nested-item">
+                    <span class="nested-key">{{ k }}:</span>
+                    <span class="nested-value">{{ render_nested(v) }}</span>
+                </div>
+            {% endfor %}
+    {% elif value is iterable and not value is string %}
+            {% for item in value %}
+                {{ render_nested(item) }}
+            {% endfor %}
+    {% else %}
+        {{ value }}
+    {% endif %}
+{% endmacro %}
+
+
+{% block content %}
+<div class="dashboard-container">
+    <h1>{{ title }}</h1>
+
+    {# ── Filter bar ─────────────────────────────────────────── #}
+    <form class="filter-bar" method="get" id="filter-form" onsubmit="
+        this.querySelectorAll('input').forEach(function(el){ if(!el.value) el.disabled = true; });
+    ">
+        <div class="filter-group">
+            <label for="recon_job_name">Job Name</label>
+            <input type="text" id="recon_job_name" name="recon_job_name"
+                   placeholder="e.g. daily-fx-recon"
+                   value="{{ recon_job_name or '' }}">
+        </div>
+        <div class="filter-group">
+            <label for="as_at_date">As-at Date</label>
+            <input type="date" id="as_at_date" name="as_at_date"
+                   value="{{ as_at_date or '' }}">
+        </div>
+        <div class="filter-actions">
+            <button type="submit" class="btn btn-primary">Apply</button>
+            <a href="?" class="btn btn-secondary">Clear</a>
+        </div>
+    </form>
+    <script>
+        (function () {
+            var params = new URLSearchParams(window.location.search);
+            ["recon_job_name", "as_at_date"].forEach(function (key) {
+                var val = params.get(key);
+                if (val) {
+                    var el = document.getElementById(key);
+                    if (el) el.value = val;
+                }
+            });
+        })();
+    </script>
+
+    {% if results | length > 0 %}
+    <div class="table-scroll">
+    <table class="data-table">
+        <thead>
+            <tr>
+                {% for key in results[0].keys() %}
+                <th>{{ key }}</th>
+                {% endfor %}
+            </tr>
+        </thead>
+        <tbody>
+            {% for row in results %}
+            <tr>
+                {% for key, value in row.items() %}
+                <td>
+                    {% if key == 'Status' %}
+                        <span class="badge badge-{{ value | lower }}">{{ value }}</span>
+                    {% elif key == 'Flag' %}
+                        <span class="badge badge-{{ 'none' if value == 'None' else 'flag' }}">{{ value }}</span>
+                    {% else %}
+                        {{ render_nested(value) }}
+                    {% endif %}
+                </td>
+                {% endfor %}
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+    </div>
+
+    {# ── Pagination ─────────────────────────────────────────── #}
+    {% set filter_qs %}{% if recon_job_name %}&recon_job_name={{ recon_job_name }}{% endif %}{% if as_at_date %}&as_at_date={{ as_at_date }}{% endif %}{% endset %}
+    <div class="pagination">
+        {% if prev_cursor %}
+        <a class="btn btn-secondary"
+           href="?cursor={{ prev_cursor }}{{ filter_qs }}">
+            ← Previous
+        </a>
+        {% else %}
+        <span class="btn btn-secondary btn-disabled">← Previous</span>
+        {% endif %}
+
+        {% if next_cursor %}
+        <a class="btn btn-secondary"
+           href="?cursor={{ next_cursor }}{{ filter_qs }}">
+            Next →
+        </a>
+        {% else %}
+        <span class="btn btn-secondary btn-disabled">Next →</span>
+        {% endif %}
+    </div>
+    {% endif %}
+</div>
+{% endblock %}
\ No newline at end of file