diff --git a/assets/js/main.js b/assets/js/main.js
index bb04de6..61c2754 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -1,3 +1,5 @@
+const pages = ['home','problem','why','features','how','roi','pricing','who','trust','roadmap','faq','signin','apply'];
+
 document.addEventListener('DOMContentLoaded', () => {
     // Set initial page based on URL hash or default to 'home'
     const initialPage = window.location.hash.substring(1) || 'home';
@@ -17,7 +19,9 @@ document.addEventListener('DOMContentLoaded', () => {
 });
 
 function openPage(pageId, isHistoryNavigation = false) {
-    if (!pageId) pageId = 'home';
+    if (!pages.includes(pageId)) {
+        pageId = 'home';
+    }
     
     // Hide all pages
     document.querySelectorAll('.page').forEach(page => {
diff --git a/index.php b/index.php
index 2d9ef1d..0ae9488 100644
--- a/index.php
+++ b/index.php
@@ -99,12 +99,14 @@
         <span class="hidden sm:inline chip px-3 py-1 text-xs text-gray-700">HR Execution OS</span>
       </div>
       <!-- Desktop nav -->
-      <nav class="hidden lg:flex items-center gap-x-6 text-sm whitespace-nowrap">
+      <nav class="hidden lg:flex items-center gap-x-4 text-sm whitespace-nowrap">
         <a class="navlink active" href="#home" onclick="openPage('home'); return false;">Home</a>
         <a class="navlink" href="#problem" onclick="openPage('problem'); return false;">Problem</a>
         <a class="navlink" href="#why" onclick="openPage('why'); return false;">Why FinMox</a>
+        <a class="navlink" href="#features" onclick="openPage('features'); return false;">Features</a>
         <a class="navlink" href="#how" onclick="openPage('how'); return false;">How It Works</a>
-        <a class="navlink" href="#who" onclick="openPage('who'); return false;">Who It’s For</a>
+        <a class="navlink" href="#who" onclick="openPage('who'); return false;">Who It's For</a>
+        <a class="navlink" href="#pricing" onclick="openPage('pricing'); return false;">Pricing</a>
         <a class="navlink" href="#faq" onclick="openPage('faq'); return false;">FAQ</a>
       </nav>
       <div class="flex items-center gap-4">
@@ -116,17 +118,19 @@
     </div>
     <!-- Mobile drawer -->
     <div id="drawer" class="drawer hidden mt-3 panel-strong p-4">
-      <div class="grid gap-2 text-sm">
-        <a class="navlink" href="#home" onclick="openPage('home'); toggleMenu(true); return false;">Home</a>
-        <a class="navlink" href="#problem" onclick="openPage('problem'); toggleMenu(true); return false;">Problem</a>
-        <a class="navlink" href="#why" onclick="openPage('why'); toggleMenu(true); return false;">Why FinMox</a>
-        <a class="navlink" href="#how" onclick="openPage('how'); toggleMenu(true); return false;">How It Works</a>
-        <a class="navlink" href="#who" onclick="openPage('who'); toggleMenu(true); return false;">Who It’s For</a>
-        <a class="navlink" href="#faq" onclick="openPage('faq'); toggleMenu(true); return false;">FAQ</a>
-        <div class="h-px softline border-t my-2"></div>
-        <a class="navlink" href="#signin" onclick="openPage('signin'); toggleMenu(true); return false;">Sign In</a>
-        <a href="#apply" onclick="openPage('apply'); toggleMenu(true); return false;" class="bg-black text-white text-sm px-4 py-2 rounded-2xl">Apply for Access</a>
-      </div>
+        <div class="grid gap-2 text-sm">
+            <a class="navlink active" href="#home" onclick="openPage('home'); toggleMenu(true); return false;">Home</a>
+            <a class="navlink" href="#problem" onclick="openPage('problem'); toggleMenu(true); return false;">Problem</a>
+            <a class="navlink" href="#why" onclick="openPage('why'); toggleMenu(true); return false;">Why FinMox</a>
+            <a class="navlink" href="#features" onclick="openPage('features'); toggleMenu(true); return false;">Features</a>
+            <a class="navlink" href="#how" onclick="openPage('how'); toggleMenu(true); return false;">How It Works</a>
+            <a class="navlink" href="#who" onclick="openPage('who'); toggleMenu(true); return false;">Who It's For</a>
+            <a class="navlink" href="#pricing" onclick="openPage('pricing'); toggleMenu(true); return false;">Pricing</a>
+            <a class="navlink" href="#faq" onclick="openPage('faq'); toggleMenu(true); return false;">FAQ</a>
+            <div class="h-px softline border-t my-2"></div>
+            <a class="navlink" href="#signin" onclick="openPage('signin'); toggleMenu(true); return false;">Sign In</a>
+            <a href="#apply" onclick="openPage('apply'); toggleMenu(true); return false;" class="bg-black text-white text-sm px-4 py-2 rounded-2xl">Apply for Access</a>
+        </div>
     </div>
   </header>
   <main class="max-w-7xl mx-auto px-6 pb-16">