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

export default function AboutPage() {
  return (
    <main class="page marketing-page">
      <section class="card glass-dark">
        <p class="eyebrow">Brand Story</p>
        <h1 class="title light">Trust-first hiring and services.</h1>
        <p class="subtitle light">
          Nxtgauge is built to reduce noise, improve quality, and help people connect with confidence.
        </p>
        <div class="actions">
          <A class="btn primary" href="/contact">Contact us</A>
          <A class="btn ghost-dark" href="/">Back Home</A>
        </div>
      </section>

      <section class="grid" style={{ 'margin-top': '14px' }}>
        <article class="card glass-light">
          <h3>Our Manifesto</h3>
          <ul>
            <li>Verify what matters</li>
            <li>Reduce spam and guesswork</li>
            <li>Match people faster</li>
          </ul>
        </article>
        <article class="card glass-light">
          <h3>How trust works</h3>
          <p>Submission → Human review → Approval → Marketplace visibility.</p>
        </article>
      </section>
    </main>
  );
}