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

December 17th,2025 V.23

Browse Source
This commit is contained in:
Flatlogic Bot 2025-12-17 23:35:01 +00:00
parent f6edab8bdc
commit 87ba3a017b
8 changed files with 206 additions and 203 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
features.php
View File

@ -1,92 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Features - 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; }
</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="product.php">Product</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-7xl mx-auto px-6 py-16">
<div class="text-center">
<h1 class="text-4xl md:text-5xl font-extrabold leading-tight">Core Features</h1>
<p class="mt-4 max-w-3xl mx-auto text-lg text-gray-600">Explore the powerful, AI-driven features that make FinMox the ultimate HR automation system for growing teams.</p>
</div>
<div class="mt-20 space-y-16">
<!-- Feature 1: AI-Powered Candidate Ranking -->
<section class="flex flex-col md:flex-row items-center gap-12">
<div class="md:w-1/2">
<h2 class="text-3xl font-bold">AI-Powered Candidate Ranking</h2>
<p class="mt-4 text-gray-600">Stop wasting hours on manual resume reviews. Our AI engine instantly parses, analyzes, and scores every candidate based on your unique job requirements. It identifies top talent by evaluating skills, experience, and overall fit, so your team can focus on the most promising applicants.</p>
</div>
<div class="md:w-1/2">
<img src="/assets/pasted-20251217-044254-e0e9d497.webp" alt="Illustration of AI ranking candidates" class="rounded-xl shadow-lg w-full">
</div>
</section>
<!-- Feature 2: Interview Automation -->
<section class="flex flex-col md:flex-row-reverse items-center gap-12">
<div class="md:w-1/2">
<h2 class="text-3xl font-bold">End-to-End Interview Automation</h2>
<p class="mt-4 text-gray-600">Streamline your entire interview process. FinMox generates role-specific interview questions, provides AI-powered summaries of interview recordings, and delivers data-driven recommendations. This ensures a consistent and effective evaluation process for every candidate.</p>
</div>
<div class="md:w-1/2">
<img src="/assets/pasted-20251217-045121-823e6258.png" alt="Illustration of interview automation" class="rounded-xl shadow-lg w-full">
</div>
</section>
<!-- Feature 3: Offer & Onboarding Automation -->
<section class="flex flex-col md:flex-row items-center gap-12">
<div class="md:w-1/2">
<h2 class="text-3xl font-bold">Offer & Onboarding Automation</h2>
<p class="mt-4 text-gray-600">Move faster when you find the right person. Draft professional offer letters in minutes and automatically generate comprehensive first-week onboarding plans. FinMox helps you create a seamless transition from candidate to employee, improving the new-hire experience.</p>
</div>
<div class="md:w-1/2">
<img src="/assets/pasted-20251217-045457-feb98286.png" alt="Illustration of offer and onboarding automation" class="rounded-xl shadow-lg w-full">
</div>
</section>
<!-- Feature 4: Human-in-the-Loop Control -->
<section class="flex flex-col md:flex-row-reverse items-center gap-12">
<div class="md:w-1/2">
<h2 class="text-3xl font-bold">Human-in-the-Loop Control</h2>
<p class="mt-4 text-gray-600">Automation doesn't mean losing control. FinMox is designed to be your co-pilot. You review the AI's recommendations, approve shortlists, and make the final hiring decisions. We handle the repetitive work, giving you more time to focus on strategic tasks.</p>
</div>
<div class="md:w-1/2">
<img src="/assets/pasted-20251217-043322-a3b56103.png" alt="Illustration of human-in-the-loop control" class="rounded-xl shadow-lg w-full">
</div>
</section>
</div>
</main>
<!-- FOOTER -->
<footer class="max-w-7xl mx-auto px-6 py-12 text-center text-gray-500 text-sm">
&copy; 2025 FinMox. All rights reserved.
</footer>
</body>
</html>

99
how_it_works.php Normal file
View File

