12/19/25 V.8

This commit is contained in:
Flatlogic Bot 2025-12-19 13:36:07 +00:00
parent d9d90d51f1
commit 08816375b1

129
index.php
View File

@ -107,64 +107,123 @@
</section> </section>
</section> </section>
<!-- FEATURES PAGE --> <!-- ========================= FEATURES PAGE ========================= -->
<section id="page-features" class="page fade hidden"> <section id="page-features" class="page fade hidden">
<section class="panel-strong p-8 lg:p-10"> <section class="panel-strong p-8 lg:p-10">
<div class="max-w-3xl"> <!-- Header -->
<div class="inline-flex items-center gap-2 rounded-full border border-black/10 bg-white/70 px-3 py-1 text-xs"> <div class="grid lg:grid-cols-12 gap-10 items-start">
<span class="h-2 w-2 rounded-full bg-black"></span> <div class="lg:col-span-5">
What FinMox does <div class="chip inline-flex px-3 py-1 text-xs">Features</div>
</div>
<h1 class="mt-5 text-4xl font-extrabold tracking-tight"> <h1 class="mt-5 text-4xl font-extrabold tracking-tight">
Hiring execution, standardized not “another ATS. Execution features that actually move hiring forward.
</h1> </h1>
<p class="mt-4 text-gray-600"> <p class="mt-5 text-gray-700">
FinMox enforces role clarity, structured qualification, and automatic outputs so teams move faster without adding risk, headcount, or chaos. FinMox is built around one goal: <strong>control hiring execution</strong>. That means locked criteria, structured evaluation, automated movement, and defensible records without adding admin work.
</p> </p>
<div class="mt-7 panel p-6">
<div class="text-sm font-semibold">What you get from day one</div>
<ul class="mt-3 text-sm text-gray-700 space-y-2">
<li> Criteria locking + version history (no drift)</li>
<li> Consistent scoring + structured qualification</li>
<li> Candidate movement automation (no chasing)</li>
<li> Audit-friendly documentation as a byproduct of execution</li>
</ul>
</div> </div>
<div class="mt-10 grid md:grid-cols-3 gap-10"> <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="#faq" onclick="openPage('faq'); return false;" class="chip px-6 py-3 rounded-2xl text-sm hoverlift">
Read FAQ
</a>
</div>
</div>
<!-- Right: Feature cards -->
<div class="lg:col-span-7">
<div class="grid md:grid-cols-3 gap-6">
<!-- Candidate Ranking --> <!-- Candidate Ranking -->
<div class="rounded-3xl bg-[#FAF8F6] p-8 shadow-sm border border-black/5"> <div class="panel p-6 hoverlift">
<img src="YOUR_APPWIZZY_IMAGE_URL_candidate-ranking.png" class="rounded-2xl mb-6 w-full" alt="Candidate ranking mockup" /> <div class="rounded-2xl mb-6 bg-white border border-black/10 p-4"> <div class="text-xs text-gray-500 mb-3">Candidate Ranking</div> <div class="space-y-2"> <div class="flex justify-between items-center rounded-xl border px-3 py-2"> <span class="text-sm">A. Johnson</span> <span class="text-sm font-semibold">86</span> </div> <div class="flex justify-between items-center rounded-xl border px-3 py-2"> <span class="text-sm">M. Patel</span> <span class="text-sm font-semibold">82</span> </div> <div class="flex justify-between items-center rounded-xl border px-3 py-2 opacity-60"> <span class="text-sm">S. Nguyen</span> <span class="text-sm">74</span> </div> </div> </div>
<h3 class="text-xl font-semibold">Candidate Ranking</h3> <h3 class="text-lg font-semibold">Candidate Ranking</h3>
<p class="text-gray-600 mt-2"> <p class="mt-2 text-sm text-gray-600">
Every candidate is scored against your role criteria so decisions dont drift. Every candidate is scored against your role criteria so decisions dont drift.
</p> </p>
<div class="flex flex-wrap gap-2 mt-4 text-sm text-gray-500"> <div class="mt-4 flex flex-wrap gap-2 text-xs text-gray-600">
<span class="bg-white rounded-full px-3 py-1 border border-black/5">Parsing</span> <span class="chip px-3 py-1">Parsing</span>
<span class="bg-white rounded-full px-3 py-1 border border-black/5">Scoring</span> <span class="chip px-3 py-1">Scoring</span>
<span class="bg-white rounded-full px-3 py-1 border border-black/5">Shortlists</span> <span class="chip px-3 py-1">Shortlists</span>
</div> </div>
</div> </div>
<!-- Interview Automation --> <!-- Interview Automation -->
<div class="rounded-3xl bg-[#FAF8F6] p-8 shadow-sm border border-black/5"> <div class="panel p-6 hoverlift">
<img src="YOUR_APPWIZZY_IMAGE_URL_interview-automation.png" class="rounded-2xl mb-6 w-full" alt="Interview automation mockup" /> <div class="rounded-2xl mb-6 bg-white border border-black/10 p-4"> <div class="text-xs text-gray-500 mb-3">Interview Automation</div> <div class="space-y-3"> <div class="rounded-xl border px-3 py-2 text-sm"> Question set generated </div> <div class="rounded-xl border px-3 py-2 text-sm"> Interview summary created </div> <div class="rounded-xl border px-3 py-2 text-sm font-semibold"> Recommendation: Proceed </div> </div> </div>
<h3 class="text-xl font-semibold">Interview Automation</h3> <h3 class="text-lg font-semibold">Interview Automation</h3>
<p class="text-gray-600 mt-2"> <p class="mt-2 text-sm text-gray-600">
Role-specific questions, summaries, and recommendations reviewable and exportable. Role-specific questions, summaries, and recommendations reviewable and exportable.
</p> </p>
<div class="flex flex-wrap gap-2 mt-4 text-sm text-gray-500"> <div class="mt-4 flex flex-wrap gap-2 text-xs text-gray-600">
<span class="bg-white rounded-full px-3 py-1 border border-black/5">Question sets</span> <span class="chip px-3 py-1">Question sets</span>
<span class="bg-white rounded-full px-3 py-1 border border-black/5">Summaries</span> <span class="chip px-3 py-1">Summaries</span>
<span class="bg-white rounded-full px-3 py-1 border border-black/5">Recommendations</span> <span class="chip px-3 py-1">Recommendations</span>
</div> </div>
</div> </div>
<!-- Compliance & Analytics --> <!-- Compliance & Analytics -->
<div class="rounded-3xl bg-[#FAF8F6] p-8 shadow-sm border border-black/5"> <div class="panel p-6 hoverlift">
<img src="YOUR_APPWIZZY_IMAGE_URL_compliance-analytics.png" class="rounded-2xl mb-6 w-full" alt="Compliance and analytics mockup" /> <div class="rounded-2xl mb-6 bg-white border border-black/10 p-4"> <div class="text-xs text-gray-500 mb-3">Compliance & Analytics</div> <div class="space-y-3"> <div class="rounded-xl border px-3 py-2 text-sm"> Decision log updated </div> <div class="rounded-xl border px-3 py-2 text-sm"> Audit trail exported </div> <div class="rounded-xl border px-3 py-2 text-sm font-semibold"> Bottleneck identified </div> </div> </div>
<h3 class="text-xl font-semibold">Compliance & Analytics</h3> <h3 class="text-lg font-semibold">Compliance & Analytics</h3>
<p class="text-gray-600 mt-2"> <p class="mt-2 text-sm text-gray-600">
Track performance, risk, and compliance in real-time without manual data entry. Automatic decision trails + execution analytics so you can defend outcomes and fix bottlenecks.
</p> </p>
<div class="flex flex-wrap gap-2 mt-4 text-sm text-gray-500"> <div class="mt-4 flex flex-wrap gap-2 text-xs text-gray-600">
<span class="bg-white rounded-full px-3 py-1 border border-black/5">Dashboards</span> <span class="chip px-3 py-1">Decision log</span>
<span class="bg-white rounded-full px-3 py-1 border border-black/5">Audit trails</span> <span class="chip px-3 py-1">Audit exports</span>
<span class="bg-white rounded-full px-3 py-1 border border-black/5">Alerts</span> <span class="chip px-3 py-1">Bottleneck insights</span>
</div>
</div>
</div> <!-- /grid -->
<!-- Supporting callouts -->
<div class="mt-6 panel p-6">
<div class="text-sm font-semibold">What “execution control” means in practice</div>
<div class="mt-4 grid sm:grid-cols-2 gap-4">
<div class="panel-strong p-5">
<div class="text-xs text-gray-500">Criteria is locked</div>
<div class="mt-2 text-sm text-gray-700">
Roles dont silently change mid-process. If criteria changes, its versioned and recorded.
</div>
</div>
<div class="panel-strong p-5">
<div class="text-xs text-gray-500">Overrides are captured</div>
<div class="mt-2 text-sm text-gray-700">
If someone chooses a candidate that scored lower, FinMox requires rationale for defensibility.
</div>
</div>
<div class="panel-strong p-5">
<div class="text-xs text-gray-500">Movement is automated</div>
<div class="mt-2 text-sm text-gray-700">
Follow-ups, handoffs, and reminders reduce drop-off and stalled candidates.
</div>
</div>
<div class="panel-strong p-5">
<div class="text-xs text-gray-500">Records are automatic</div>
<div class="mt-2 text-sm text-gray-700">
If it happened in FinMox, its already documented no extra admin work.
</div> </div>
</div> </div>
</div> </div>
<div class="mt-6 flex flex-wrap gap-3">
<a href="#how" onclick="openPage('how'); return false;" class="bg-black text-white px-6 py-3 rounded-2xl text-sm hoverlift">
See how it works
</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>
</section> </section>
<!-- ========================= END FEATURES PAGE ========================= -->
<!-- ========================= PROBLEM PAGE ========================= --> <!-- ========================= PROBLEM PAGE ========================= -->
<section id="page-problem" class="page fade hidden"> <section id="page-problem" class="page fade hidden">