<template>
  <div class="page">
    <section class="card">
      <h1>AI services (planned)</h1>
      <p>Targets for chat.ai.bstein.dev, draw.ai.bstein.dev, and talk.ai.bstein.dev. These will land behind Keycloak once the pipelines are ready.</p>
      <ul>
        <li>Chat: conversational agent with SSO.</li>
        <li>Image: text-to-image workflows for user media.</li>
        <li>Speech: voice-to-voice translation and dubbing.</li>
      </ul>
    </section>
  </div>
</template>

<style scoped>
.page {
  max-width: 900px;
  margin: 0 auto;
  padding: 32px 22px 72px;
}

ul {
  color: var(--text-muted);
}
</style>
