diff --git a/scipaperloader/templates/index.html b/scipaperloader/templates/index.html
index e3c90e7..d057bb7 100644
--- a/scipaperloader/templates/index.html
+++ b/scipaperloader/templates/index.html
@@ -1,6 +1,61 @@
 {% extends 'base.html' %}
 {% block content %}
-<h1>Welcome to SciPaperLoader</h1>
-<p>Your paper scraping tool is ready.</p>
-<a href="{{ url_for('main.upload') }}" class="btn btn-primary">Upload CSV</a>
+
+<main class="container my-5">
+    <div class="container text-center">
+      <h1 class="display-4">Welcome to SciPaperLoader</h1>
+      <p class="lead">Your paper scraping tool is ready.</p>
+      <p class="text-muted">A simple tool to scrape papers from Zotero API.</p>
+    </div>
+
+    <div class="row g-4">
+      <div class="col-md-6">
+        <div class="card shadow-sm">
+          <div class="card-body">
+            <h5 class="card-title">📄 CSV Import</h5>
+            <p class="card-text">Upload a 37-column CSV to import paper metadata. Only relevant fields (title, DOI, ISSN, etc.) are stored. Errors are reported without aborting the batch.</p>
+            <a href="/import" class="btn btn-sm btn-outline-primary">Upload Now</a>
+          </div>
+        </div>
+      </div>
+
+      <div class="col-md-6">
+        <div class="card shadow-sm">
+          <div class="card-body">
+            <h5 class="card-title">🧠 Background Scraper</h5>
+            <p class="card-text">A daemon process runs hourly to fetch papers using Zotero API. Downloads are randomized to mimic human behavior and avoid detection.</p>
+            <a href="/logs" class="btn btn-sm btn-outline-secondary">View Logs</a>
+          </div>
+        </div>
+      </div>
+
+      <div class="col-md-6">
+        <div class="card shadow-sm">
+          <div class="card-body">
+            <h5 class="card-title">📚 Paper Management</h5>
+            <p class="card-text">Monitor paper status (Pending, Done, Failed), download PDFs, and inspect errors. Files are stored on disk in structured folders per DOI.</p>
+            <a href="/papers" class="btn btn-sm btn-outline-success">Browse Papers</a>
+          </div>
+        </div>
+      </div>
+
+      <div class="col-md-6">
+        <div class="card shadow-sm">
+          <div class="card-body">
+            <h5 class="card-title">🕒 Download Schedule</h5>
+            <p class="card-text">Control how many papers are downloaded per hour. Configure hourly volume (e.g. 2/hour at daytime, 0 at night) to match your bandwidth or usage pattern.</p>
+            <a href="/schedule" class="btn btn-sm btn-outline-warning">Adjust Schedule</a>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="text-center mt-5">
+      <p class="text-muted small">
+        Powered by Flask • SQLite • Bootstrap • PyZotero<br>
+        Designed for academic use on a local network.
+      </p>
+    </div>
+</main>
+
 {% endblock %}
\ No newline at end of file
diff --git a/scipaperloader/templates/nav.html b/scipaperloader/templates/nav.html
new file mode 100644
index 0000000..be55f69
--- /dev/null
+++ b/scipaperloader/templates/nav.html
@@ -0,0 +1,60 @@
+<nav class="navbar navbar-expand-lg navbar-light bg-light">
+  <div class="container-fluid">
+    <a class="navbar-brand" href="{{ url_for('main.index') }}"
+      >{{ app_title }}</a
+    >
+    <button
+      class="navbar-toggler"
+      type="button"
+      data-bs-toggle="collapse"
+      data-bs-target="#navbarSupportedContent"
+      aria-controls="navbarSupportedContent"
+      aria-expanded="false"
+      aria-label="Toggle navigation"
+    >
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item">
+          <a class="nav-link" href="/import">Import CSV</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="/papers">Papers</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="/schedule">Schedule</a>
+        </li>
+        <li class="nav-item dropdown">
+          <a
+            class="nav-link dropdown-toggle"
+            href="#"
+            id="navbarDropdown"
+            role="button"
+            data-bs-toggle="dropdown"
+            aria-expanded="false"
+          >
+            More
+          </a>
+          <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+            <li class="nav-item">
+                <a class="nav-link" href="/logs">Logs</a>
+            </li>
+            <li>
+              <a class="dropdown-item" href="https://git.mbeck.cologne">Help</a>
+            </li>
+          </ul>
+        </li>
+      </ul>
+      <form class="d-flex">
+        <input
+          class="form-control me-2"
+          type="search"
+          placeholder="Search"
+          aria-label="Search"
+        />
+        <button class="btn btn-outline-success" type="submit">Search</button>
+      </form>
+    </div>
+  </div>
+</nav>