12/19/25 V.4

This commit is contained in:
Flatlogic Bot 2025-12-19 05:38:20 +00:00
parent 9e956531ac
commit 17f25edfba
2 changed files with 22 additions and 14 deletions

View File

@ -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 => {

View File

@ -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 Its 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 Its 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">