@ -0,0 +1,99 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>How It Works - 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; }
</style>
</head>
<body class="bg-white text-gray-900">
<!-- HEADER -->
<header class="max-w-7xl mx-auto px-6 py-5 flex items-center justify-between text-sm">
<div class="font-bold text-xl">FinMox</div>
<nav class="hidden md:flex gap-8">
<a href="index.php" class="text-gray-600 hover:text-black">Home</a>
<a href="problem.php" class="text-gray-600 hover:text-black">Problem</a>
<a href="product.php" class="text-gray-600 hover:text-black">Why FinMox</a>
<a href="how_it_works.php" class="text-black font-semibold">How It Works</a>
<a href="roi.php" class="text-gray-600 hover:text-black">ROI</a>
<a href="pricing.php" class="text-gray-600 hover:text-black">Pricing</a>
</nav>
<div class="flex items-center gap-4">
<a href="login.php" class="text-gray-600 hover:text-black">Sign In</a>
<a href="apply.php" class="bg-black text-white px-5 py-2.5 rounded-lg">Apply for Access</a>
</div>
</header>
<!-- CONTENT -->
<main class="max-w-4xl mx-auto px-6 py-16 text-center">
<h1 class="text-5xl font-extrabold mb-4">How It Works</h1>
<p class="text-xl text-gray-600 mb-12">Three steps from job creation to hiring-ready outputs.</p>
<div class="grid md:grid-cols-3 gap-8 text-left mb-20">
<div class="bg-gray-50 p-8 rounded-lg">
<div class="text-3xl mb-4">1️⃣</div>
<h3 class="font-bold text-lg mb-2">Create a Job</h3>
<p class="text-gray-600">Input your role, requirements, and hiring criteria.</p>
</div>
<div class="bg-gray-50 p-8 rounded-lg">
<div class="text-3xl mb-4">2️⃣</div>
<h3 class="font-bold text-lg mb-2">Upload Candidates</h3>
<p class="text-gray-600">Upload resumes individually or in bulk.</p>
</div>
<div class="bg-gray-50 p-8 rounded-lg">
<div class="text-3xl mb-4">3️⃣</div>
<h3 class="font-bold text-lg mb-2">Get Hiring‑Ready Outputs</h3>
<p class="text-gray-600">Rankings, interview materials, and offer documents generated automatically.</p>
</div>
</div>
<div class="grid md:grid-cols-2 gap-12 text-left mb-20">
<div>
<h3 class="font-bold text-2xl mb-6">What You Get</h3>
<ul class="space-y-4">
<li class="flex items-start"><span class="text-2xl mr-3">🔹</span><span>AI‑Powered Candidate Ranking</span></li>
<li class="flex items-start"><span class="text-2xl mr-3">🔹</span><span>Interview Automation</span></li>
<li class="flex items-start"><span class="text-2xl mr-3">🔹</span><span>Offer & Onboarding Automation</span></li>
<li class="flex items-start"><span class="text-2xl mr-3">🔹</span><span>Human‑in‑the‑Loop Control</span></li>
</ul>
</div>
<div>
<h3 class="font-bold text-2xl mb-6">Who It’s For</h3>
<ul class="space-y-4">
<li class="flex items-start"><span class="text-2xl mr-3">✔️</span><span>Hire 1–10 roles/month</span></li>
<li class="flex items-start"><span class="text-2xl mr-3">✔️</span><span>50–300 candidates/role</span></li>
<li class="flex items-start"><span class="text-2xl mr-3">✔️</span><span>1–5 hiring stakeholders</span></li>
<li class="flex items-start"><span class="text-2xl mr-3">✔️</span><span>Faster decisions without headcount</span></li>
</ul>
<p class="text-gray-500 mt-6 text-sm">Not designed for enterprise-scale recruiting (yet).</p>
</div>
</div>
<a href="roi.php" class="text-blue-600 font-semibold hover:underline">See ROI →</a>
</main>
<!-- FOOTER -->
<footer class="max-w-7xl mx-auto px-6 py-12 text-gray-500 text-sm text-center border-t">
<div class="flex justify-center gap-6 mb-6">
<a href="apply.php" class="text-gray-600 hover:text-black">Apply</a>
<a href="login.php" class="text-gray-600 hover:text-black">Sign In</a>
</div>
<p class="mb-4">FinMox © 2025</p>
<div class="flex justify-center gap-6 mb-4">
<a href="#" class="hover:text-black">Security & Privacy</a>
</div>
<div class="space-y-2">
<p>Human‑reviewed outputs</p>
<p>No automated hiring decisions</p>
<p>Built for intentional hiring</p>
</div>
</footer>
</body>
</html>

