From cc13ce503a4e1cb57b9a296e2045d11b6d77325f Mon Sep 17 00:00:00 2001
From: hitchhooker <tommi@niemi.lol>
Date: Fri, 13 Dec 2024 11:55:36 +0700
Subject: [PATCH] update page

---
 src/components/Nav.jsx                 | 12 +++++++-----
 src/components/SectionsHeroSection.jsx |  2 +-
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/Nav.jsx b/src/components/Nav.jsx
index b1b7295..39c2c49 100644
--- a/src/components/Nav.jsx
+++ b/src/components/Nav.jsx
@@ -6,10 +6,9 @@ export default function Nav() {
   const [navIsOpen, setNavIsOpen] = createSignal(false);
 
   const navItems = [
-    { id: 1, text: "Home", href: "/" },
-    { id: 2, text: "Docs", href: "/docs" },
-    { id: 3, text: "Transfer", href: "/transfer" },
-    { id: 4, text: "GitHub", href: "https://github.com/rotkonetworks/swissh" }
+    { id: 1, text: "Home", href: "/", enabled: true },
+    { id: 2, text: "About", href: "/about", enabled: true },
+    { id: 3, text: "Docs", href: "/docs", enabled: false },
   ];
 
   return (
@@ -27,15 +26,18 @@ export default function Nav() {
           {/* Desktop Navigation */}
           <div class="hidden md:flex items-center gap-8">
             {navItems.map(item => (
+              // if enabled, render the link, otherwise render a span
+              item.enabled ?
               <a 
                 href={item.href}
                 class="text-neutral-700 dark:text-neutral-300 hover:text-emerald-600 dark:hover:text-emerald-400 transition-colors"
               >
                 {item.text}
               </a>
+              : <span class="text-neutral-400">{item.text}</span>
             ))}
             <a 
-              href="/install"
+              href="https://github.com/rotkonetworks/swissh"
               class="px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white rounded-full transition-colors"
             >
               Install
diff --git a/src/components/SectionsHeroSection.jsx b/src/components/SectionsHeroSection.jsx
index 40bc6ab..bbe9fb3 100644
--- a/src/components/SectionsHeroSection.jsx
+++ b/src/components/SectionsHeroSection.jsx
@@ -32,7 +32,7 @@ const SectionsHeroSection = (props) => {
           </p>
 
           {/* Installation Command */}
-          <div class="mt-10 w-full">
+          <div class="mt-10 w-full text-left">
             <div class="max-w-xl bg-neutral-900 rounded-lg overflow-hidden border border-neutral-800">
               <div class="flex items-center justify-between px-4 py-2 bg-neutral-800/50">
                 <div class="flex items-center gap-2">