12/20/25 V.9

This commit is contained in:
Flatlogic Bot 2025-12-21 15:54:28 +00:00
parent 08816375b1
commit d532c98853
2 changed files with 75 additions and 1 deletions

View File

@ -1,4 +1,4 @@
const pages = ['home', 'problem', 'why', 'features', 'how', 'roi', 'pricing', 'who', 'trust', 'roadmap', 'faq', 'signin', 'apply']; const pages = ['home','problem','why','features','how','roi','pricing','who','trust','roadmap','faq','signin','apply'];
function openPage(pageId) { function openPage(pageId) {
if (!pages.includes(pageId)) { if (!pages.includes(pageId)) {

View File

@ -503,6 +503,80 @@
</section> </section>
<!-- ========================= END WHY FINMOX PAGE ========================= --> <!-- ========================= END WHY FINMOX PAGE ========================= -->
<!-- ========================= PAGE: HOW (Part 1/3) AppWizzy-safe section ========================= -->
<section id="page-how" 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: Header -->
<div class="lg:col-span-5">
<div class="chip inline-flex px-3 py-1 text-xs">How It Works</div>
<h1 class="mt-5 text-4xl font-extrabold tracking-tight">Three steps. Clean execution.</h1>
<p class="mt-5 text-gray-700">
You define intent. FinMox enforces execution. Every action creates a record automatically no chasing, no drift, no extra admin work.
</p>
<div class="mt-7 flex gap-3">
<a href="#apply" onclick="openPage('apply'); return false;" class="bg-black text-white px-6 py-3 rounded-2xl text-sm hoverlift">Apply</a>
<a href="#roi" onclick="openPage('roi'); return false;" class="chip px-6 py-3 rounded-2xl text-sm hoverlift">See ROI </a>
</div>
<div class="mt-8 panel p-6">
<div class="text-sm font-semibold">What FinMox standardizes</div>
<ul class="mt-3 text-sm text-gray-700 space-y-2">
<li> Role criteria is locked (versioned, no drift)</li>
<li> Evaluation steps are required (consistent qualification)</li>
<li> Movement is automated (no chasing feedback)</li>
<li> Documentation is automatic (defensible record)</li>
</ul>
</div>
</div>
<!-- Right: Steps -->
<div class="lg:col-span-7">
<div class="grid md:grid-cols-3 gap-6">
<div class="panel-strong p-5">
<div class="text-xs text-gray-500">Candidate ranking</div>
<div class="mt-2 text-sm">Scored against locked criteria (no drift).</div>
<div class="mt-3 flex flex-wrap gap-2">
<span class="chip px-3 py-1 text-xs">Parsing</span>
<span class="chip px-3 py-1 text-xs">Scoring</span>
<span class="chip px-3 py-1 text-xs">Shortlists</span>
</div>
</div>
<div class="panel-strong p-5">
<div class="text-xs text-gray-500">Interview automation</div>
<div class="mt-2 text-sm">Questions, summaries, recommendations human-reviewed.</div>
<div class="mt-3 flex flex-wrap gap-2">
<span class="chip px-3 py-1 text-xs">Rubrics</span>
<span class="chip px-3 py-1 text-xs">Summaries</span>
<span class="chip px-3 py-1 text-xs">Next steps</span>
</div>
</div>
<div class="panel-strong p-5">
<div class="text-xs text-gray-500">Decision trail</div>
<div class="mt-2 text-sm">Who decided, when, why with criteria version.</div>
<div class="mt-3 flex flex-wrap gap-2">
<span class="chip px-3 py-1 text-xs">Timestamped</span>
<span class="chip px-3 py-1 text-xs">Versioned</span>
<span class="chip px-3 py-1 text-xs">Exportable</span>
</div>
</div>
<div class="panel-strong p-5">
<div class="text-xs text-gray-500">Compliance-ready exports</div>
<div class="mt-2 text-sm">Audit-friendly logs without extra admin work.</div>
<div class="mt-3 flex flex-wrap gap-2">
<span class="chip px-3 py-1 text-xs">Decision log</span>
<span class="chip px-3 py-1 text-xs">Audit export</span>
<span class="chip px-3 py-1 text-xs">Records</span>
</div>
</div>
</div>
<div class="mt-7 flex flex-wrap gap-3">
<a href="#apply" onclick="openPage('apply'); return false;" class="bg-black text-white px-6 py-3 rounded-2xl text-sm hoverlift">Apply for Access</a>
<a href="#pricing" onclick="openPage('pricing'); return false;" class="chip px-6 py-3 rounded-2xl text-sm hoverlift">View Pricing </a>
</div>
</div>
</div>
</section>
</section>
</main> </main>
<!-- FOOTER --> <!-- FOOTER -->