Revert to version f800e10
This commit is contained in:
Flatlogic Bot
parent
70d8c64caa
commit
b61ed836a6
@ -1,4 +1,5 @@
|
|||||||
const pages = ['home','problem','why','features','how','roi','pricing','who','trust','roadmap','faq','signin','apply'];
|
const pages = ['home','problem','why','features','how','roi','pricing','security','trust','faq','signin','apply'];
|
||||||
|
|
||||||
|
|
||||||
function openPage(pageId) {
|
function openPage(pageId) {
|
||||||
if (!pages.includes(pageId)) {
|
if (!pages.includes(pageId)) {
|
||||||
@ -36,60 +37,87 @@ function openPage(pageId) {
|
|||||||
document.addEventListener('DOMContentLoaded', () => {
|
document.addEventListener('DOMContentLoaded', () => {
|
||||||
const navLinksContainer = document.getElementById('nav-links');
|
const navLinksContainer = document.getElementById('nav-links');
|
||||||
const mobileMenuContainer = document.getElementById('mobile-menu');
|
const mobileMenuContainer = document.getElementById('mobile-menu');
|
||||||
|
const footerLinksContainer = document.getElementById('footer-links');
|
||||||
const menuButton = document.getElementById('menu-button');
|
const menuButton = document.getElementById('menu-button');
|
||||||
|
|
||||||
// Generate navigation links
|
// Generate navigation links
|
||||||
let navHTML = '';
|
let navHTML = '';
|
||||||
pages.forEach(page => {
|
pages.forEach(page => {
|
||||||
navHTML += `<a href="#${page}" class="navlink px-3 py-2 rounded-full hover:bg-gray-100" data-page="${page}">${page.charAt(0).toUpperCase() + page.slice(1)}</a>`;
|
let link = `#${page}`;
|
||||||
|
if (page === 'faq' || page === 'trust' || page === 'apply') { // these are standalone pages
|
||||||
|
link = `/${page}.php`;
|
||||||
|
}
|
||||||
|
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>`;
|
||||||
});
|
});
|
||||||
navLinksContainer.innerHTML = navHTML;
|
navLinksContainer.innerHTML = navHTML;
|
||||||
mobileMenuContainer.innerHTML = navHTML.replace(/class="/g, 'class="block w-full text-left ');
|
mobileMenuContainer.innerHTML = navHTML.replace(/class="/g, 'class="block w-full text-left ');
|
||||||
|
|
||||||
// Handle navigation clicks
|
// Generate footer links
|
||||||
document.querySelectorAll('.navlink').forEach(link => {
|
if (footerLinksContainer) {
|
||||||
link.addEventListener('click', (e) => {
|
let footerHTML = '';
|
||||||
e.preventDefault();
|
const footerPages = ['apply', 'signin', 'security', 'trust', 'faq'];
|
||||||
openPage(link.dataset.page);
|
footerPages.forEach((page, index) => {
|
||||||
|
let link = `#${page}`;
|
||||||
|
if (page === 'faq' || page === 'trust' || page === 'apply') { // these are standalone pages
|
||||||
|
link = `/${page}.php`;
|
||||||
|
}
|
||||||
|
footerHTML += `<a href="${link}" class="underline navlink" data-page="${page}">${page.charAt(0).toUpperCase() + page.slice(1)}</a>`;
|
||||||
|
if (index < footerPages.length - 1) {
|
||||||
|
footerHTML += `<span class="opacity-50">·</span>`;
|
||||||
|
}
|
||||||
});
|
});
|
||||||
});
|
footerLinksContainer.innerHTML = footerHTML;
|
||||||
|
}
|
||||||
|
|
||||||
// Toggle mobile menu
|
// Toggle mobile menu
|
||||||
menuButton.addEventListener('click', () => {
|
menuButton.addEventListener('click', () => {
|
||||||
mobileMenuContainer.classList.toggle('hidden');
|
mobileMenuContainer.classList.toggle('hidden');
|
||||||
});
|
});
|
||||||
|
|
||||||
// Open page based on hash or default to 'home'
|
if (document.getElementById('page-home')) {
|
||||||
const initialPage = window.location.hash.substring(1) || 'home';
|
// Handle navigation clicks for SPA
|
||||||
openPage(initialPage);
|
document.querySelectorAll('.navlink').forEach(link => {
|
||||||
|
link.addEventListener('click', (e) => {
|
||||||
// Tab functionality for 'Why FinMox' page
|
const page = link.dataset.page;
|
||||||
const whyTabs = document.querySelectorAll('.why-tab');
|
if (page !== 'faq' && page !== 'trust' && page !== 'apply') { // prevent default for SPA pages
|
||||||
const whyContents = document.querySelectorAll('.why-content');
|
e.preventDefault();
|
||||||
|
openPage(link.dataset.page);
|
||||||
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');
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
|
||||||
});
|
// Open page based on hash or default to 'home'
|
||||||
|
const initialPage = window.location.hash.substring(1) || 'home';
|
||||||
|
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-white', 'text-gray-900');
|
||||||
|
t.classList.remove('bg-gray-200', 'text-gray-500');
|
||||||
|
} else {
|
||||||
|
t.classList.remove('bg-white', 'text-gray-900');
|
||||||
|
t.classList.add('bg-gray-200', 'text-gray-500');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Update content visibility
|
||||||
|
whyContents.forEach(c => {
|
||||||
|
if (c.dataset.content === tabId) {
|
||||||
|
c.classList.remove('hidden');
|
||||||
|
} else {
|
||||||
|
c.classList.add('hidden');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|||||||
65
faq.php
Normal file
65
faq.php
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
<!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>
|
||||||
54
index.php
54
index.php
@ -323,8 +323,8 @@
|
|||||||
<a href="#how" onclick="openPage('how'); return false;" class="bg-black text-white px-6 py-3 rounded-2xl text-sm hoverlift">
|
<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 →
|
See how it works →
|
||||||
</a>
|
</a>
|
||||||
<a href="#trust" onclick="openPage('trust'); return false;" class="chip px-6 py-3 rounded-2xl text-sm hoverlift">
|
<a href="#security" onclick="openPage('security'); return false;" class="chip px-6 py-3 rounded-2xl text-sm hoverlift">
|
||||||
Security & Trust →
|
Security →
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -503,6 +503,46 @@
|
|||||||
</section>
|
</section>
|
||||||
<!-- ========================= END WHY FINMOX PAGE ========================= -->
|
<!-- ========================= END WHY FINMOX PAGE ========================= -->
|
||||||
|
|
||||||
|
<!-- ========================= ROI PAGE ========================= -->
|
||||||
|
<section id="page-roi" 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"> ROI </span>
|
||||||
|
<h1 class="text-5xl font-semibold leading-tight mb-6"> Hiring execution that pays for itself. </h1>
|
||||||
|
<p class="text-lg text-gray-600 mb-8"> FinMox removes operational drag from hiring so teams can move faster, make consistent decisions, and scale without adding HR headcount or risk. </p>
|
||||||
|
<div class="flex gap-4">
|
||||||
|
<a href="/apply" class="bg-black text-white px-6 py-3 rounded-xl"> Apply for access </a>
|
||||||
|
<a href="/pricing" class="border px-6 py-3 rounded-xl"> View pricing → </a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="max-w-7xl mx-auto px-6 py-20"> <div class="grid md:grid-cols-3 gap-8"> <div class="rounded-3xl bg-white p-8 shadow-sm text-center"> <p class="text-sm text-gray-500 mb-2">Time saved per role</p> <p class="text-4xl font-semibold">30–40 hrs</p> </div> <div class="rounded-3xl bg-white p-8 shadow-sm text-center"> <p class="text-sm text-gray-500 mb-2">Time-to-hire reduction</p> <p class="text-4xl font-semibold">~60%</p> </div> <div class="rounded-3xl bg-white p-8 shadow-sm text-center"> <p class="text-sm text-gray-500 mb-2">Equivalent headcount</p> <p class="text-4xl font-semibold">1 HR analyst</p> </div> </div> </section>
|
||||||
|
<section class="max-w-7xl mx-auto px-6 py-24"> <div class="grid md:grid-cols-2 gap-12 items-start"> <div> <h2 class="text-3xl font-semibold mb-4"> Where teams actually save time </h2> <p class="text-gray-600 mb-6"> FinMox removes the invisible work that slows hiring and introduces risk. These gains compound across every role. </p> <ul class="space-y-4 text-gray-700"> <li>✔ No resume triage or manual shortlisting</li> <li>✔ No interview question prep or note consolidation</li> <li>✔ No chasing feedback or scheduling coordination</li> <li>✔ No post-hoc documentation for audits or disputes</li> </ul> </div> <div class="rounded-3xl bg-[#FAF8F6] p-8"> <h3 class="font-semibold mb-4">Before FinMox</h3> <p class="text-gray-600 mb-6"> Hiring decisions live in Slack, email, and memory. Documentation is created only when something goes wrong. </p> <h3 class="font-semibold mb-4 mt-8">With FinMox</h3> <p class="text-gray-600"> Execution is structured, movement is automated, and documentation is created as a byproduct of work. </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"> ROI isn’t just time — it’s risk reduction. </h2> <div class="grid md:grid-cols-3 gap-8"> <div> <h4 class="font-semibold mb-2">Decision defensibility</h4> <p class="text-gray-600"> Every hiring action is timestamped, attributed, and tied to locked criteria. </p> </div> <div> <h4 class="font-semibold mb-2">Consistency at scale</h4> <p class="text-gray-600"> Required evaluation steps prevent emotional or ad-hoc hiring decisions. </p> </div> <div> <h4 class="font-semibold mb-2">Audit readiness</h4> <p class="text-gray-600"> Exportable records eliminate scramble during compliance or legal review. </p> </div> </div> </div> </section>
|
||||||
|
<section class="max-w-7xl mx-auto px-6 py-24 text-center"> <h2 class="text-3xl font-semibold mb-4"> Scale hiring without scaling chaos. </h2> <p class="text-gray-600 mb-8"> FinMox removes execution friction so your team can focus on judgment — not admin work. </p> <div class="flex justify-center gap-4"> <a href="/apply" class="bg-black text-white px-8 py-4 rounded-xl"> Apply for access </a> <a href="/pricing" class="border px-8 py-4 rounded-xl"> View pricing → </a> </div> </section>
|
||||||
|
</section>
|
||||||
|
<!-- ========================= END ROI PAGE ========================= -->
|
||||||
|
|
||||||
|
<!-- ========================= PRICING PAGE ========================= -->
|
||||||
|
<section id="page-pricing" 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"> Pricing </span> <h1 class="text-5xl font-semibold leading-tight mb-6"> Pricing based on execution risk — not seat count. </h1> <p class="text-lg text-gray-600 mb-8"> FinMox is priced around how much hiring complexity and decision risk you’re managing — not how many users you invite. </p> <p class="text-sm text-gray-500"> Most teams start with a small pilot and expand once execution improvements are proven. </p> </div> </section>
|
||||||
|
<section class="max-w-7xl mx-auto px-6 py-20"> <div class="grid lg:grid-cols-3 gap-8"> <!-- Starter --> <div class="rounded-3xl bg-white p-8 shadow-sm border"> <h3 class="text-xl font-semibold mb-2">Starter</h3> <p class="text-3xl font-semibold mb-4">$750 / month</p> <p class="text-gray-600 mb-6"> For lean teams who need hiring discipline without complexity. </p> <ul class="space-y-3 text-gray-700 mb-8"> <li>✔ Role intake & criteria locking</li> <li>✔ Structured candidate qualification</li> <li>✔ Weekly execution summary</li> <li>✔ Basic decision trail export</li> <li>✔ Light integrations</li> </ul> <a href="/apply" class="block text-center border px-6 py-3 rounded-xl"> Apply for access </a> </div> <!-- Growth --> <div class="rounded-3xl bg-black text-white p-8 shadow-lg"> <h3 class="text-xl font-semibold mb-2"> Growth <span class="text-sm font-normal opacity-70">(Most teams)</span> </h3> <p class="text-3xl font-semibold mb-4">$2,500 – $5,000 / month</p> <p class="opacity-90 mb-6"> For teams hiring consistently with multiple stakeholders and real risk exposure. </p> <ul class="space-y-3 opacity-95 mb-8"> <li>✔ Advanced execution automation</li> <li>✔ SLA nudges & escalation logic</li> <li>✔ Role templates & guardrails</li> <li>✔ Enhanced decision trail depth</li> <li>✔ Priority onboarding & support</li> </ul> <a href="/apply" class="block text-center bg-white text-black px-6 py-3 rounded-xl"> Apply for access </a> </div> <!-- Enterprise --> <div class="rounded-3xl bg-white p-8 shadow-sm border"> <h3 class="text-xl font-semibold mb-2">Enterprise / Custom</h3> <p class="text-3xl font-semibold mb-4">$10,000+ / month</p> <p class="text-gray-600 mb-6"> For complex orgs that require deeper governance, auditability, and integration depth. </p> <ul class="space-y-3 text-gray-700 mb-8"> <li>✔ Custom execution logic</li> <li>✔ Advanced audit & compliance exports</li> <li>✔ Enterprise-grade integrations</li> <li>✔ Security review collaboration</li> <li>✔ SLA & support agreemen</section>
|
||||||
|
<section class="max-w-7xl mx-auto px-6 py-24"> <div class="rounded-3xl bg-[#FAF8F6] p-10"> <h2 class="text-3xl font-semibold mb-4"> How teams typically get started </h2> <p class="text-gray-600 mb-6"> We recommend starting with a pilot so value is proven before expanding scope. </p> <ul class="space-y-3 text-gray-700"> <li>• Pilot on 1–2 active roles</li> <li>• Tune intake, qualification, and movement logic</li> <li>• Measure time saved and execution consistency</li> <li>• Expand once ROI is clear</li> </ul> </div> </section>
|
||||||
|
<section class="max-w-7xl mx-auto px-6 py-24"> <div class="grid md:grid-cols-2 gap-12"> <div> <h3 class="text-2xl font-semibold mb-4">What pricing includes</h3> <ul class="space-y-3 text-gray-700"> <li>✔ Execution control logic</li> <li>✔ Automation & enforcement</li> <li>✔ Decision documentation</li> <li>✔ Integration support</li> </ul> </div> <div> <h3 class="text-2xl font-semibold mb-4">What pricing does not assume</h3> <ul class="space-y-3 text-gray-700"> <li>• No seat-based upsells</li> <li>• No replacement of your HRIS</li> <li>• No autonomous hiring decisions</li> <li>• No forced migrations</li> </ul> </div> </div> </section>
|
||||||
|
<section class="max-w-7xl mx-auto px-6 py-24 text-center"> <h2 class="text-3xl font-semibold mb-4"> Start with control. Expand with confidence. </h2> <p class="text-gray-600 mb-8"> FinMox is designed to earn trust before it earns scale. </p> <div class="flex justify-center gap-4"> <a href="/apply" class="bg-black text-white px-8 py-4 rounded-xl"> Apply for access </a> <a href="/roi" class="border px-8 py-4 rounded-xl"> View ROI → </a> </div> </section>
|
||||||
|
</section>
|
||||||
|
<!-- ========================= END PRICING PAGE ========================= -->
|
||||||
|
|
||||||
|
<!-- ========================= SECURITY & TRUST PAGE ========================= -->
|
||||||
|
<section id="page-security" 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"> Security </span> <h1 class="text-5xl font-semibold leading-tight mb-6"> Built to be trusted — not overclaimed. </h1> <p class="text-lg text-gray-600 mb-8"> FinMox is designed to control hiring execution while producing defensible records. We take data handling, access control, and documentation seriously — even in early access. </p> <p class="text-sm text-gray-500"> We believe trust is earned through clear boundaries, not marketing claims. </p> </div> </section>
|
||||||
|
<section class="max-w-7xl mx-auto px-6 py-20"> <div class="rounded-3xl bg-[#FAF8F6] p-10"> <h2 class="text-3xl font-semibold mb-6"> Security by design, not bolted on. </h2> <p class="text-gray-700 mb-6"> FinMox does not make autonomous hiring decisions, store unnecessary data, or replace systems of record. This intentionally limits risk. </p> <ul class="space-y-3 text-gray-700"> <li>✔ Humans define intent and make final decisions</li> <li>✔ Systems enforce execution steps and guardrails</li> <li>✔ Documentation is created automatically from actions</li> <li>✔ Data access is limited to what is operationally required</li> </ul> </div> </section>
|
||||||
|
<section class="max-w-7xl mx-auto px-6 py-24"> <div class="grid md:grid-cols-2 gap-12"> <div> <h3 class="text-2xl font-semibold mb-4">Data handling</h3> <ul class="space-y-3 text-gray-700"> <li>✔ Data encrypted in transit</li> <li>✔ Minimal data retention by default</li> <li>✔ No resale or training on customer data</li> <li>✔ Clear separation of customer workspaces</li> </ul> </div> <div> <h3 class="text-2xl font-semibold mb-4">Access controls</h3> <ul class="space-y-3 text-gray-700"> <li>✔ Role-based access permissions</li> <li>✔ Explicit user attribution on actions</li> <li>✔ Restricted administrative access</li> <li>✔ Audit visibility into decision activity</li> </ul> </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"> Automatic documentation without added admin work. </h2> <p class="text-gray-700 mb-6"> FinMox creates a decision trail as a byproduct of execution — not as an extra task imposed on teams. </p> <div class="grid md:grid-cols-3 gap-8"> <div> <h4 class="font-semibold mb-2">What’s recorded</h4> <p class="text-gray-600"> Role criteria versions, evaluator inputs, stage changes, overrides, timestamps, and decision outcomes. </p> </div> <div> <h4 class="font-semibold mb-2">What’s avoided</h4> <p class="text-gray-600"> No manual logs, no retroactive justification, no “recreate the story later.” </p> </div> <div> <h4 class="font-semibold mb-2">Why it matters</h4> <p class="text-gray-600"> Creates defensibility for audits, disputes, and internal review. </p> </div> </div> </div> </section>
|
||||||
|
<section class="max-w-7xl mx-auto px-6 py-24"> <div class="rounded-3xl bg-[#FAF8F6] p-10"> <h2 class="text-3xl font-semibold mb-6"> Compliance posture </h2> <p class="text-gray-700 mb-6"> FinMox is not currently SOC 2 certified. We do not claim certifications we have not completed. </p> <p class="text-gray-700 mb-6"> However, our architecture and operating procedures are designed with SOC 2 readiness in mind. </p> <ul class="space-y-3 text-gray-700"> <li>✔ Defined access controls</li> <li>✔ Documented operational processes</li> <li>✔ Incident response planning</li> <li>✔ Vendor and data flow awareness</li> </ul> </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"> What FinMox does not do </h2> <ul class="space-y-4 text-gray-700"> <li>• We do not make autonomous hiring decisions</li> <li>• We do not replace payroll, HRIS, or benefits systems</li> <li>• We do not claim bias elimination</li> <li>• We do not sell or repurpose customer data</li> <li>• We do not act outside defined guardrails</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"> Trust is built through execution. </h2> <p class="text-gray-600 mb-8"> FinMox earns confidence by controlling how hiring decisions happen — and recording them automatically. </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="/faq.php" class="border px-8 py-4 rounded-xl"> Read the FAQ → </a> </div> </section>
|
||||||
|
</section>
|
||||||
|
<!-- ========================= END SECURITY & TRUST PAGE ========================= -->
|
||||||
|
|
||||||
<!-- ========================= PAGE: HOW (Part 1/3) AppWizzy-safe section ========================= -->
|
<!-- ========================= PAGE: HOW (Part 1/3) AppWizzy-safe section ========================= -->
|
||||||
<section id="page-how" class="page fade hidden">
|
<section id="page-how" class="page fade hidden">
|
||||||
<section class="panel-strong p-8 lg:p-10">
|
<section class="panel-strong p-8 lg:p-10">
|
||||||
@ -583,14 +623,8 @@
|
|||||||
<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">
|
||||||
<div>FinMox © 2025</div>
|
<div>FinMox © 2025</div>
|
||||||
<div class="flex flex-wrap gap-3">
|
<div id="footer-links" class="flex flex-wrap gap-3">
|
||||||
<a href="#apply" class="underline navlink" data-page="apply">Apply</a>
|
<!-- Footer links will be injected by JS -->
|
||||||
<span class="opacity-50">·</span>
|
|
||||||
<a href="#signin" class="underline navlink" data-page="signin">Sign In</a>
|
|
||||||
<span class="opacity-50">·</span>
|
|
||||||
<a href="#trust" class="underline navlink" data-page="trust">Security & Trust</a>
|
|
||||||
<span class="opacity-50">·</span>
|
|
||||||
<a href="#faq" class="underline navlink" data-page="faq">FAQ</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
53
trust.php
Normal file
53
trust.php
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>FinMox — Security & Trust</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-trust" class="page fade">
|
||||||
|
<h1 class="text-5xl font-semibold leading-tight mb-6">Security & Trust</h1>
|
||||||
|
</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>
|
||||||
Loading…
x
Reference in New Issue
Block a user