Revert to version d532c98

This commit is contained in:
Flatlogic Bot 2025-12-22 02:25:56 +00:00
parent 596121b8dd
commit 70d8c64caa
4 changed files with 49 additions and 229 deletions

View File

@ -1,5 +1,4 @@
const pages = ['home','problem','why','features','how','roi','pricing','security','trust','faq','signin','apply'];
const pages = ['home','problem','why','features','how','roi','pricing','who','trust','roadmap','faq','signin','apply'];
function openPage(pageId) {
if (!pages.includes(pageId)) {
@ -37,87 +36,60 @@ function openPage(pageId) {
document.addEventListener('DOMContentLoaded', () => {
const navLinksContainer = document.getElementById('nav-links');
const mobileMenuContainer = document.getElementById('mobile-menu');
const footerLinksContainer = document.getElementById('footer-links');
const menuButton = document.getElementById('menu-button');
// Generate navigation links
let navHTML = '';
pages.forEach(page => {
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>`;
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>`;
});
navLinksContainer.innerHTML = navHTML;
mobileMenuContainer.innerHTML = navHTML.replace(/class="/g, 'class="block w-full text-left ');
// Generate footer links
if (footerLinksContainer) {
let footerHTML = '';
const footerPages = ['apply', 'signin', 'security', 'trust', 'faq'];
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>`;
}
// Handle navigation clicks
document.querySelectorAll('.navlink').forEach(link => {
link.addEventListener('click', (e) => {
e.preventDefault();
openPage(link.dataset.page);
});
footerLinksContainer.innerHTML = footerHTML;
}
});
// Toggle mobile menu
menuButton.addEventListener('click', () => {
mobileMenuContainer.classList.toggle('hidden');
});
if (document.getElementById('page-home')) {
// Handle navigation clicks for SPA
document.querySelectorAll('.navlink').forEach(link => {
link.addEventListener('click', (e) => {
const page = link.dataset.page;
if (page !== 'faq' && page !== 'trust' && page !== 'apply') { // prevent default for SPA pages
e.preventDefault();
openPage(link.dataset.page);
// 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-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
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

@ -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">
See how it works
</a>
<a href="#security" onclick="openPage('security'); return false;" class="chip px-6 py-3 rounded-2xl text-sm hoverlift">
Security
<a href="#trust" onclick="openPage('trust'); return false;" class="chip px-6 py-3 rounded-2xl text-sm hoverlift">
Security & Trust
</a>
</div>
</div>
@ -503,46 +503,6 @@
</section>
<!-- ========================= 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">3040 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 isnt just time its 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 youre 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 12 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">Whats 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">Whats 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 ========================= -->
<section id="page-how" class="page fade hidden">
<section class="panel-strong p-8 lg:p-10">
@ -623,8 +583,14 @@
<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 class="flex flex-wrap gap-3">
<a href="#apply" class="underline navlink" data-page="apply">Apply</a>
<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>
</footer>

View File

@ -1,53 +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 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>