12/22/25 V.12
This commit is contained in:
parent
b61ed836a6
commit
dc1fef6309
@ -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
65
faq.php
@ -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 (1–2 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 haven’t 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 isn’t pricing per seat? </h3> <p class="text-gray-700"> Risk and complexity don’t 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 don’t want AI deciding who we hire.”</strong><br/> Neither do we. FinMox never makes hiring decisions. </li> <li> <strong>“We’re 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 doesn’t 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"> We’d 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>
|
|
||||||
42
index.php
42
index.php
@ -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 (1–2 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 haven’t 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 isn’t pricing per seat? </h3> <p class="text-gray-700"> Risk and complexity don’t 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 don’t want AI deciding who we hire.”</strong><br/> Neither do we. FinMox never makes hiring decisions. </li> <li> <strong>“We’re 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 doesn’t 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"> We’d 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">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user