Update and improve navigation

- Add Login link.
- Move Blog link over to the right, closer to the other non-product
  links.
- Show more links on mobile by making them appear below the logo.
- Change CTA button to be more accurate, since there is actually no
  download that starts after clicking it.
- Update “Get Dashify” CTAs elsewhere to link to pricing section.

layouts/_default/feature.html

@@ -28,7 +28,7 @@ <h2 class="font-bold text-lg">Shortcuts</h2>
 <section class="py-32 px-4 bg-gradient-to-b from-[#9D6095B3] to-[#E8A04DB3] border-t text-center">
 	<h2 class="text-white text-5xl font-bold mb-16">Manage WooCommerce orders more effectively.</h2>
 	<a
-		href="https://wordpress.org/plugins/dashify/"
+		href="/#pricing"
 		class="py-4 px-6 rounded-full bg-gray-800 text-gray-50 text-xl font-semibold hover:shadow-lg transition"
 	>
 		Get Dashify

layouts/index.html

@@ -11,7 +11,7 @@ <h1 class="text-white text-5xl font-bold mb-16">Better WooCommerce order managem
 			class="text-white text-[2.5rem] font-semibold mb-8"
 		>Search, navigate, and manage orders faster with Dashify.</p>
 		<a
-			href="https://wordpress.org/plugins/dashify/"
+			href="/#pricing"
 			class="inline-block py-4 px-6 rounded-full bg-gray-800 text-gray-50 text-2xl font-semibold hover:shadow-lg transition"
 		>Get Dashify for free</a>
 	</div>
@@ -318,7 +318,7 @@ <h3 class="text-2xl font-semibold">Pro — <b>$3 USD</b> per month, per site</h3
 <section class="py-32 px-4 bg-gradient-to-b from-[#9D6095B3] to-[#E8A04DB3] border-t text-center">
 	<h2 class="text-white text-5xl font-bold mb-16">Manage WooCommerce orders more effectively.</h2>
 	<a
-		href="https://wordpress.org/plugins/dashify/"
+		href="/#pricing"
 		class="py-4 px-6 rounded-full bg-gray-800 text-gray-50 text-xl font-semibold hover:shadow-lg transition"
 	>
 		Get Dashify

layouts/partials/header-home.html

@@ -1,21 +1,22 @@
 <header class="sticky top-0 h-0 z-10">
 	<div id="navbar" class="backdrop-blur-xl transition bg-[#ffffff10] border-b border-b-[#ffffff15]">
-		<div class="flex justify-between items-center p-4 max-w-7xl mx-auto">
-			<a href="/">
+		<div class="flex flex-col md:flex-row md:justify-between md:items-center gap-4 p-4 max-w-7xl mx-auto">
+			<a href="/" class="flex justify-center">
 				<div id="nav-logo" class="bg-gray-50 w-[80px] h-[40px]"></div>
 			</a>
-			<nav class="text-gray-50 font-semibold">
-				<a href="/#features" class="ml-8 transition">Features</a>
-				<a href="/#pricing" class="ml-8 transition hidden sm:inline ">Pricing</a>
-				<a href="/blog/" class="ml-8 transition hidden md:inline">Blog</a>
-				<a href="/releases/" class="ml-8 transition hidden sm:inline">What’s new</a>
-				<a href="https://forms.gle/pRezSbdUcZmvZdX27" class="ml-8 transition hidden md:inline">Help</a>
+			<nav class="text-gray-50 font-semibold flex flex-wrap gap-8 items-center justify-center">
+				<a href="/#features" class="transition">Features</a>
+				<a href="/#pricing" class="transition">Pricing</a>
+				<a href="/releases/" class="whitespace-nowrap transition">What’s new</a>
+				<a href="/blog/" class="transition hidden md:inline">Blog</a>
+				<a href="https://forms.gle/pRezSbdUcZmvZdX27" class="transition hidden md:inline">Help</a>
+				<a href="https://account.getdashify.com/login" class="transition">Login</a>
 				<a
 					id="nav-download-link"
-					href="https://wordpress.org/plugins/dashify/"
-					class="ml-8 px-4 py-2 rounded-full border border-gray-50 text-gray-50 transition hover:bg-gray-50 hover:text-gray-800"
+					href="/#pricing"
+					class="hidden md:inline whitespace-nowrap px-4 py-2 rounded-full border border-gray-50 text-gray-50 transition hover:bg-gray-50 hover:text-gray-800"
 				>
-					Download
+					Get Dashify
 				</a>
 			</nav>
 		</div>

layouts/partials/header.html

@@ -1,21 +1,22 @@
 <header class="sticky top-0 h-0 z-10">
 	<div id="navbar" class="backdrop-blur-xl transition bg-[#ffffff10] border-b border-b-gray-200">
-		<div class="flex justify-between items-center p-4 max-w-7xl mx-auto">
-			<a href="/">
+		<div class="flex flex-col md:flex-row md:justify-between md:items-center gap-4 p-4 max-w-7xl mx-auto">
+			<a href="/" class="flex justify-center">
 				<div id="nav-logo" class="bg-[#CB8A86] w-[80px] h-[40px]"></div>
 			</a>
-			<nav class="text-gray-800 font-semibold">
-				<a href="/#features" class="ml-8 transition">Features</a>
-				<a href="/#pricing" class="ml-8 transition hidden sm:inline">Pricing</a>
-				<a href="/blog/" class="ml-8 transition hidden sm:inline">Blog</a>
-				<a href="/releases/" class="ml-8 transition hidden sm:inline">What’s new</a>
-				<a href="https://forms.gle/pRezSbdUcZmvZdX27" class="ml-8 transition hidden sm:inline">Help</a>
+			<nav class="text-gray-800 font-semibold flex flex-wrap gap-8 items-center justify-center">
+				<a href="/#features" class="transition">Features</a>
+				<a href="/#pricing" class="transition">Pricing</a>
+				<a href="/releases/" class="whitespace-nowrap transition">What’s new</a>
+				<a href="/blog/" class="transition hidden md:inline">Blog</a>
+				<a href="https://forms.gle/pRezSbdUcZmvZdX27" class="transition hidden md:inline">Help</a>
+				<a href="https://account.getdashify.com/login" class="transition">Login</a>
 				<a
 					id="nav-download-link"
-					href="https://wordpress.org/plugins/dashify/"
-					class="ml-8 px-4 py-2 rounded-full border border-gray-800 hover:bg-gray-800 hover:text-gray-50 transition"
+					href="/#pricing"
+					class="hidden md:inline whitespace-nowrap px-4 py-2 rounded-full border border-gray-800 hover:bg-gray-800 hover:text-gray-50 transition"
 				>
-					Download
+					Get Dashify
 				</a>
 			</nav>
 		</div>