admin/37063-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

12/19/25 V.3

Browse Source
This commit is contained in:
Flatlogic Bot 2025-12-19 05:30:16 +00:00
parent da7e44a74e
commit 9e956531ac
1 changed files with 207 additions and 264 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

469
index.php
View File

@ -4,273 +4,216 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>FinMox — HR Execution Operating System</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?v=<?php echo time(); ?>">
</head>
<body class="bg-warm">
<!-- TOP NAV -->
<header class="max-w-7xl mx-auto px-6 py-5">
<div class="panel-strong px-5 py-4 flex items-center justify-between">
<div class="flex items-center gap-3">
<div class="h-9 w-9 rounded-2xl bg-black text-white flex items-center justify-center text-sm font-semibold">FM</div>
<div class="font-semibold tracking-tight">FinMox</div>
<span class="hidden sm:inline chip px-3 py-1 text-xs text-gray-700">HR Execution OS</span>
</div>
<!-- Desktop nav -->
<nav class="hidden lg:flex items-center gap-x-4 text-sm whitespace-nowrap">
<a class="navlink" href="#home" onclick="openPage('home'); return false;">Home</a>
<a class="navlink" href="#problem" onclick="openPage('problem'); return false;">Problem</a>
<a class="navlink" href="#why" onclick="openPage('why'); return false;">Why FinMox</a>
<a class="navlink" href="#how" onclick="openPage('how'); return false;">How It Works</a>
<a class="navlink" href="#roi" onclick="openPage('roi'); return false;">ROI</a>
<a class="navlink" href="#pricing" onclick="openPage('pricing'); return false;">Pricing</a>
<a class="navlink" href="#who" onclick="openPage('who'); return false;">Who It’s For</a>
<a class="navlink" href="#trust" onclick="openPage('trust'); return false;">Security & Trust</a>
<a class="navlink" href="#faq" onclick="openPage('faq'); return false;">FAQ</a>
</nav>
<div class="flex items-center gap-4">
<a class="navlink hidden sm:inline text-sm" href="#signin" onclick="openPage('signin'); return false;">Sign In</a>
<a href="#apply" onclick="openPage('apply'); return false;" class="bg-black text-white text-sm px-4 py-2 rounded-2xl hoverlift">Apply for Access</a>
<!-- Mobile menu -->
<button class="lg:hidden chip px-3 py-2 text-sm" onclick="toggleMenu()" aria-label="Open menu">Menu</button>
</div>
</div>
<!-- Mobile drawer -->
<div id="drawer" class="drawer hidden mt-3 panel-strong p-4">
<div class="grid gap-2 text-sm">
<a class="navlink" href="#home" onclick="openPage('home'); toggleMenu(true); return false;">Home</a>
<a class="navlink" href="#problem" onclick="openPage('problem'); toggleMenu(true); return false;">Problem</a>
<a class="navlink" href="#why" onclick="openPage('why'); toggleMenu(true); return false;">Why FinMox</a>
<a class="navlink" href="#how" onclick="openPage('how'); toggleMenu(true); return false;">How It Works</a>
<a class="navlink" href="#roi" onclick="openPage('roi'); toggleMenu(true); return false;">ROI</a>
<a class="navlink" href="#pricing" onclick="openPage('pricing'); toggleMenu(true); return false;">Pricing</a>
<a class="navlink" href="#who" onclick="openPage('who'); toggleMenu(true); return false;">Who It’s For</a>
<a class="navlink" href="#trust" onclick="openPage('trust'); toggleMenu(true); return false;">Security & Trust</a>
<a class="navlink" href="#roadmap" onclick="openPage('roadmap'); toggleMenu(true); return false;">Roadmap</a>
<a class="navlink" href="#faq" onclick="openPage('faq'); toggleMenu(true); return false;">FAQ</a>
<div class="h-px softline border-t my-2"></div>
<a class="navlink" href="#signin" onclick="openPage('signin'); toggleMenu(true); return false;">Sign In</a>
<a href="#apply" onclick="openPage('apply'); toggleMenu(true); return false;" class="bg-black text-white text-sm px-4 py-2 rounded-2xl">Apply for Access</a>
</div>
</div>
</header>
<main class="max-w-7xl mx-auto px-6 pb-16">
<!-- HOME PAGE -->
<section id="page-home" class="page fade">
<!-- HERO -->
<section class="panel-strong overflow-hidden">
<div class="grid lg:grid-cols-12 gap-10 p-8 lg:p-10 items-center">
<!-- Copy -->
<div class="lg:col-span-6">
<div class="inline-flex items-center gap-2 chip px-3 py-1 text-xs">
<span class="h-2 w-2 rounded-full bg-black"></span>
HR execution control — not another HR tool
</div>
<h1 class="mt-6 text-4xl md:text-6xl font-extrabold tracking-tight leading-[1.02]">
The HR Execution<br/>
Operating System
</h1>
<p class="mt-6 text-base md:text-lg text-gray-700">
FinMox sits on top of your existing stack and controls how hiring decisions get executed —
so teams move faster, stay consistent, and reduce risk <strong>without replacing your ATS or HR team</strong>.
</p>
<div class="mt-7 flex flex-wrap gap-3">
<a href="#apply" onclick="openPage('apply'); return false;" class="bg-black text-white px-5 py-3 rounded-2xl text-sm hoverlift">Apply for Founding Access</a>
<a href="#apply" onclick="openPage('apply'); return false;" class="chip px-5 py-3 rounded-2xl text-sm hoverlift">Book a Demo</a>
</div>
<div class="mt-7 flex flex-wrap gap-2 text-xs text-gray-600">
<span class="chip px-3 py-1">1–10 roles/month</span>
<span class="chip px-3 py-1">50–300 candidates/role</span>
<span class="chip px-3 py-1">Multiple stakeholders</span>
<span class="chip px-3 py-1">Human-in-the-loop by design</span>
<span class="chip px-3 py-1">Audit-ready recordkeeping</span>
</div>
<div class="mt-7 panel p-5">
<div class="text-sm font-semibold">FinMox controls the flow of labor decisions.</div>
<div class="mt-2 text-sm text-gray-700">
Humans define intent → systems enforce execution → agents remove friction → data creates defensibility.
</div>
</div>
</div>
</div>
</section>
</section>
<!-- APPLY PAGE (New) -->
<section id="page-apply" class="page hidden fade">
<div class="panel-strong p-8 lg:p-12 max-w-2xl mx-auto">
<?php if (isset($_GET['status']) && $_GET['status'] == 'applied'): ?>
<div class="text-center">
<h2 class="text-2xl font-bold tracking-tight">Thank you!</h2>
<p class="mt-4 text-gray-700">Your application for founding access has been received. We're excited to review it and will get back to you shortly.</p>
<a href="#home" onclick="openPage('home'); return false;" class="mt-6 inline-block bg-black text-white px-5 py-3 rounded-2xl text-sm hoverlift">Back to Home</a>
</div>
<?php else: ?>
<h2 class="text-2xl font-bold tracking-tight">Apply for Founding Access</h2>
<p class="mt-3 text-gray-600">Join a select group of companies to shape the future of HR execution. Fill out the form below to get started.</p>
<?php if (isset($_GET['error'])): ?>
<div class="mt-4 bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded-xl relative" role="alert">
<strong class="font-bold">Oops!</strong>
<span class="block sm:inline"><?php echo htmlspecialchars($_GET['error']); ?></span>
</div>
<?php endif; ?>
<form action="apply.php" method="POST" class="mt-6 grid gap-y-6">
<div>
<label for="name" class="block text-sm font-medium text-gray-800">Full Name</label>
<input type="text" name="name" id="name" required class="mt-2 block w-full chip px-4 py-3 text-base" placeholder="Jane Doe">
</div>
<div>
<label for="company" class="block text-sm font-medium text-gray-800">Company Name</label>
<input type="text" name="company" id="company" required class="mt-2 block w-full chip px-4 py-3 text-base" placeholder="Acme Inc.">
</div>
<div>
<label for="email" class="block text-sm font-medium text-gray-800">Work Email</label>
<input type="email" name="email" id="email" required class="mt-2 block w-full chip px-4 py-3 text-base" placeholder="you@company.com">
</div>
<div>
<label for="role" class="block text-sm font-medium text-gray-800">Your Role / Title</label>
<input type="text" name="role" id="role" required class="mt-2 block w-full chip px-4 py-3 text-base" placeholder="Head of Talent">
</div>
<div>
<button type="submit" class="w-full bg-black text-white px-5 py-3 rounded-2xl text-sm font-semibold hoverlift">Submit Application</button>
</div>
</form>
<?php endif; ?>
</div>
</section>
<section id="page-problem" class="page hidden fade">
<div class="panel-strong p-8 lg:p-12 max-w-4xl mx-auto">
<h2 class="text-3xl font-bold tracking-tight">The Problem</h2>
<p class="mt-4 text-gray-700">Companies struggle to maintain consistency and compliance in their hiring processes, leading to increased risk and slower decision-making. Existing tools often add complexity without solving the core issue of execution control.</p>
</div>
</section>
<section id="page-why" class="page hidden fade">
<div class="panel-strong p-8 lg:p-12 max-w-4xl mx-auto">
<h2 class="text-3xl font-bold tracking-tight">Why FinMox</h2>
<p class="mt-4 text-gray-700">FinMox provides a centralized, intelligent system to enforce HR policies and streamline execution. By sitting on top of your existing stack, we offer control and visibility without requiring a complete overhaul of your tools and processes.</p>
</div>
</section>
<section id="page-how" class="page hidden fade">
<div class="panel-strong p-8 lg:p-12 max-w-4xl mx-auto">
<h2 class="text-3xl font-bold tracking-tight">How It Works</h2>
<p class="mt-4 text-gray-700">Define your HR and compliance workflows in FinMox. Our system then guides your team through every step, from candidate evaluation to onboarding, ensuring that every action is logged and compliant. AI agents assist with tasks and provide insights, reducing manual work and preventing errors.</p>
</div>
</section>
<section id="page-roi" class="page hidden fade">
<div class="panel-strong p-8 lg:p-12 max-w-4xl mx-auto">
<h2 class="text-3xl font-bold tracking-tight">ROI</h2>
<p class="mt-4 text-gray-700">With FinMox, you can expect a significant return on investment through reduced hiring errors, lower compliance risk, and faster time-to-hire. Our streamlined processes free up your HR team to focus on strategic initiatives rather than manual enforcement.</p>
</div>
</section>
<section id="page-pricing" class="page hidden fade">
<div class="panel-strong p-8 lg:p-12 max-w-4xl mx-auto">
<h2 class="text-3xl font-bold tracking-tight">Pricing</h2>
<p class="mt-4 text-gray-700">We offer flexible pricing plans tailored to the size and needs of your organization. Contact us for a custom quote and to learn about our founding partner discounts.</p>
</div>
</section>
<section id="page-who" class="page hidden fade">
<div class="panel-strong p-8 lg:p-12 max-w-4xl mx-auto">
<h2 class="text-3xl font-bold tracking-tight">Who It’s For</h2>
<p class="mt-4 text-gray-700">FinMox is designed for growth-stage companies that need to scale their HR processes efficiently and compliantly. It's ideal for organizations with multiple stakeholders involved in the hiring process.</p>
</div>
</section>
<section id="page-trust" class="page hidden fade">
<div class="panel-strong p-8 lg:p-12 max-w-4xl mx-auto">
<h2 class="text-3xl font-bold tracking-tight">Security & Trust</h2>
<p class="mt-4 text-gray-700">We take data security seriously. FinMox is built with enterprise-grade security features to protect your sensitive HR data. Our platform ensures that all actions are auditable, providing a clear record of compliance.</p>
</div>
</section>
<section id="page-faq" class="page hidden fade">
<div class="panel-strong p-8 lg:p-12 max-w-4xl mx-auto">
<h2 class="text-3xl font-bold tracking-tight">FAQ</h2>
<div class="mt-6 space-y-4">
<div>
<h3 class="font-semibold">Does FinMox replace my existing ATS?</h3>
<p class="text-gray-700">No, FinMox integrates with and sits on top of your existing Applicant Tracking System (ATS), enhancing its capabilities without requiring replacement.</p>
</div>
<div>
<h3 class="font-semibold">How long does it take to implement?</h3>
<p class="text-gray-700">Implementation is fast and straightforward. Our team will work with you to get you up and running in a matter of days, not months.</p>
</div>
</div>
</div>
</section>
<section id="page-roadmap" class="page hidden fade">
<div class="panel-strong p-8 lg:p-12 max-w-4xl mx-auto">
<h2 class="text-3xl font-bold tracking-tight">Roadmap</h2>
<p class="mt-4 text-gray-700">Our product roadmap includes deeper integrations with popular HR tools, advanced AI-powered analytics, and customizable compliance modules to adapt to changing regulations.</p>
</div>
</section>
<section id="page-signin" class="page hidden fade">
<div class="panel-strong p-8 lg:p-12 max-w-2xl mx-auto">
<h2 class="text-2xl font-bold tracking-tight">Sign In to FinMox</h2>
<p class="mt-3 text-gray-600">Access to the FinMox platform is currently limited to founding partners. Please sign in below.</p>
<form class="mt-6 grid gap-y-6">
<div>
<label for="signin-email" class="block text-sm font-medium text-gray-800">Work Email</label>
<input type="email" name="email" id="signin-email" required class="mt-2 block w-full chip px-4 py-3 text-base" placeholder="you@company.com">
</div>
<div>
<label for="signin-password" class="block text-sm font-medium text-gray-800">Password</label>
<input type="password" name="password" id="signin-password" required class="mt-2 block w-full chip px-4 py-3 text-base" placeholder="••••••••">
</div>
<div>
<button type="submit" class="w-full bg-black text-white px-5 py-3 rounded-2xl text-sm font-semibold hoverlift">Sign In</button>
</div>
</form>
</div>
</section>
<?php
// This will run the migration on the first visit
if (!file_exists('db/migration_ran.flag')) {
require_once 'db/config.php';
try {
$pdo = db();
$sql = file_get_contents('db/migrations/01_create_applications_table.sql');
$pdo->exec($sql);
file_put_contents('db/migration_ran.flag', 'ran');
} catch (PDOException $e) {
// Do not block UI for db errors, just log it.
error_log("Migration failed: " . $e->getMessage());
}
<style>
:root{
--ink:#0b0b0c;
--paper:#fbfaf7;
--warm:#f2efe7;
--warm2:#ebe6da;
--line: rgba(11,11,12,.08);
--shadow: 0 18px 48px rgba(11,11,12,.10);
--shadow2: 0 10px 26px rgba(11,11,12,.10);
--radius: 28px;
}
?>
</main>
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
html, body {
height: 100%;
}
body {
font-family: 'Inter', sans-serif;
background: var(--paper);
color: var(--ink);
}
/* page routing */
.page.hidden {
display: none;
}
/* warm glass cards */
.panel {
border: 1px solid var(--line);
border-radius: var(--radius);
background: rgba(255,255,255,.70);
box-shadow: var(--shadow2);
backdrop-filter: blur(10px);
}
.panel-strong {
border: 1px solid var(--line);
border-radius: var(--radius);
background: rgba(255,255,255,.92);
box-shadow: var(--shadow);
}
.chip {
border: 1px solid var(--line);
border-radius: 999px;
background: rgba(255,255,255,.75);
}
.softline {
border-color: var(--line);
}
/* hero background */
.bg-warm {
background:
radial-gradient(1200px 520px at 20% 15%, rgba(243,236,223,.95), rgba(251,250,247,0) 60%),
radial-gradient(900px 520px at 85% 20%, rgba(236,232,219,.9), rgba(251,250,247,0) 55%),
radial-gradient(900px 520px at 55% 90%, rgba(241,238,230,.9), rgba(251,250,247,0) 60%),
var(--paper);
}
/* subtle motion */
.fade {
transition: opacity .18s ease, transform .18s ease;
}
.hoverlift {
transition: transform .18s ease, box-shadow .18s ease;
}
.hoverlift:hover {
transform: translateY(-2px);
box-shadow: var(--shadow);
}
/* nav active state */
.navlink.active {
font-weight: 700;
}
/* mobile menu */
.drawer.hidden {
display:none;
}
/* details */
details[open] summary {
font-weight: 700;
}
summary {
cursor: pointer;
}
</style>
</head>
<body class="bg-warm">
<!-- TOP NAV -->
<header class="max-w-7xl mx-auto px-6 py-5">
<div class="panel-strong px-5 py-4 flex items-center justify-between">
<div class="flex items-center gap-3">
<div class="h-9 w-9 rounded-2xl bg-black text-white flex items-center justify-center text-sm font-semibold">FM</div>
<div class="font-semibold tracking-tight">FinMox</div>
<span class="hidden sm:inline chip px-3 py-1 text-xs text-gray-700">HR Execution OS</span>
</div>
<!-- Desktop nav -->
<nav class="hidden lg:flex items-center gap-x-6 text-sm whitespace-nowrap">
<a class="navlink active" href="#home" onclick="openPage('home'); return false;">Home</a>
<a class="navlink" href="#problem" onclick="openPage('problem'); return false;">Problem</a>
<a class="navlink" href="#why" onclick="openPage('why'); return false;">Why FinMox</a>
<a class="navlink" href="#how" onclick="openPage('how'); return false;">How It Works</a>
<a class="navlink" href="#who" onclick="openPage('who'); return false;">Who It’s For</a>
<a class="navlink" href="#faq" onclick="openPage('faq'); return false;">FAQ</a>
</nav>
<div class="flex items-center gap-4">
<a class="navlink hidden sm:inline text-sm" href="#signin" onclick="openPage('signin'); return false;">Sign In</a>
<a href="#apply" onclick="openPage('apply'); return false;" class="bg-black text-white text-sm px-4 py-2 rounded-2xl hoverlift">Apply for Access</a>
<!-- Mobile menu -->
<button class="lg:hidden chip px-3 py-2 text-sm" onclick="toggleMenu()" aria-label="Open menu">Menu</button>
</div>
</div>
<!-- Mobile drawer -->
<div id="drawer" class="drawer hidden mt-3 panel-strong p-4">
<div class="grid gap-2 text-sm">
<a class="navlink" href="#home" onclick="openPage('home'); toggleMenu(true); return false;">Home</a>
<a class="navlink" href="#problem" onclick="openPage('problem'); toggleMenu(true); return false;">Problem</a>
<a class="navlink" href="#why" onclick="openPage('why'); toggleMenu(true); return false;">Why FinMox</a>
<a class="navlink" href="#how" onclick="openPage('how'); toggleMenu(true); return false;">How It Works</a>
<a class="navlink" href="#who" onclick="openPage('who'); toggleMenu(true); return false;">Who It’s For</a>
<a class="navlink" href="#faq" onclick="openPage('faq'); toggleMenu(true); return false;">FAQ</a>
<div class="h-px softline border-t my-2"></div>
<a class="navlink" href="#signin" onclick="openPage('signin'); toggleMenu(true); return false;">Sign In</a>
<a href="#apply" onclick="openPage('apply'); toggleMenu(true); return false;" class="bg-black text-white text-sm px-4 py-2 rounded-2xl">Apply for Access</a>
</div>
</div>
</header>
<main class="max-w-7xl mx-auto px-6 pb-16">
<!-- HOME PAGE -->
<section id="page-home" class="page fade">
<!-- HERO -->
<section class="panel-strong overflow-hidden">
<div class="grid lg:grid-cols-12 gap-10 p-8 lg:p-10 items-center">
<!-- Copy -->
<div class="lg:col-span-6">
<div class="inline-flex items-center gap-2 chip px-3 py-1 text-xs">
<span class="h-2 w-2 rounded-full bg-black"></span> HR execution control — not another HR tool
</div>
<h1 class="mt-6 text-4xl md:text-6xl font-extrabold tracking-tight leading-[1.02]">
The HR Execution<br/> Operating System
</h1>
<p class="mt-6 text-base md:text-lg text-gray-700">
FinMox sits on top of your existing stack and controls how hiring decisions get executed — so teams move faster, stay consistent, and reduce risk <strong>without replacing your ATS or HR team</strong>.
</p>
<div class="mt-7 flex flex-wrap gap-3">
<a href="#apply" onclick="openPage('apply'); return false;" class="bg-black text-white px-5 py-3 rounded-2xl text-sm hoverlift">Apply for Founding Access</a>
<a href="#apply" onclick="openPage('apply'); return false;" class="chip px-5 py-3 rounded-2xl text-sm hoverlift">Book a Demo</a>
</div>
<div class="mt-7 flex flex-wrap gap-2 text-xs text-gray-600">
<span class="chip px-3 py-1">1–10 roles/month</span>
<span class="chip px-3 py-1">50–300 candidates/role</span>
<span class="chip px-3 py-1">Multiple stakeholders</span>
<span class="chip px-3 py-1">Human-in-the-loop by design</span>
<span class="chip px-3 py-1">Audit-ready recordkeeping</span>
</div>
<div class="mt-7 panel p-5">
<div class="text-sm font-semibold">FinMox controls the flow of labor decisions.</div>
<div class="mt-2 text-sm text-gray-700">
Humans define intent → systems enforce execution → agents remove friction → data creates defensibility.
</div>
</div>
</div>
<!-- Visual -->
<div class="lg:col-span-6">
<div class="panel p-6 md:p-7">
<div class="flex items-center justify-between">
<div class="text-sm font-semibold">Execution Control (Live)</div>
<div class="flex items-center gap-2 text-xs text-gray-500">
<span class="h-2 w-2 rounded-full bg-green-400 animate-pulse"></span> Live
</div>
</div>
<!-- Diagram -->
<div class="mt-6 space-y-4">
<!-- Step 1: Intent -->
<div class="p-4 rounded-2xl bg-warm2/50 border border-transparent hover:border-gray-200 transition-colors">
<div class="font-semibold text-sm">1. Define Intent</div>
<div class="text-xs text-gray-600 mt-1">Hiring managers define roles & requirements.</div>
</div>
<!-- Arrow -->
<div class="flex justify-center">
<svg class="w-4 h-4 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3"></path></svg>
</div>
<!-- Step 2: Execution -->
<div class="p-4 rounded-2xl bg-warm2/50 border border-transparent hover:border-gray-200 transition-colors">
<div class="font-semibold text-sm">2. Enforce Execution</div>
<div class="text-xs text-gray-600 mt-1">FinMox ensures every step is followed.</div>
</div>
<!-- Arrow -->
<div class="flex justify-center">
<svg class="w-4 h-4 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3"></path></svg>
</div>
<!-- Step 3: Agents -->
<div class="p-4 rounded-2xl bg-warm2/50 border border-transparent hover:border-gray-200 transition-colors">
<div class="font-semibold text-sm">3. Remove Friction</div>
<div class="text-xs text-gray-600 mt-1">AI agents automate scheduling & screening.</div>
</div>
<!-- Arrow -->
<div class="flex justify-center">
<svg class="w-4 h-4 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3"></path></svg>
</div>
<!-- Step 4: Data -->
<div class="p-4 rounded-2xl bg-warm2/50 border border-transparent hover:border-gray-200 transition-colors">
<div class="font-semibold text-sm">4. Create Defensibility</div>
<div class="text-xs text-gray-600 mt-1">Generate audit-ready logs automatically.</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
</main>
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
</body>
</html>