chore(design) Redo the webpage

Trying to make a modern webpage. Tailwind is verbose but helps to do it
faster. I will later make a better CSS.

TODO: make dynamic links to package repository, exe, binaries... and add
a better example

src/partials/nav.html

@@ -0,0 +1,73 @@
+<!-- Navigation -->
+<nav class="bg-white shadow-sm">
+  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+    <div class="flex justify-between h-16">
+      <div class="flex items-center">
+        <img
+          src="https://repo.katenary.io/Katenary/katenary/raw/branch/master/doc/docs/statics/logo-vertical.svg"
+          alt="Katenary Logo"
+          class="h-10"
+        />
+      </div>
+      <div class="hidden md:flex items-center space-x-8">
+        <a
+          href="#features"
+          class="text-gray-700 hover:text-orange-500 transition"
+          >Features</a
+        >
+        <a
+          href="#installation"
+          class="text-gray-700 hover:text-orange-500 transition"
+          >Installation</a
+        >
+        <a
+          href="#tutorials"
+          class="text-gray-700 hover:text-orange-500 transition"
+          >Tutorials</a
+        >
+        <a
+          href="https://repo.katenary.io/katenary/katenary"
+          target="_blank"
+          class="flex items-center text-gray-700 hover:text-orange-500 transition"
+        >
+          <i data-feather="git-branch" class="w-4 h-4 mr-1"></i> Repository
+        </a>
+      </div>
+      <div class="flex items-center md:hidden">
+        <button
+          id="mobile-menu-button"
+          class="text-gray-500 hover:text-orange-500 focus:outline-none"
+        >
+          <i data-feather="menu"></i>
+        </button>
+      </div>
+    </div>
+    <!-- Mobile menu -->
+    <div id="mobile-menu" class="hidden md:hidden px-4 pb-4">
+      <div class="flex flex-col space-y-4">
+        <a
+          href="#features"
+          class="text-gray-700 hover:text-orange-500 transition"
+          >Features</a
+        >
+        <a
+          href="#installation"
+          class="text-gray-700 hover:text-orange-500 transition"
+          >Installation</a
+        >
+        <a
+          href="#tutorials"
+          class="text-gray-700 hover:text-orange-500 transition"
+          >Tutorials</a
+        >
+        <a
+          href="https://repo.katenary.io/katenary/katenary"
+          target="_blank"
+          class="flex items-center text-gray-700 hover:text-orange-500 transition"
+        >
+          <i data-feather="git-branch" class="w-4 h-4 mr-1"></i> Repository
+        </a>
+      </div>
+    </div>
+  </div>
+</nav>