diff --git a/config.toml b/config.toml
index 3180ecd..9e4833d 100644
--- a/config.toml
+++ b/config.toml
@@ -24,13 +24,15 @@ highlight_code = true
 name = "Ecosystem"
 section = "docs"
 url = "/ecosystem/"
-weight = 10
 
 [[extra.menu.main]]
 name = "Blog"
 section = "blog"
 url = "/blog/"
-weight = 20
+
+[[extra.menu.main]]
+name = "Docs"
+url = "https://hackage.haskell.org/package/effectful-core/docs/Effectful.html"
 
 [[extra.section.extra]]
 repo_url = "https://github.com/haskell-effectful/"
diff --git a/content/_index.md b/content/_index.md
index 7c13d51..caae6a6 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -5,8 +5,10 @@ title = "Effectful"
 # The homepage contents
 [extra]
 lead = "Build Fast & Reliable Haskell Applications"
-url = "/ecosystem/"
-url_button = "Browse the ecosystem"
+left_url = "/ecosystem/"
+left_url_button = "Browse the ecosystem"
+right_url = "https://hackage.haskell.org/package/effectful-core/docs/Effectful.html"
+right_url_button = "Read the documentation"
 repo_version = ""
 repo_license = ""
 repo_url = "https://github.com/haskell-effectful/effectful"
diff --git a/templates/index.html b/templates/index.html
index 27876df..c658c3a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -35,8 +35,8 @@ <h1 class="mt-0">{{ section.title | default(value="Modern Documentation Theme")
           <p>
             <img src="{{ section.extra.icon}}" height=250> </img>
           </p>
-          <a class="btn btn-primary btn-lg px-4 mb-2" href="{{ get_url(path=section.extra.url | default(value="/")) | safe }}" role="button">{{ section.extra.url_button | default(value="Get started") }}</a>
-          <p class="meta">{{ section.extra.repo_license | default(value="MIT")}} <a href="{{ section.extra.repo_url | default(value="https://github.com/aaranxu/adidoks") | safe }}">{{ section.extra.repo_version | default(value="0.1.0") }}</a></p>
+          <a class="btn btn-primary btn-lg px-4 mb-2" href="{{ get_url(path=section.extra.left_url | default(value="/")) | safe }}" role="button">{{ section.extra.left_url_button | default(value="Get started") }}</a>
+          <a class="btn btn-primary btn-lg px-4 mb-2 ms-4" href="{{ get_url(path=section.extra.right_url | default(value="/")) | safe }}" role="button">{{ section.extra.right_url_button | default(value="Get started") }}</a>
         </div>
       </div>
     </section>
diff --git a/templates/macros/header.html b/templates/macros/header.html
index ea08bba..81dd526 100644
--- a/templates/macros/header.html
+++ b/templates/macros/header.html
@@ -38,9 +38,15 @@
 					{% endfor %}
 				{% elif config.extra.menu.main %}
 					{% for val in config.extra.menu.main %}
-						<li class="nav-item{% if current_section == val.section %} {{ current_section }} active{% endif %}">
-							<a class="nav-link" href="{{ get_url(path=val.url, trailing_slash=true) | safe }}">{{ val.name }}</a>
-						</li>
+						{% if val.section %}
+							<li class="nav-item{% if current_section == val.section %} {{ current_section }} active{% endif %}">
+								<a class="nav-link" href="{{ get_url(path=val.url, trailing_slash=true) | safe }}">{{ val.name }}</a>
+							</li>
+						{% else %}
+							<li class="nav-item">
+								<a class="nav-link" href="{{ val.url | safe }}">{{ val.name }}</a>
+							</li>
+						{% endif %}
 					{% endfor %}
 				{% else %}
 				<li class="nav-item">