12/19/25 V.2

index.php

@@ -26,7 +26,7 @@
     </div>
 
     <!-- Desktop nav -->
-    <nav class="hidden lg:flex items-center gap-7 text-sm">
+    <nav class="hidden lg:flex items-center gap-x-4 text-sm whitespace-nowrap">
       <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>
@@ -38,7 +38,7 @@
       <a class="navlink" href="#faq" onclick="openPage('faq'); return false;">FAQ</a>
     </nav>
 
-    <div class="flex items-center gap-2">
+    <div class="flex items-center gap-4">
       <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>
 
@@ -161,6 +161,97 @@
       <?php endif; ?>
     </div>
   </section>
+<section id="page-problem" class="page hidden fade">
+    <div class="panel-strong p-8 lg:p-12 max-w-4xl mx-auto">
+      <h2 class="text-3xl font-bold tracking-tight">The Problem</h2>
+      <p class="mt-4 text-gray-700">Companies struggle to maintain consistency and compliance in their hiring processes, leading to increased risk and slower decision-making. Existing tools often add complexity without solving the core issue of execution control.</p>
+    </div>
+  </section>
+
+  <section id="page-why" class="page hidden fade">
+    <div class="panel-strong p-8 lg:p-12 max-w-4xl mx-auto">
+      <h2 class="text-3xl font-bold tracking-tight">Why FinMox</h2>
+      <p class="mt-4 text-gray-700">FinMox provides a centralized, intelligent system to enforce HR policies and streamline execution. By sitting on top of your existing stack, we offer control and visibility without requiring a complete overhaul of your tools and processes.</p>
+    </div>
+  </section>
+
+  <section id="page-how" class="page hidden fade">
+    <div class="panel-strong p-8 lg:p-12 max-w-4xl mx-auto">
+      <h2 class="text-3xl font-bold tracking-tight">How It Works</h2>
+      <p class="mt-4 text-gray-700">Define your HR and compliance workflows in FinMox. Our system then guides your team through every step, from candidate evaluation to onboarding, ensuring that every action is logged and compliant. AI agents assist with tasks and provide insights, reducing manual work and preventing errors.</p>
+    </div>
+  </section>
+
+  <section id="page-roi" class="page hidden fade">
+    <div class="panel-strong p-8 lg:p-12 max-w-4xl mx-auto">
+      <h2 class="text-3xl font-bold tracking-tight">ROI</h2>
+      <p class="mt-4 text-gray-700">With FinMox, you can expect a significant return on investment through reduced hiring errors, lower compliance risk, and faster time-to-hire. Our streamlined processes free up your HR team to focus on strategic initiatives rather than manual enforcement.</p>
+    </div>
+  </section>
+
+  <section id="page-pricing" class="page hidden fade">
+    <div class="panel-strong p-8 lg:p-12 max-w-4xl mx-auto">
+      <h2 class="text-3xl font-bold tracking-tight">Pricing</h2>
+      <p class="mt-4 text-gray-700">We offer flexible pricing plans tailored to the size and needs of your organization. Contact us for a custom quote and to learn about our founding partner discounts.</p>
+    </div>
+  </section>
+
+  <section id="page-who" class="page hidden fade">
+    <div class="panel-strong p-8 lg:p-12 max-w-4xl mx-auto">
+      <h2 class="text-3xl font-bold tracking-tight">Who It’s For</h2>
+      <p class="mt-4 text-gray-700">FinMox is designed for growth-stage companies that need to scale their HR processes efficiently and compliantly. It's ideal for organizations with multiple stakeholders involved in the hiring process.</p>
+    </div>
+  </section>
+
+  <section id="page-trust" class="page hidden fade">
+    <div class="panel-strong p-8 lg:p-12 max-w-4xl mx-auto">
+      <h2 class="text-3xl font-bold tracking-tight">Security & Trust</h2>
+      <p class="mt-4 text-gray-700">We take data security seriously. FinMox is built with enterprise-grade security features to protect your sensitive HR data. Our platform ensures that all actions are auditable, providing a clear record of compliance.</p>
+    </div>
+  </section>
+
+  <section id="page-faq" class="page hidden fade">
+    <div class="panel-strong p-8 lg:p-12 max-w-4xl mx-auto">
+      <h2 class="text-3xl font-bold tracking-tight">FAQ</h2>
+      <div class="mt-6 space-y-4">
+        <div>
+          <h3 class="font-semibold">Does FinMox replace my existing ATS?</h3>
+          <p class="text-gray-700">No, FinMox integrates with and sits on top of your existing Applicant Tracking System (ATS), enhancing its capabilities without requiring replacement.</p>
+        </div>
+        <div>
+          <h3 class="font-semibold">How long does it take to implement?</h3>
+          <p class="text-gray-700">Implementation is fast and straightforward. Our team will work with you to get you up and running in a matter of days, not months.</p>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section id="page-roadmap" class="page hidden fade">
+    <div class="panel-strong p-8 lg:p-12 max-w-4xl mx-auto">
+      <h2 class="text-3xl font-bold tracking-tight">Roadmap</h2>
+      <p class="mt-4 text-gray-700">Our product roadmap includes deeper integrations with popular HR tools, advanced AI-powered analytics, and customizable compliance modules to adapt to changing regulations.</p>
+    </div>
+  </section>
+
+  <section id="page-signin" class="page hidden fade">
+    <div class="panel-strong p-8 lg:p-12 max-w-2xl mx-auto">
+      <h2 class="text-2xl font-bold tracking-tight">Sign In to FinMox</h2>
+      <p class="mt-3 text-gray-600">Access to the FinMox platform is currently limited to founding partners. Please sign in below.</p>
+      <form class="mt-6 grid gap-y-6">
+          <div>
+              <label for="signin-email" class="block text-sm font-medium text-gray-800">Work Email</label>
+              <input type="email" name="email" id="signin-email" required class="mt-2 block w-full chip px-4 py-3 text-base" placeholder="you@company.com">
+          </div>
+           <div>
+              <label for="signin-password" class="block text-sm font-medium text-gray-800">Password</label>
+              <input type="password" name="password" id="signin-password" required class="mt-2 block w-full chip px-4 py-3 text-base" placeholder="••••••••">
+          </div>
+          <div>
+              <button type="submit" class="w-full bg-black text-white px-5 py-3 rounded-2xl text-sm font-semibold hoverlift">Sign In</button>
+          </div>
+      </form>
+    </div>
+  </section>
   
   <?php
     // This will run the migration on the first visit