12/19/25 V.7
This commit is contained in:
Flatlogic Bot
parent
7af97cfb6c
commit
d9d90d51f1
@ -62,4 +62,34 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||||||
// Open page based on hash or default to 'home'
|
// Open page based on hash or default to 'home'
|
||||||
const initialPage = window.location.hash.substring(1) || 'home';
|
const initialPage = window.location.hash.substring(1) || 'home';
|
||||||
openPage(initialPage);
|
openPage(initialPage);
|
||||||
|
|
||||||
|
// Tab functionality for 'Why FinMox' page
|
||||||
|
const whyTabs = document.querySelectorAll('.why-tab');
|
||||||
|
const whyContents = document.querySelectorAll('.why-content');
|
||||||
|
|
||||||
|
whyTabs.forEach(tab => {
|
||||||
|
tab.addEventListener('click', () => {
|
||||||
|
const tabId = tab.dataset.tab;
|
||||||
|
|
||||||
|
// Update tab styles
|
||||||
|
whyTabs.forEach(t => {
|
||||||
|
if (t.dataset.tab === tabId) {
|
||||||
|
t.classList.add('bg-black', 'text-white');
|
||||||
|
t.classList.remove('bg-gray-200', 'text-black');
|
||||||
|
} else {
|
||||||
|
t.classList.remove('bg-black', 'text-white');
|
||||||
|
t.classList.add('bg-gray-200', 'text-black');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Show/hide content
|
||||||
|
whyContents.forEach(content => {
|
||||||
|
if (content.id === tabId) {
|
||||||
|
content.classList.remove('hidden');
|
||||||
|
} else {
|
||||||
|
content.classList.add('hidden');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
});
|
});
|
||||||
169
index.php
169
index.php
@ -275,7 +275,174 @@
|
|||||||
</section>
|
</section>
|
||||||
<!-- ========================= END PROBLEM PAGE ========================= -->
|
<!-- ========================= END PROBLEM PAGE ========================= -->
|
||||||
|
|
||||||
<!-- Other Pages will be added here -->
|
<!-- ========================= WHY FINMOX PAGE ========================= -->
|
||||||
|
<section id="page-why" class="page fade hidden">
|
||||||
|
<section class="panel-strong p-8 lg:p-10">
|
||||||
|
<div class="grid lg:grid-cols-12 gap-10 items-start">
|
||||||
|
<!-- Left Column -->
|
||||||
|
<div class="lg:col-span-5">
|
||||||
|
<div class="chip inline-flex px-3 py-1 text-xs">Why FinMox</div>
|
||||||
|
<h1 class="mt-5 text-4xl font-extrabold tracking-tight">
|
||||||
|
Not another HR tool.
|
||||||
|
</h1>
|
||||||
|
<p class="mt-5 text-gray-700">
|
||||||
|
FinMox is an <strong>HR Execution Operating System</strong>. It sits on top of your stack and enforces how hiring work happens: decision logic, movement, documentation — without replacing your ATS or HR team.
|
||||||
|
</p>
|
||||||
|
<div class="mt-7 grid gap-3">
|
||||||
|
<div class="panel p-5">
|
||||||
|
<div class="text-sm font-semibold">What FinMox is</div>
|
||||||
|
<ul class="mt-3 text-sm text-gray-700 space-y-2">
|
||||||
|
<li>✔ Decision clarity at intake (criteria locked + versioned)</li>
|
||||||
|
<li>✔ Structured qualification (consistent evaluation)</li>
|
||||||
|
<li>✔ Automated movement (no chasing)</li>
|
||||||
|
<li>✔ Decision trail + audit exports</li>
|
||||||
|
<li>✔ Integrations with your existing tools</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="panel p-5">
|
||||||
|
<div class="text-sm font-semibold">What FinMox is not</div>
|
||||||
|
<ul class="mt-3 text-sm text-gray-700 space-y-2">
|
||||||
|
<li>✖ Not an ATS replacement</li>
|
||||||
|
<li>✖ Not payroll/attendance/benefits</li>
|
||||||
|
<li>✖ Not AI making hiring decisions</li>
|
||||||
|
<li>✖ Not added admin work</li>
|
||||||
|
</ul>
|
||||||
|
<div class="mt-4 text-xs text-gray-600">
|
||||||
|
We integrate with systems of record. FinMox is the execution layer.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Right Column -->
|
||||||
|
<div class="lg:col-span-7">
|
||||||
|
<div class="panel p-6">
|
||||||
|
<div class="flex items-center justify-between gap-4">
|
||||||
|
<div>
|
||||||
|
<div class="text-sm font-semibold">The FinMox execution model</div>
|
||||||
|
<div class="text-sm text-gray-600 mt-1">Humans define intent. Systems enforce execution.</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex gap-2">
|
||||||
|
<button class="why-tab bg-black text-white px-4 py-2 rounded-2xl text-sm" data-tab="why-control">
|
||||||
|
Control
|
||||||
|
</button>
|
||||||
|
<button class="why-tab px-4 py-2 rounded-2xl text-sm" data-tab="why-guardrails">
|
||||||
|
Guardrails
|
||||||
|
</button>
|
||||||
|
<button class="why-tab px-4 py-2 rounded-2xl text-sm" data-tab="why-records">
|
||||||
|
Recordkeeping
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Tab Content -->
|
||||||
|
<div class="mt-5">
|
||||||
|
<!-- Tab: Control -->
|
||||||
|
<div id="why-control" class="why-content">
|
||||||
|
<div class="grid sm:grid-cols-2 gap-4">
|
||||||
|
<div class="panel-strong p-5">
|
||||||
|
<div class="text-xs text-gray-500">Criteria lock</div>
|
||||||
|
<div class="mt-2 text-sm">
|
||||||
|
Role requirements are defined and locked before the first candidate is reviewed.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="panel-strong p-5">
|
||||||
|
<div class="text-xs text-gray-500">Structured qualification</div>
|
||||||
|
<div class="mt-2 text-sm">
|
||||||
|
Every stakeholder qualifies candidates against the same rubric.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="panel-strong p-5">
|
||||||
|
<div class="text-xs text-gray-500">Automated movement</div>
|
||||||
|
<div class="mt-2 text-sm">
|
||||||
|
Candidates advance, are rejected, or schedule automatically based on decisions.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="panel-strong p-5">
|
||||||
|
<div class="text-xs text-gray-500">Required actions</div>
|
||||||
|
<div class="mt-2 text-sm">
|
||||||
|
Ensure key steps — like feedback submission — are completed on time.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Tab: Guardrails -->
|
||||||
|
<div id="why-guardrails" class="why-content hidden">
|
||||||
|
<div class="grid sm:grid-cols-2 gap-4">
|
||||||
|
<div class="panel-strong p-5">
|
||||||
|
<div class="text-xs text-gray-500">Human-in-the-loop</div>
|
||||||
|
<div class="mt-2 text-sm">
|
||||||
|
FinMox supports decisions — it does not make them. Final calls stay with your team.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="panel-strong p-5">
|
||||||
|
<div class="text-xs text-gray-500">No silent changes</div>
|
||||||
|
<div class="mt-2 text-sm">
|
||||||
|
Criteria changes require explicit approval and are versioned for defensibility.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Tab: Recordkeeping -->
|
||||||
|
<div id="why-records" class="why-content hidden">
|
||||||
|
<div class="grid sm:grid-cols-2 gap-4">
|
||||||
|
<div class="panel-strong p-5">
|
||||||
|
<div class="text-xs text-gray-500">Automatic documentation</div>
|
||||||
|
<div class="mt-2 text-sm">
|
||||||
|
Records are created as execution happens — no extra steps or admin work.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="panel-strong p-5">
|
||||||
|
<div class="text-xs text-gray-500">Defensible trail</div>
|
||||||
|
<div class="mt-2 text-sm">
|
||||||
|
Who decided, when, why, and under which criteria version — exportable when needed.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Operator promise -->
|
||||||
|
<div class="mt-6 panel p-6">
|
||||||
|
<div class="text-sm font-semibold">The operator promise</div>
|
||||||
|
<div class="mt-2 text-sm text-gray-700">
|
||||||
|
FinMox removes execution friction from hiring so teams can scale without adding risk, headcount, or chaos.
|
||||||
|
</div>
|
||||||
|
<div class="mt-4 grid sm:grid-cols-3 gap-4">
|
||||||
|
<div class="panel-strong p-5">
|
||||||
|
<div class="text-xs text-gray-500">Clarity</div>
|
||||||
|
<div class="mt-2 text-sm text-gray-700">Criteria locked before candidates move.</div>
|
||||||
|
</div>
|
||||||
|
<div class="panel-strong p-5">
|
||||||
|
<div class="text-xs text-gray-500">Quality</div>
|
||||||
|
<div class="mt-2 text-sm text-gray-700">Consistent rubric means better, fairer outcomes.</div>
|
||||||
|
</div>
|
||||||
|
<div class="panel-strong p-5">
|
||||||
|
<div class="text-xs text-gray-500">Speed</div>
|
||||||
|
<div class="mt-2 text-sm text-gray-700">Automated movement = faster decisions.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- CTA -->
|
||||||
|
<div class="mt-6 panel p-6">
|
||||||
|
<div class="text-sm font-semibold">If you already have tools, you’re the target customer.</div>
|
||||||
|
<div class="mt-2 text-sm text-gray-700">
|
||||||
|
FinMox doesn’t ask you to migrate systems. It enforces execution across what you already use — and documents everything automatically.
|
||||||
|
</div>
|
||||||
|
<div class="mt-5 flex flex-wrap gap-3">
|
||||||
|
<a href="#pricing" onclick="openPage('pricing'); return false;" class="bg-black text-white px-6 py-3 rounded-2xl text-sm hoverlift">
|
||||||
|
View pricing →
|
||||||
|
</a>
|
||||||
|
<a href="#apply" onclick="openPage('apply'); return false;" class="chip px-6 py-3 rounded-2xl text-sm hoverlift">
|
||||||
|
Apply for access
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /Right Column -->
|
||||||
|
</div>
|
||||||
|
<!-- /Grid -->
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
<!-- ========================= END WHY FINMOX PAGE ========================= -->
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user