import { getProfile } from "../data.ts";
import { PageNav } from "./page-nav.tsx";

export function ServicesContent() {
  return (
    <main class="blog-content services-content">
      <h1>Services</h1>
      <p>I offer three services tailored to your specific needs.</p>

      <ol class="services-list">
        <li>
          <strong>Private AI tutoring.</strong> I offer one-on-one sessions to help you use AI more effectively in your work or everyday life. Think of it as{" "}
          <a href="https://x.com/majamediaco/status/2083629089349566747">
            piano lessons for AI
          </a>
          .
        </li>
        <li>
          <strong>Company workshops.</strong> I teach teams how to work effectively and responsibly with AI, using material designed around their work and experience.
        </li>
        <li>
          <strong>AI and agent consulting.</strong> I help organizations identify use cases for agents, design and deploy agent systems, and build internal practices around AI.
        </li>
      </ol>

      <p>
        Contact me at <a href="mailto:cameron@pfiffer.org">cameron@pfiffer.org</a> to learn more.
      </p>
    </main>
  );
}

export async function Services() {
  const profile = await getProfile();

  return (
    <div>
      <PageNav profile={profile} active="other" />
      <ServicesContent />
    </div>
  );
}