12/22/25 V.12

This commit is contained in:
Flatlogic Bot 2025-12-22 21:52:43 +00:00
parent b61ed836a6
commit dc1fef6309
3 changed files with 50 additions and 75 deletions

View File

@ -1,4 +1,4 @@
const pages = ['home','problem','why','features','how','roi','pricing','security','trust','faq','signin','apply']; const pages = ['home','problem','why','how','roi','pricing','who','trust','roadmap','faq','signin','apply'];
function openPage(pageId) { function openPage(pageId) {
@ -44,8 +44,8 @@ document.addEventListener('DOMContentLoaded', () => {
let navHTML = ''; let navHTML = '';
pages.forEach(page => { pages.forEach(page => {
let link = `#${page}`; let link = `#${page}`;
if (page === 'faq' || page === 'trust' || page === 'apply') { // these are standalone pages if (page === 'faq' || page === 'trust') {
link = `/${page}.php`; link = `#${page}`;
} }
navHTML += `<a href="${link}" class="navlink px-3 py-2 rounded-full hover:bg-gray-100" data-page="${page}">${page.charAt(0).toUpperCase() + page.slice(1)}</a>`; navHTML += `<a href="${link}" class="navlink px-3 py-2 rounded-full hover:bg-gray-100" data-page="${page}">${page.charAt(0).toUpperCase() + page.slice(1)}</a>`;
}); });
@ -55,11 +55,11 @@ document.addEventListener('DOMContentLoaded', () => {
// Generate footer links // Generate footer links
if (footerLinksContainer) { if (footerLinksContainer) {
let footerHTML = ''; let footerHTML = '';
const footerPages = ['apply', 'signin', 'security', 'trust', 'faq']; const footerPages = ['apply', 'signin', 'trust', 'faq'];
footerPages.forEach((page, index) => { footerPages.forEach((page, index) => {
let link = `#${page}`; let link = `#${page}`;
if (page === 'faq' || page === 'trust' || page === 'apply') { // these are standalone pages if (page === 'faq' || page === 'trust') {
link = `/${page}.php`; link = `#${page}`;
} }
footerHTML += `<a href="${link}" class="underline navlink" data-page="${page}">${page.charAt(0).toUpperCase() + page.slice(1)}</a>`; footerHTML += `<a href="${link}" class="underline navlink" data-page="${page}">${page.charAt(0).toUpperCase() + page.slice(1)}</a>`;
if (index < footerPages.length - 1) { if (index < footerPages.length - 1) {
@ -79,10 +79,8 @@ document.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('.navlink').forEach(link => { document.querySelectorAll('.navlink').forEach(link => {
link.addEventListener('click', (e) => { link.addEventListener('click', (e) => {
const page = link.dataset.page; const page = link.dataset.page;
if (page !== 'faq' && page !== 'trust' && page !== 'apply') { // prevent default for SPA pages e.preventDefault();
e.preventDefault(); openPage(link.dataset.page);
openPage(link.dataset.page);
}
}); });
}); });

65
faq.php
View File

@ -1,65 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>FinMox FAQ</title>
<!-- Tailwind CDN (AppWizzy-safe) -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Font -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/custom.css">
</head>
<body class="bg-warm">
<!-- TOP NAV -->
<header class="max-w-7xl mx-auto px-6 py-5">
<div class="flex items-center justify-between">
<div class="font-extrabold text-lg">FinMox</div>
<div class="hidden md:flex items-center gap-1 text-sm" id="nav-links">
<!-- Links will be injected by JS -->
</div>
<div class="md:hidden">
<button id="menu-button" class="p-2">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7" />
</svg>
</button>
</div>
</div>
<!-- Mobile Menu -->
<div id="mobile-menu" class="hidden md:hidden mt-4">
<!-- Mobile links will be injected by JS -->
</div>
</header>
<main class="max-w-7xl mx-auto p-6">
<section id="page-faq" class="page fade">
<section class="max-w-7xl mx-auto px-6 py-24">
<div class="max-w-3xl">
<span class="inline-block text-sm px-4 py-1 rounded-full bg-gray-100 mb-6"> FAQ </span>
<h1 class="text-5xl font-semibold leading-tight mb-6"> Real questions. Straight answers. </h1>
<p class="text-lg text-gray-600 mb-8"> These are the questions teams ask before trusting a system that touches hiring decisions. </p>
</div>
</section>
<section class="max-w-7xl mx-auto px-6 py-20"> <div class="grid md:grid-cols-2 gap-10"> <div> <h3 class="text-xl font-semibold mb-2">Is FinMox an ATS?</h3> <p class="text-gray-700"> No. FinMox does not replace your ATS. It sits on top of your existing tools and controls how hiring decisions are executed, documented, and moved forward. </p> </div> <div> <h3 class="text-xl font-semibold mb-2">Does FinMox replace my HR team?</h3> <p class="text-gray-700"> No. FinMox removes execution friction not human judgment. Your team defines intent and makes final decisions. </p> </div> <div> <h3 class="text-xl font-semibold mb-2">Is AI making hiring decisions?</h3> <p class="text-gray-700"> Never. FinMox enforces structured execution and records outcomes. Humans remain accountable for every decision. </p> </div> <div> <h3 class="text-xl font-semibold mb-2">What problem does FinMox actually solve?</h3> <p class="text-gray-700"> Execution drift. Inconsistent evaluation. Operational drag. Missing documentation. FinMox controls how hiring work happens. </p> </div> </div> </section>
<section class="max-w-7xl mx-auto px-6 py-20 bg-[#FAF8F6] rounded-3xl"> <div class="grid md:grid-cols-2 gap-10"> <div> <h3 class="text-xl font-semibold mb-2"> How does FinMox document automatically? </h3> <p class="text-gray-700"> Documentation is generated from actions not manual input. Criteria locks, stage changes, evaluator input, overrides, timestamps, and decisions are recorded automatically. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> What happens if criteria changes mid-process? </h3> <p class="text-gray-700"> Changes require explicit approval and are versioned. FinMox preserves what changed, when, and why. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> Can stakeholders override recommendations? </h3> <p class="text-gray-700"> Yes but overrides are recorded with rationale. This preserves accountability and defensibility. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> How quickly can we go live? </h3> <p class="text-gray-700"> Most teams launch within days using a pilot (12 roles). No migrations required. </p> </div> </div> </section>
<section class="max-w-7xl mx-auto px-6 py-24"> <div class="grid md:grid-cols-2 gap-10"> <div> <h3 class="text-xl font-semibold mb-2"> Is FinMox SOC 2 certified? </h3> <p class="text-gray-700"> Not yet. We do not claim certifications we havent completed. Our systems and processes are designed with SOC 2 readiness in mind. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> How is access controlled? </h3> <p class="text-gray-700"> Role-based access, explicit user attribution, and restricted administrative permissions are enforced. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> Do you store candidate data long-term? </h3> <p class="text-gray-700"> Data retention is minimized and configurable. FinMox does not sell or repurpose customer data. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> Will this pass security review? </h3> <p class="text-gray-700"> Many teams use FinMox in pilots while procurement review is underway. We provide clear documentation and honest answers. </p> </div> </div> </section>
<section class="max-w-7xl mx-auto px-6 py-24 bg-[#FAF8F6] rounded-3xl"> <div class="grid md:grid-cols-2 gap-10"> <div> <h3 class="text-xl font-semibold mb-2"> Why isnt pricing per seat? </h3> <p class="text-gray-700"> Risk and complexity dont scale with seats. FinMox is priced on execution control and decision volume. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> Can we start small? </h3> <p class="text-gray-700"> Yes. Most customers start with a limited pilot before expanding scope. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> Is there a long-term contract? </h3> <p class="text-gray-700"> Early customers typically start month-to-month while value is validated. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> What happens if we outgrow FinMox? </h3> <p class="text-gray-700"> FinMox is designed to scale with your hiring complexity. We expand execution depth not tool sprawl. </p> </div> </div> </section>
<section class="max-w-7xl mx-auto px-6 py-24"> <div class="rounded-3xl bg-white p-10 shadow-sm"> <h2 class="text-3xl font-semibold mb-6"> Common objections answered honestly </h2> <ul class="space-y-6 text-gray-700"> <li> <strong>“We already have tools.</strong><br/> Most teams do. FinMox makes them work together by enforcing execution. </li> <li> <strong>“We dont want AI deciding who we hire.</strong><br/> Neither do we. FinMox never makes hiring decisions. </li> <li> <strong>“Were not ready for enterprise tooling.</strong><br/> FinMox is enterprise-minded without enterprise bloat. </li> <li> <strong>“This feels like process overhead.</strong><br/> FinMox removes work it doesnt add it. </li> </ul> </div> </section>
</section>
<section class="max-w-7xl mx-auto px-6 py-24 text-center"> <h2 class="text-3xl font-semibold mb-4"> Still have questions? </h2> <p class="text-gray-600 mb-8"> Wed rather answer them directly than hide behind marketing. </p> <div class="flex justify-center gap-4"> <a href="/apply.php" class="bg-black text-white px-8 py-4 rounded-xl"> Apply for access </a> <a href="/trust.php" class="border px-8 py-4 rounded-xl"> Security & Trust </a> </div> </section>
</main>
<!-- FOOTER -->
<footer class="max-w-7xl mx-auto px-6 pb-16">
<div class="panel-strong p-6 flex flex-col md:flex-row md:items-center justify-between gap-4 text-sm text-gray-600">
<div>FinMox © 2025</div>
<div id="footer-links" class="flex flex-wrap gap-3">
<!-- Footer links will be injected by JS -->
</div>
</div>
</footer>
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
</body>
</html>

View File

@ -617,8 +617,50 @@
</section> </section>
</section> </section>
<!-- ========================= WHO PAGE (Placeholder) ========================= -->
<section id="page-who" class="page fade hidden">
<section class="panel-strong p-8 lg:p-10">
<h1 class="text-4xl font-extrabold tracking-tight">Who We Are</h1>
<p class="mt-5 text-gray-700">Content for this page is coming soon.</p>
</section>
</section>
<!-- ========================= FAQ PAGE ========================= -->
<section id="page-faq" class="page fade hidden">
<section class="max-w-7xl mx-auto px-6 py-24">
<div class="max-w-3xl">
<span class="inline-block text-sm px-4 py-1 rounded-full bg-gray-100 mb-6"> FAQ </span>
<h1 class="text-5xl font-semibold leading-tight mb-6"> Real questions. Straight answers. </h1>
<p class="text-lg text-gray-600 mb-8"> These are the questions teams ask before trusting a system that touches hiring decisions. </p>
</div>
</section>
<section class="max-w-7xl mx-auto px-6 py-20"> <div class="grid md:grid-cols-2 gap-10"> <div> <h3 class="text-xl font-semibold mb-2">Is FinMox an ATS?</h3> <p class="text-gray-700"> No. FinMox does not replace your ATS. It sits on top of your existing tools and controls how hiring decisions are executed, documented, and moved forward. </p> </div> <div> <h3 class="text-xl font-semibold mb-2">Does FinMox replace my HR team?</h3> <p class="text-gray-700"> No. FinMox removes execution friction not human judgment. Your team defines intent and makes final decisions. </p> </div> <div> <h3 class="text-xl font-semibold mb-2">Is AI making hiring decisions?</h3> <p class="text-gray-700"> Never. FinMox enforces structured execution and records outcomes. Humans remain accountable for every decision. </p> </div> <div> <h3 class="text-xl font-semibold mb-2">What problem does FinMox actually solve?</h3> <p class="text-gray-700"> Execution drift. Inconsistent evaluation. Operational drag. Missing documentation. FinMox controls how hiring work happens. </p> </div> </div> </section>
<section class="max-w-7xl mx-auto px-6 py-20 bg-[#FAF8F6] rounded-3xl"> <div class="grid md:grid-cols-2 gap-10"> <div> <h3 class="text-xl font-semibold mb-2"> How does FinMox document automatically? </h3> <p class="text-gray-700"> Documentation is generated from actions not manual input. Criteria locks, stage changes, evaluator input, overrides, timestamps, and decisions are recorded automatically. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> What happens if criteria changes mid-process? </h3> <p class="text-gray-700"> Changes require explicit approval and are versioned. FinMox preserves what changed, when, and why. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> Can stakeholders override recommendations? </h3> <p class="text-gray-700"> Yes but overrides are recorded with rationale. This preserves accountability and defensibility. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> How quickly can we go live? </h3> <p class="text-gray-700"> Most teams launch within days using a pilot (12 roles). No migrations required. </p> </div> </div> </section>
<section class="max-w-7xl mx-auto px-6 py-24"> <div class="grid md:grid-cols-2 gap-10"> <div> <h3 class="text-xl font-semibold mb-2"> Is FinMox SOC 2 certified? </h3> <p class="text-gray-700"> Not yet. We do not claim certifications we havent completed. Our systems and processes are designed with SOC 2 readiness in mind. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> How is access controlled? </h3> <p class="text-gray-700"> Role-based access, explicit user attribution, and restricted administrative permissions are enforced. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> Do you store candidate data long-term? </h3> <p class="text-gray-700"> Data retention is minimized and configurable. FinMox does not sell or repurpose customer data. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> Will this pass security review? </h3> <p class="text-gray-700"> Many teams use FinMox in pilots while procurement review is underway. We provide clear documentation and honest answers. </p> </div> </div> </section>
<section class="max-w-7xl mx-auto px-6 py-24 bg-[#FAF8F6] rounded-3xl"> <div class="grid md:grid-cols-2 gap-10"> <div> <h3 class="text-xl font-semibold mb-2"> Why isnt pricing per seat? </h3> <p class="text-gray-700"> Risk and complexity dont scale with seats. FinMox is priced on execution control and decision volume. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> Can we start small? </h3> <p class="text-gray-700"> Yes. Most customers start with a limited pilot before expanding scope. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> Is there a long-term contract? </h3> <p class="text-gray-700"> Early customers typically start month-to-month while value is validated. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> What happens if we outgrow FinMox? </h3> <p class="text-gray-700"> FinMox is designed to scale with your hiring complexity. We expand execution depth not tool sprawl. </p> </div> </div> </section>
<section class="max-w-7xl mx-auto px-6 py-24"> <div class="rounded-3xl bg-white p-10 shadow-sm"> <h2 class="text-3xl font-semibold mb-6"> Common objections answered honestly </h2> <ul class="space-y-6 text-gray-700"> <li> <strong>“We already have tools.</strong><br/> Most teams do. FinMox makes them work together by enforcing execution. </li> <li> <strong>“We dont want AI deciding who we hire.</strong><br/> Neither do we. FinMox never makes hiring decisions. </li> <li> <strong>“Were not ready for enterprise tooling.</strong><br/> FinMox is enterprise-minded without enterprise bloat. </li> <li> <strong>“This feels like process overhead.</strong><br/> FinMox removes work it doesnt add it. </li> </ul> </div> </section>
<section class="max-w-7xl mx-auto px-6 py-24 text-center"> <h2 class="text-3xl font-semibold mb-4"> Still have questions? </h2> <p class="text-gray-600 mb-8"> Wed rather answer them directly than hide behind marketing. </p> <div class="flex justify-center gap-4"> <a href="/apply.php" class="bg-black text-white px-8 py-4 rounded-xl"> Apply for access </a> <a href="/trust.php" class="border px-8 py-4 rounded-xl"> Security & Trust </a> </div> </section>
</section>
<!-- ========================= SIGNIN PAGE (Placeholder) ========================= -->
<section id="page-signin" class="page fade hidden">
<section class="panel-strong p-8 lg:p-10">
<h1 class="text-4xl font-extrabold tracking-tight">Sign In</h1>
<p class="mt-5 text-gray-700">Content for this page is coming soon.</p>
</section>
</section>
<!-- ========================= APPLY PAGE (Placeholder) ========================= -->
<section id="page-apply" class="page fade hidden">
<section class="panel-strong p-8 lg:p-10">
<h1 class="text-4xl font-extrabold tracking-tight">Apply</h1>
<p class="mt-5 text-gray-700">Content for this page is coming soon.</p>
</section>
</section>
</main> </main>
<!-- FOOTER --> <!-- FOOTER -->
<footer class="max-w-7xl mx-auto px-6 pb-16"> <footer class="max-w-7xl mx-auto px-6 pb-16">
<div class="panel-strong p-6 flex flex-col md:flex-row md:items-center justify-between gap-4 text-sm text-gray-600"> <div class="panel-strong p-6 flex flex-col md:flex-row md:items-center justify-between gap-4 text-sm text-gray-600">