7
index.php
View File

@ -17,11 +17,12 @@
<header class="max-w-7xl mx-auto px-6 py-5 flex items-center justify-between text-sm">
<div class="font-bold text-xl">FinMox</div>
<nav class="hidden md:flex gap-8">
<a href="index.php" class="text-gray-600 hover:text-black font-semibold">Home</a>
<a href="problem.php" class="text-gray-600 hover:text-black">Problem</a>
<a href="product.php" class="text-gray-600 hover:text-black">Why FinMox</a>
<a href="#how" class="text-gray-600 hover:text-black">How It Works</a>
<a href="#roi" class="text-gray-600 hover:text-black">ROI</a>
<a href="#pricing" class="text-gray-600 hover:text-black">Pricing</a>
<a href="how_it_works.php" class="text-gray-600 hover:text-black">How It Works</a>
<a href="roi.php" class="text-gray-600 hover:text-black">ROI</a>
<a href="pricing.php" class="text-gray-600 hover:text-black">Pricing</a>
</nav>
<div class="flex items-center gap-4">
<a href="login.php" class="text-gray-600 hover:text-black">Sign In</a>

11
pricing.php
View File

@ -16,11 +16,12 @@
<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="product.php">Product</a>
<a href="services.php">Services</a>
<a href="features.php">Features</a>
<a href="pricing.php">Pricing</a>
<a href="index.php" class="text-gray-600 hover:text-black">Home</a>
<a href="problem.php" class="text-gray-600 hover:text-black">Problem</a>
<a href="product.php" class="text-gray-600 hover:text-black">Why FinMox</a>
<a href="how_it_works.php" class="text-gray-600 hover:text-black">How It Works</a>
<a href="roi.php" class="text-gray-600 hover:text-black">ROI</a>
<a href="pricing.php" class="text-gray-600 hover:text-black font-semibold">Pricing</a>
</nav>
<div class="flex gap-3">
<a href="login..php" class="text-sm flex items-center">Sign In</a>

7
problem.php
View File

@ -19,10 +19,11 @@
<header class="max-w-7xl mx-auto px-6 py-5 flex items-center justify-between text-sm">
<div class="font-bold text-xl">FinMox</div>
<nav class="hidden md:flex gap-8">
<a href="problem.php" class="text-black font-semibold">Problem</a>
<a href="index.php" class="text-gray-600 hover:text-black">Home</a>
<a href="problem.php" class="text-gray-600 hover:text-black font-semibold">Problem</a>
<a href="product.php" class="text-gray-600 hover:text-black">Why FinMox</a>
<a href="#how" class="text-gray-600 hover:text-black">How It Works</a>
<a href="#roi" class="text-gray-600 hover:text-black">ROI</a>
<a href="how_it_works.php" class="text-gray-600 hover:text-black">How It Works</a>
<a href="roi.php" class="text-gray-600 hover:text-black">ROI</a>
<a href="pricing.php" class="text-gray-600 hover:text-black">Pricing</a>
</nav>
<div class="flex items-center gap-4">

12
product.php
View File

