185 lines
9.5 KiB
PHP
185 lines
9.5 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<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-7 text-sm">
|
||
<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-2">
|
||
<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>
|
||
|
||
<?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());
|
||
}
|
||
}
|
||
?>
|
||
|
||
</main>
|
||
|
||
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
||
</body>
|
||
</html>
|