import type { Metadata } from 'next';
import { Navbar, PageHero, HowItWorks, Faq, CtaBand, Footer } from '@/components/landing';

export const metadata: Metadata = { title: 'How it works — Qtrial', description: 'Go live with Qtrial in four steps: tenant, import, run, prove compliance.' };

export default function HowItWorksPage() {
  return (
    <div>
      <a href="#page-main" className="skip-link">Skip to content</a>
      <Navbar />
      <main id="page-main" tabIndex={-1} className="outline-none">
        <PageHero kicker="Onboarding" title="Live in four steps"
          sub="From first call to inspection-ready: most organisations run their first audit cycle within two weeks." />
        <HowItWorks />
        <Faq />
        <CtaBand />
      </main>
      <Footer />
    </div>
  );
}