35632-vm/product.php
2025-12-17 23:17:36 +00:00

101 lines
5.0 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Why FinMox - FinMox</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<style>
body { font-family: 'Inter', sans-serif; }
.tick::before { content: '✔'; margin-right: 0.5rem; color: #34D399; }
</style>
</head>
<body class="bg-gray-50 text-gray-900">
<!-- NAV -->
<header class="max-w-7xl mx-auto px-6 py-5 flex items-center justify-between">
<div class="font-bold text-xl">FinMox</div>
<nav class="hidden md:flex gap-8 text-sm">
<a href="index.php">Home</a>
<a href="problem.php">Problem</a>
<a href="product.php">Why FinMox</a>
<a href="services.php">Services</a>
<a href="features.php">Features</a>
<a href="pricing.php">Pricing</a>
</nav>
<div class="flex gap-3">
<a href="login.php" class="text-sm flex items-center">Sign In</a>
<a href="register.php" class="bg-black text-white text-sm px-4 py-2 rounded-lg">Sign Up</a>
</div>
</header>
<!-- CONTENT -->
<main class="max-w-4xl mx-auto px-6 py-16">
<div class="text-center">
<h1 class="text-4xl md:text-5xl font-extrabold leading-tight">Why FinMox</h1>
<p class="mt-4 max-w-2xl mx-auto text-lg text-gray-600">FinMox is not another ATS. Its an HR Automation System that runs your hiring workflows for you.</p>
</div>
<section class="mt-16">
<div class="bg-white p-8 rounded-xl shadow-sm border border-gray-200">
<h2 class="text-2xl font-bold text-center">What FinMox Automates</h2>
<ul class="mt-8 space-y-4 text-gray-700">
<li class="tick">Resume parsing & ranking</li>
<li class="tick">Candidate shortlisting</li>
<li class="tick">Interview question generation</li>
<li class="tick">Interview summaries & recommendations</li>
<li class="tick">Offer letter drafting</li>
<li class="tick">Onboarding preparation</li>
</ul>
<p class="mt-6 text-center font-semibold">All in one workflow.</p>
</div>
</section>
<section class="mt-16 text-center">
<h2 class="text-3xl font-bold">HumanintheLoop Control</h2>
<p class="mt-4 max-w-2xl mx-auto text-lg text-gray-600">You review, approve, and decide FinMox handles the busy work. No automated hiring decisions.</p>
<div id="human-in-loop-tabs" class="mt-10 max-w-3xl mx-auto">
<!-- Tab Buttons -->
<div class="flex justify-center border-b border-gray-200">
<button data-tab="automation" class="tab-button active-tab px-6 py-3 font-semibold text-lg border-b-2 border-black">Automation</button>
<button data-tab="ai-outputs" class="tab-button px-6 py-3 font-semibold text-lg text-gray-500 border-b-2 border-transparent">AI Outputs</button>
<button data-tab="security" class="tab-button px-6 py-3 font-semibold text-lg text-gray-500 border-b-2 border-transparent">Security</button>
</div>
<!-- Tab Content -->
<div class="mt-8">
<div id="automation" class="tab-content">
<p class="text-gray-600">FinMox automates the repeatable workflow steps so your team stays focused on decision-making.</p>
</div>
<div id="ai-outputs" class="tab-content hidden">
<p class="text-gray-600">FinMox generates interview questions, summaries, and recommendations all reviewable and editable.</p>
</div>
<div id="security" class="tab-content hidden">
<p class="text-gray-600">Human reviewed outputs, audit-friendly documentation, and compliance-aware design.</p>
</div>
</div>
</div>
<a href="features.php" class="mt-12 inline-block bg-black text-white text-sm px-6 py-3 rounded-lg font-semibold">See How It Works </a>
</section>
</main>
<!-- FOOTER -->
<footer class="max-w-7xl mx-auto px-6 py-12 text-center text-gray-500 text-sm">
<div class="space-x-4">
<span>FinMox © 2025</span>
<a href="#" class="hover:underline">Security & Privacy</a>
</div>
<div class="mt-4 space-x-4">
<a href="apply.php" class="hover:underline">Apply</a>
<span>·</span>
<a href="login.php" class="hover:underline">Sign In</a>
</div>
</footer>
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
</body>
</html>