@ -21,12 +21,12 @@
<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="index.php" class="text-gray-600 hover:text-black">Home</a>
<a href="problem.php" class="text-gray-600 hover:text-black">Problem</a>
<a href="product.php" class="text-indigo-600 font-semibold">Why FinMox</a>
<a href="services.php">Services</a>
<a href="features.php">Features</a>
<a href="pricing.php">Pricing</a>
<a href="how_it_works.php" class="text-gray-600 hover:text-black">How It Works</a>
<a href="roi.php" class="text-gray-600 hover:text-black">ROI</a>
<a href="pricing.php" class="text-gray-600 hover:text-black">Pricing</a>
</nav>
<div class="flex gap-3">
<a href="login.php" class="text-sm flex items-center">Sign In</a>
@ -103,7 +103,7 @@
</div>
</div>
<a href="features.php" class="mt-16 inline-block bg-indigo-600 text-white text-sm px-8 py-3 rounded-lg font-semibold hover:bg-indigo-700 transition">See How It Works →</a>
<a href="how_it_works.php" class="mt-16 inline-block bg-indigo-600 text-white text-sm px-8 py-3 rounded-lg font-semibold hover:bg-indigo-700 transition">See How It Works →</a>
</section>
</main>

87
roi.php Normal file
View File

@ -0,0 +1,87 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ROI - 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; }
</style>
</head>
<body class="bg-white text-gray-900">
<!-- HEADER -->
<header class="max-w-7xl mx-auto px-6 py-5 flex items-center justify-between text-sm">
<div class="font-bold text-xl">FinMox</div>
<nav class="hidden md:flex gap-8">
<a href="index.php" class="text-gray-600 hover:text-black">Home</a>
<a href="problem.php" class="text-gray-600 hover:text-black">Problem</a>
<a href="product.php" class="text-gray-600 hover:text-black">Why FinMox</a>
<a href="how_it_works.php" class="text-gray-600 hover:text-black">How It Works</a>
<a href="roi.php" class="text-black font-semibold">ROI</a>
<a href="pricing.php" class="text-gray-600 hover:text-black">Pricing</a>
</nav>
<div class="flex items-center gap-4">
<a href="login.php" class="text-gray-600 hover:text-black">Sign In</a>
<a href="apply.php" class="bg-black text-white px-5 py-2.5 rounded-lg">Apply for Access</a>
</div>
</header>
<!-- CONTENT -->
<main class="max-w-4xl mx-auto px-6 py-20 text-center">
<h1 class="text-lg font-semibold text-indigo-600">ROI</h1>
<p class="mt-2 text-3xl md:text-4xl font-extrabold tracking-tight">Most teams save 20–40 hours per role and reduce time-to-hire dramatically.</p>
<div class="mt-12 grid grid-cols-1 md:grid-cols-3 gap-8 text-center">
<div>
<h2 class="text-4xl font-bold">30–40</h2>
<p class="mt-2 text-sm text-gray-600">Hours Saved / Role</p>
</div>
<div>
<h2 class="text-4xl font-bold">60–80%</h2>
<p class="mt-2 text-sm text-gray-600">Time‑to‑Hire Reduction</p>
</div>
<div>
<h2 class="text-4xl font-bold">1 Analyst</h2>
<p class="mt-2 text-sm text-gray-600">Feels Like Adding</p>
</div>
</div>
<div class="mt-20 max-w-2xl mx-auto">
<p class="text-xl font-semibold">The real win</p>
<p class="mt-4 text-lg text-gray-700">Faster hiring decisions with clearer evidence — rankings, interview summaries, and standardized outputs your team can trust.</p>
</div>
<div class="mt-16 text-sm text-gray-600">
<p class="font-semibold">Compliance-safe by design</p>
<ul class="mt-4 space-y-2 inline-block text-left">
<li>• Human-reviewed outputs</li>
<li>• No automated hiring decisions</li>
<li>• Designed with privacy and compliance in mind</li>
</ul>
</div>
<div class="mt-20">
<a href="pricing.php" class="bg-indigo-600 text-white px-8 py-3 rounded-lg font-semibold hover:bg-indigo-700">View Pricing →</a>
</div>
</main>
<!-- FOOTER -->
<footer class="max-w-7xl mx-auto px-6 py-12 text-sm text-gray-500 flex justify-between items-center">
<div>
<span>FinMox © 2025</span>
<a href="#" class="ml-4 hover:text-black">Security & Privacy</a>
</div>
<div class="flex gap-4 items-center">
<span>Human‑reviewed outputs</span>
<span>No automated hiring decisions</span>
<span>Built for intentional hiring</span>
<a href="apply.php" class="font-semibold hover:text-black">Apply</a>
<a href="login.php" class="font-semibold hover:text-black">Sign In</a>
</div>
</footer>
</body>
</html>

