import { A } from '@solidjs/router';

export default function AboutPage() {
  return (
    <main class="page">
      <p class="eyebrow">About NXTGAUGE</p>
      <h1 class="title">Trust-First Marketplace and Hiring Platform</h1>
      <p class="subtitle">
        NXTGAUGE helps customers, professionals, companies, and jobseekers connect through role-specific onboarding,
        verification checks, and runtime-configured workflows.
      </p>

      <section class="card" style={{ 'margin-top': '16px' }}>
        <h3>What We Focus On</h3>
        <p class="subtitle">Role separation, verified identities, and city-by-city controlled launch quality.</p>
        <ul>
          <li>Customer intent-first onboarding for service requests</li>
          <li>Professional onboarding with portfolio and verification</li>
          <li>Company onboarding with business compliance checks</li>
          <li>Jobseeker onboarding with profile and document validation</li>
        </ul>
      </section>

      <div class="actions">
        <A class="btn primary" href="/onboarding?schemaId=customer_onboarding_v1">Start As Customer</A>
        <A class="btn" href="/contact">Contact Us</A>
      </div>
    </main>
  );
}