12/19/25 V.4
This commit is contained in:
parent
9e956531ac
commit
17f25edfba
@ -1,3 +1,5 @@
|
|||||||
|
const pages = ['home','problem','why','features','how','roi','pricing','who','trust','roadmap','faq','signin','apply'];
|
||||||
|
|
||||||
document.addEventListener('DOMContentLoaded', () => {
|
document.addEventListener('DOMContentLoaded', () => {
|
||||||
// Set initial page based on URL hash or default to 'home'
|
// Set initial page based on URL hash or default to 'home'
|
||||||
const initialPage = window.location.hash.substring(1) || 'home';
|
const initialPage = window.location.hash.substring(1) || 'home';
|
||||||
@ -17,7 +19,9 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
function openPage(pageId, isHistoryNavigation = false) {
|
function openPage(pageId, isHistoryNavigation = false) {
|
||||||
if (!pageId) pageId = 'home';
|
if (!pages.includes(pageId)) {
|
||||||
|
pageId = 'home';
|
||||||
|
}
|
||||||
|
|
||||||
// Hide all pages
|
// Hide all pages
|
||||||
document.querySelectorAll('.page').forEach(page => {
|
document.querySelectorAll('.page').forEach(page => {
|
||||||
|
|||||||
30
index.php
30
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>
|
<span class="hidden sm:inline chip px-3 py-1 text-xs text-gray-700">HR Execution OS</span>
|
||||||
</div>
|
</div>
|
||||||
<!-- Desktop nav -->
|
<!-- 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 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="#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="#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="#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>
|
<a class="navlink" href="#faq" onclick="openPage('faq'); return false;">FAQ</a>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="flex items-center gap-4">
|
<div class="flex items-center gap-4">
|
||||||
@ -116,17 +118,19 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- Mobile drawer -->
|
<!-- Mobile drawer -->
|
||||||
<div id="drawer" class="drawer hidden mt-3 panel-strong p-4">
|
<div id="drawer" class="drawer hidden mt-3 panel-strong p-4">
|
||||||
<div class="grid gap-2 text-sm">
|
<div class="grid gap-2 text-sm">
|
||||||
<a class="navlink" href="#home" onclick="openPage('home'); toggleMenu(true); return false;">Home</a>
|
<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="#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="#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="#features" onclick="openPage('features'); toggleMenu(true); return false;">Features</a>
|
||||||
<a class="navlink" href="#who" onclick="openPage('who'); toggleMenu(true); return false;">Who It’s For</a>
|
<a class="navlink" href="#how" onclick="openPage('how'); toggleMenu(true); return false;">How It Works</a>
|
||||||
<a class="navlink" href="#faq" onclick="openPage('faq'); toggleMenu(true); return false;">FAQ</a>
|
<a class="navlink" href="#who" onclick="openPage('who'); toggleMenu(true); return false;">Who It's For</a>
|
||||||
<div class="h-px softline border-t my-2"></div>
|
<a class="navlink" href="#pricing" onclick="openPage('pricing'); toggleMenu(true); return false;">Pricing</a>
|
||||||
<a class="navlink" href="#signin" onclick="openPage('signin'); toggleMenu(true); return false;">Sign In</a>
|
<a class="navlink" href="#faq" onclick="openPage('faq'); toggleMenu(true); return false;">FAQ</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 class="h-px softline border-t my-2"></div>
|
||||||
</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>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<main class="max-w-7xl mx-auto px-6 pb-16">
|
<main class="max-w-7xl mx-auto px-6 pb-16">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user