94
services.php
View File

@ -1,94 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Services - 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; }
</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="product.php">Product</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-7xl mx-auto px-6 py-16">
<div class="text-center">
<h1 class="text-4xl md:text-5xl font-extrabold leading-tight">What You Get with FinMox</h1>
<p class="mt-4 max-w-3xl mx-auto text-lg text-gray-600">Our services are designed to eliminate the repetitive, time-consuming tasks that slow down your hiring process, so you can focus on what matters: making great hires.</p>
</div>
<section class="mt-20 grid md:grid-cols-2 gap-12 items-center">
<div class="space-y-8">
<div>
<h3 class="text-2xl font-bold">🔹 AI-Powered Candidate Ranking</h3>
<p class="mt-2 text-gray-600">Every candidate is automatically scored and ranked based on skills, experience, and custom role-fit criteria, bringing the best matches to the top.</p>
</div>
<div>
<h3 class="text-2xl font-bold">🔹 Interview Automation</h3>
<p class="mt-2 text-gray-600">From generating role-specific interview questions to providing concise summaries and recommendations, we automate the entire interview cycle.</p>
</div>
<div>
<h3 class="text-2xl font-bold">🔹 Offer & Onboarding Automation</h3>
<p class="mt-2 text-gray-600">Generate ready-to-send offer letters and create structured first-week onboarding plans to ensure a smooth transition for new hires.</p>
</div>
<div>
<h3 class="text-2xl font-bold">🔹 Human-in-the-Loop Control</h3>
<p class="mt-2 text-gray-600">You remain in full control. FinMox handles the busy work, while you review, approve, and make the final decisions.</p>
</div>
</div>
<div class="hidden md:block">
<img src="/assets/pasted-20251217-044056-9b8276fd.webp" alt="Abstract illustration of automated workflow" class="rounded-xl shadow-lg">
</div>
</section>
<section class="mt-24 bg-white p-12 rounded-2xl shadow-md">
<div class="text-center">
<h2 class="text-3xl font-bold">Who Is FinMox For?</h2>
<p class="mt-3 max-w-2xl mx-auto text-gray-600">FinMox HR is the perfect solution for lean and growing teams that want to hire faster and smarter.</p>
</div>
<div class="mt-10 grid md:grid-cols-2 lg:grid-cols-3 gap-8 text-center">
<div>
<h4 class="text-xl font-semibold">Hire 1–10 Roles/Month</h4>
<p class="mt-1 text-gray-600">Ideal for companies with a steady but manageable hiring volume.</p>
</div>
<div>
<h4 class="text-xl font-semibold">Review 50–300 Candidates</h4>
<p class="mt-1 text-gray-600">Perfect for roles where you receive a significant number of applications.</p>
</div>
<div>
<h4 class="text-xl font-semibold">1–5 People in Hiring</h4>
<p class="mt-1 text-gray-600">Designed for small hiring teams who need to maximize their efficiency.</p>
</div>
<div class="lg:col-span-3 md:col-span-2 mt-4">
<h4 class="text-xl font-semibold">Want Faster Decisions</h4>
<p class="mt-1 text-gray-600">Built for those who want to accelerate the decision-making process without sacrificing quality.</p>
</div>
</div>
</section>
</main>
<!-- FOOTER -->
<footer class="max-w-7xl mx-auto px-6 py-12 text-center text-gray-500 text-sm">
&copy; 2025 FinMox. All rights reserved.
</footer>
</body>
</html>