133 lines
6.3 KiB
PHP
133 lines
6.3 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 Automation Platform</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
|
|
* {
|
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
|
|
}
|
|
body {
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
.btn-primary {
|
|
transition: all 0.2s ease;
|
|
}
|
|
.btn-primary:hover {
|
|
transform: translateY(-1px);
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
}
|
|
.product-screenshot {
|
|
border: 1px solid #e5e7eb;
|
|
border-radius: 12px;
|
|
overflow: hidden;
|
|
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-white">
|
|
<!-- Navigation -->
|
|
<nav class="border-b border-gray-200 bg-white sticky top-0 z-50">
|
|
<div class="max-w-6xl mx-auto px-6 py-4">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2">
|
|
<img src="assets/pasted-20251120-051320-b2b0cdfa.png" alt="FinMox Logo" class="h-8 w-auto">
|
|
<span class="text-xl font-semibold text-gray-900">FinMox</span>
|
|
</div>
|
|
<div class="flex items-center gap-8">
|
|
<a href="#product" class="text-sm text-gray-600 hover:text-gray-900">Product</a>
|
|
<a href="#pricing" class="text-sm text-gray-600 hover:text-gray-900">Pricing</a>
|
|
<a href="/login.php" class="text-sm text-gray-600 hover:text-gray-900">Log in</a>
|
|
<a href="/register.php" class="btn-primary bg-black text-white px-4 py-2 rounded-lg text-sm font-medium">Register</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero Section -->
|
|
<header class="bg-white">
|
|
<div class="max-w-6xl mx-auto px-6 pt-24 pb-16">
|
|
<div class="text-center">
|
|
<h1 class="text-4xl md:text-6xl font-bold text-gray-900 leading-tight">Intelligent HR & Operations</h1>
|
|
<p class="mt-4 text-lg text-gray-600 max-w-2xl mx-auto">FinMox is an intelligent enterprise system that automates HR, compliance, and operations.</p>
|
|
<div class="mt-8 flex justify-center gap-4">
|
|
<a href="/register.php" class="btn-primary bg-black text-white px-6 py-3 rounded-lg font-medium">Get Started</a>
|
|
<a href="#product" class="bg-gray-100 text-gray-800 px-6 py-3 rounded-lg font-medium">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Product Section -->
|
|
<section id="product" class="bg-gray-50 py-20">
|
|
<div class="max-w-6xl mx-auto px-6">
|
|
<div class="text-center mb-12">
|
|
<h2 class="text-3xl md:text-4xl font-bold text-gray-900">A unified platform for growth</h2>
|
|
<p class="mt-3 text-lg text-gray-600">Manage candidates, tasks, and onboarding in one place.</p>
|
|
</div>
|
|
<div class="product-screenshot">
|
|
<img src="assets/vm-shot-2025-11-11T05-29-19-670Z.jpg" alt="FinMox Dashboard Screenshot">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Pricing Section -->
|
|
<section id="pricing" class="bg-white py-20">
|
|
<div class="max-w-6xl mx-auto px-6">
|
|
<div class="text-center mb-12">
|
|
<h2 class="text-3xl md:text-4xl font-bold text-gray-900">Pricing Plans</h2>
|
|
<p class="mt-3 text-lg text-gray-600">Choose the plan that's right for your team.</p>
|
|
</div>
|
|
<div class="grid md:grid-cols-3 gap-8">
|
|
<!-- Pricing Plan 1 -->
|
|
<div class="border border-gray-200 rounded-lg p-8">
|
|
<h3 class="text-xl font-semibold text-gray-900">Starter</h3>
|
|
<p class="mt-2 text-gray-600">For small teams just getting started.</p>
|
|
<div class="mt-6">
|
|
<span class="text-4xl font-bold">$49</span>
|
|
<span class="text-gray-600">/ month</span>
|
|
</div>
|
|
<a href="/register.php" class="mt-8 block w-full text-center btn-primary bg-black text-white px-6 py-3 rounded-lg font-medium">Get Started</a>
|
|
</div>
|
|
<!-- Pricing Plan 2 -->
|
|
<div class="border border-gray-200 rounded-lg p-8">
|
|
<h3 class="text-xl font-semibold text-gray-900">Business</h3>
|
|
<p class="mt-2 text-gray-600">For growing businesses that need more power.</p>
|
|
<div class="mt-6">
|
|
<span class="text-4xl font-bold">$99</span>
|
|
<span class="text-gray-600">/ month</span>
|
|
</div>
|
|
<a href="/register.php" class="mt-8 block w-full text-center btn-primary bg-black text-white px-6 py-3 rounded-lg font-medium">Get Started</a>
|
|
</div>
|
|
<!-- Pricing Plan 3 -->
|
|
<div class="border border-gray-200 rounded-lg p-8">
|
|
<h3 class="text-xl font-semibold text-gray-900">Enterprise</h3>
|
|
<p class="mt-2 text-gray-600">For large organizations with custom needs.</p>
|
|
<div class="mt-6">
|
|
<span class="text-4xl font-bold">Contact Us</span>
|
|
</div>
|
|
<a href="#" class="mt-8 block w-full text-center bg-gray-100 text-gray-800 px-6 py-3 rounded-lg font-medium">Contact Sales</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="bg-gray-50">
|
|
<div class="max-w-6xl mx-auto px-6 py-12">
|
|
<div class="flex justify-between items-center">
|
|
<p class="text-gray-600">© 2025 FinMox. All rights reserved.</p>
|
|
<div class="flex gap-6">
|
|
<a href="#" class="text-sm text-gray-600 hover:text-gray-900">Terms</a>
|
|
<a href="#" class="text-sm text-gray-600 hover:text-gray-900">Privacy</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|