December 17th,2025 V.13
This commit is contained in:
Flatlogic Bot
parent
3bbbd2bec9
commit
510bad640b
62
features.php
62
features.php
@ -1,4 +1,3 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
@ -11,7 +10,7 @@
|
||||
body { font-family: 'Inter', sans-serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-white text-gray-900">
|
||||
<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">
|
||||
@ -30,10 +29,59 @@
|
||||
</header>
|
||||
|
||||
<!-- CONTENT -->
|
||||
<section class="max-w-7xl mx-auto px-6 py-24 text-center">
|
||||
<h1 class="text-4xl md:text-6xl font-extrabold leading-tight">Features</h1>
|
||||
<p class="mt-6 max-w-2xl mx-auto text-gray-600">This is the Features page. Content will be added soon.</p>
|
||||
</section>
|
||||
<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">
|
||||
@ -41,4 +89,4 @@
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
63
pricing.php
63
pricing.php
@ -1,4 +1,3 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
@ -11,7 +10,7 @@
|
||||
body { font-family: 'Inter', sans-serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-white text-gray-900">
|
||||
<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">
|
||||
@ -24,16 +23,64 @@
|
||||
<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="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 -->
|
||||
<section class="max-w-7xl mx-auto px-6 py-24 text-center">
|
||||
<h1 class="text-4xl md:text-6xl font-extrabold leading-tight">Pricing</h1>
|
||||
<p class="mt-6 max-w-2xl mx-auto text-gray-600">This is the Pricing page. Content will be added soon.</p>
|
||||
</section>
|
||||
<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">Simple, Transparent Pricing</h1>
|
||||
<p class="mt-4 max-w-2xl mx-auto text-lg text-gray-600">Choose the plan that fits your hiring needs. All plans come with powerful automation to help you hire faster and smarter.</p>
|
||||
</div>
|
||||
|
||||
<div class="mt-16 grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<!-- Plan 1: Starter -->
|
||||
<div class="bg-white border border-gray-200 rounded-xl shadow-lg p-8 flex flex-col">
|
||||
<h3 class="text-2xl font-semibold">Starter</h3>
|
||||
<p class="mt-2 text-gray-600">For small teams getting started with hiring automation.</p>
|
||||
<div class="mt-6 text-4xl font-bold">$99<span class="text-lg font-medium text-gray-500">/mo</span></div>
|
||||
<ul class="mt-8 space-y-4 text-gray-700 flex-grow">
|
||||
<li class="flex items-center gap-3"><span class="text-green-500">✔</span>Up to 5 active roles</li>
|
||||
<li class="flex items-center gap-3"><span class="text-green-500">✔</span>AI Resume Parsing & Ranking</li>
|
||||
<li class="flex items-center gap-3"><span class="text-green-500">✔</span>Candidate Shortlisting</li>
|
||||
<li class="flex items-center gap-3"><span class="text-green-500">✔</span>Basic Interview Support</li>
|
||||
</ul>
|
||||
<a href="register.php" class="mt-8 bg-gray-200 text-gray-800 text-center font-semibold py-3 rounded-lg hover:bg-gray-300 transition">Get Started</a>
|
||||
</div>
|
||||
|
||||
<!-- Plan 2: Growth -->
|
||||
<div class="bg-black text-white rounded-xl shadow-2xl p-8 flex flex-col ring-2 ring-purple-500">
|
||||
<h3 class="text-2xl font-semibold">Growth</h3>
|
||||
<p class="mt-2 text-gray-300">For growing businesses that need to scale their hiring process.</p>
|
||||
<div class="mt-6 text-4xl font-bold">$249<span class="text-lg font-medium text-gray-400">/mo</span></div>
|
||||
<ul class="mt-8 space-y-4 text-gray-200 flex-grow">
|
||||
<li class="flex items-center gap-3"><span class="text-purple-400">✔</span>Up to 15 active roles</li>
|
||||
<li class="flex items-center gap-3"><span class="text-purple-400">✔</span>Everything in Starter, plus:</li>
|
||||
<li class="flex items-center gap-3"><span class="text-purple-400">✔</span>Interview Question Generation</li>
|
||||
<li class="flex items-center gap-3"><span class="text-purple-400">✔</span>AI Interview Summaries</li>
|
||||
<li class="flex items-center gap-3"><span class="text-purple-400">✔</span>Offer Letter Drafting</li>
|
||||
</ul>
|
||||
<a href="register.php" class="mt-8 bg-purple-600 text-white text-center font-semibold py-3 rounded-lg hover:bg-purple-700 transition">Choose Growth</a>
|
||||
</div>
|
||||
|
||||
<!-- Plan 3: Enterprise -->
|
||||
<div class="bg-white border border-gray-200 rounded-xl shadow-lg p-8 flex flex-col">
|
||||
<h3 class="text-2xl font-semibold">Enterprise</h3>
|
||||
<p class="mt-2 text-gray-600">For large organizations with custom security and support needs.</p>
|
||||
<div class="mt-6 text-4xl font-bold">Custom</div>
|
||||
<ul class="mt-8 space-y-4 text-gray-700 flex-grow">
|
||||
<li class="flex items-center gap-3"><span class="text-green-500">✔</span>Unlimited active roles</li>
|
||||
<li class="flex items-center gap-3"><span class="text-green-500">✔</span>Everything in Growth, plus:</li>
|
||||
<li class="flex items-center gap-3"><span class="text-green-500">✔</span>Full Onboarding Automation</li>
|
||||
<li class="flex items-center gap-3"><span class="text-green-500">✔</span>Custom Integrations</li>
|
||||
<li class="flex items-center gap-3"><span class="text-green-500">✔</span>Dedicated Support</li>
|
||||
</ul>
|
||||
<a href="#" class="mt-8 bg-gray-800 text-white text-center font-semibold py-3 rounded-lg hover:bg-black transition">Contact Sales</a>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer class="max-w-7xl mx-auto px-6 py-12 text-center text-gray-500 text-sm">
|
||||
@ -41,4 +88,4 @@
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
71
product.php
71
product.php
@ -1,4 +1,3 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
@ -11,7 +10,7 @@
|
||||
body { font-family: 'Inter', sans-serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-white text-gray-900">
|
||||
<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">
|
||||
@ -30,10 +29,68 @@
|
||||
</header>
|
||||
|
||||
<!-- CONTENT -->
|
||||
<section class="max-w-7xl mx-auto px-6 py-24 text-center">
|
||||
<h1 class="text-4xl md:text-6xl font-extrabold leading-tight">Product</h1>
|
||||
<p class="mt-6 max-w-2xl mx-auto text-gray-600">This is the Product page. Content will be added soon.</p>
|
||||
</section>
|
||||
<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">The FinMox Difference</h1>
|
||||
<p class="mt-4 max-w-3xl mx-auto text-lg text-gray-600">FinMox is not another ATS. It’s an HR Automation System that runs your hiring workflows for you, turning manual chores into automated outputs.</p>
|
||||
</div>
|
||||
|
||||
<section class="mt-20">
|
||||
<h2 class="text-3xl font-bold text-center">What FinMox Automates</h2>
|
||||
<div class="mt-10 grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<div class="bg-white p-8 rounded-xl shadow-sm">
|
||||
<h3 class="text-xl font-semibold">Resume Parsing & Ranking</h3>
|
||||
<p class="mt-2 text-gray-600">Automatically extract and score candidate details from resumes based on your criteria.</p>
|
||||
</div>
|
||||
<div class="bg-white p-8 rounded-xl shadow-sm">
|
||||
<h3 class="text-xl font-semibold">Candidate Shortlisting</h3>
|
||||
<p class="mt-2 text-gray-600">Get a ranked list of top candidates without manually reviewing every application.</p>
|
||||
</div>
|
||||
<div class="bg-white p-8 rounded-xl shadow-sm">
|
||||
<h3 class="text-xl font-semibold">Interview Question Generation</h3>
|
||||
<p class="mt-2 text-gray-600">Create role-specific, insightful questions to drive effective interviews.</p>
|
||||
</div>
|
||||
<div class="bg-white p-8 rounded-xl shadow-sm">
|
||||
<h3 class="text-xl font-semibold">Interview Summaries</h3>
|
||||
<p class="mt-2 text-gray-600">Receive AI-generated summaries and recommendations after each interview.</p>
|
||||
</div>
|
||||
<div class="bg-white p-8 rounded-xl shadow-sm">
|
||||
<h3 class="text-xl font-semibold">Offer Letter Drafting</h3>
|
||||
<p class="mt-2 text-gray-600">Generate professional, ready-to-send offer letters in minutes.</p>
|
||||
</div>
|
||||
<div class="bg-white p-8 rounded-xl shadow-sm">
|
||||
<h3 class="text-xl font-semibold">Onboarding Preparation</h3>
|
||||
<p class="mt-2 text-gray-600">Automate the creation of first-week plans and onboarding materials.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="mt-24 text-center">
|
||||
<h2 class="text-3xl font-bold">How It Works in 3 Simple Steps</h2>
|
||||
<div class="mt-12 flex flex-col md:flex-row justify-center items-center gap-12 md:gap-8">
|
||||
<!-- Step 1 -->
|
||||
<div class="flex-1 max-w-sm">
|
||||
<div class="bg-black text-white w-12 h-12 rounded-full flex items-center justify-center text-xl font-bold mx-auto">1</div>
|
||||
<h3 class="mt-5 text-xl font-semibold">Create a Job</h3>
|
||||
<p class="mt-2 text-gray-600">Input your role, requirements, and hiring criteria to define what you're looking for.</p>
|
||||
</div>
|
||||
|
||||
<!-- Step 2 -->
|
||||
<div class="flex-1 max-w-sm">
|
||||
<div class="bg-black text-white w-12 h-12 rounded-full flex items-center justify-center text-xl font-bold mx-auto">2</div>
|
||||
<h3 class="mt-5 text-xl font-semibold">Upload Candidates</h3>
|
||||
<p class="mt-2 text-gray-600">Upload resumes individually or in bulk to feed candidates into the system.</p>
|
||||
</div>
|
||||
|
||||
<!-- Step 3 -->
|
||||
<div class="flex-1 max-w-sm">
|
||||
<div class="bg-black text-white w-12 h-12 rounded-full flex items-center justify-center text-xl font-bold mx-auto">3</div>
|
||||
<h3 class="mt-5 text-xl font-semibold">Get Hiring-Ready Outputs</h3>
|
||||
<p class="mt-2 text-gray-600">FinMox delivers ranked candidates, interview materials, and offer documents automatically.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer class="max-w-7xl mx-auto px-6 py-12 text-center text-gray-500 text-sm">
|
||||
@ -41,4 +98,4 @@
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
64
services.php
64
services.php
@ -1,4 +1,3 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
@ -11,7 +10,7 @@
|
||||
body { font-family: 'Inter', sans-serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-white text-gray-900">
|
||||
<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">
|
||||
@ -30,10 +29,61 @@
|
||||
</header>
|
||||
|
||||
<!-- CONTENT -->
|
||||
<section class="max-w-7xl mx-auto px-6 py-24 text-center">
|
||||
<h1 class="text-4xl md:text-6xl font-extrabold leading-tight">Services</h1>
|
||||
<p class="mt-6 max-w-2xl mx-auto text-gray-600">This is the Services page. Content will be added soon.</p>
|
||||
</section>
|
||||
<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">
|
||||
@ -41,4 +91,4 @@
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user