From a1540f418bedd1519ddf8bd169027b94b5204908 Mon Sep 17 00:00:00 2001
From: Daniele Tonon <tonon@vitamino.it>
Date: Mon, 8 Apr 2024 18:47:33 +0200
Subject: [PATCH] Add quick links to the homepage sections

---
 homepage.templ | 5 +++--
 top.templ      | 5 ++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/homepage.templ b/homepage.templ
index d3c2f1d..ff80e77 100644
--- a/homepage.templ
+++ b/homepage.templ
@@ -155,7 +155,7 @@ templ homepageTemplate(params HomePageParams) {
 
       <!-- Get started -->
 
-      <div class="relative px-4 sm:px-0 sm:flex mt-20 py-10 sm:py-28 justify-center bg-gradient-to-br from-slate-600 to-slate-900 text-neutral-50">
+      <div id="getstarted" class="relative px-4 sm:px-0 sm:flex mt-20 py-10 sm:py-28 justify-center bg-gradient-to-br from-slate-600 to-slate-900 text-neutral-50">
         <div class="w-full max-w-screen-2xl sm:w-11/12 sm:px-4 md:w-10/12 lg:w-9/12">
           <h2 class="text-4xl">Get started with Nostr</h2>
           <div class="sm:flex sm:flex-row sm:flex-wrap sm:w-4/5 mt-12">
@@ -185,6 +185,7 @@ templ homepageTemplate(params HomePageParams) {
       <!-- Resources -->
 
       <div
+        id="resources"
         class="w-full px-4 max-w-screen-2xl sm:w-11/12 sm:px-4 md:w-10/12 lg:w-9/12 sm:gap-10 print:w-full font-extralight"
       >
         <div id="why-nostr" class="mt-16 mb-12 text-center">
@@ -298,7 +299,7 @@ templ homepageTemplate(params HomePageParams) {
 
       <!-- Develop on Nostr -->
 
-      <div class="relative px-4 sm:px-0 sm:flex my-20 py-10 sm:py-20 justify-center bg-gradient-to-br from-sky-100 to-purple-100">
+      <div id="development" class="relative px-4 sm:px-0 sm:flex my-20 py-10 sm:py-20 justify-center bg-gradient-to-br from-sky-100 to-purple-100">
         <div class="w-full max-w-screen-2xl sm:w-11/12 sm:px-4 md:w-10/12 lg:w-9/12">
           <h2 class="text-4xl text-center">Develop on Nostr</h2>
           <div class="sm:flex sm:gap-20 mt-10">
diff --git a/top.templ b/top.templ
index b44bd53..3a4a4a9 100644
--- a/top.templ
+++ b/top.templ
@@ -16,7 +16,10 @@ templ topTemplate(params HeadParams) {
 				<a href="/" class="mr-4">Why <span class="text-strongpink">Nostr</span>?</a>
 			}
 			if !(params.IsAbout) {
-				<a href="/about">What is <span class="text-strongpink">Njump</span>?</a>
+				<a href="#geststarted" class="mr-4 hover:text-strongpink">Get started</a>
+				<a href="#resources" class="mr-4 hover:text-strongpink">Apps & Resources</a>
+				<a href="#development" class="mr-4 hover:text-strongpink">Join the development</a>
+				<a href="/about" class="mr-4">What is <span class="text-strongpink">Njump</span>?</a>
 			}
 		</div>