<script setup lang="ts">
useHead({ title: 'About' })
</script>

<template>
  <div class="max-w-4xl mx-auto px-6 py-12">
    <h1 class="text-4xl font-black text-gray-900 dark:text-white mb-8">About Moo Tasks</h1>
    <div class="prose dark:prose-invert max-w-none">
      <p class="text-lg text-gray-600 dark:text-gray-400 mb-6">
        Moo Tasks was created to bridge the gap between human task management and the capabilities of modern AI coding agents.
      </p>
      <p class="text-lg text-gray-600 dark:text-gray-400 mb-6">
        By exposing a kanban board as an MCP server, Moo Tasks allows your AI coding agent to directly see, accept, and complete tasks within your project's repository.
      </p>
      <p class="text-lg text-gray-600 dark:text-gray-400">
        Our mission is to make developer-AI collaboration as seamless and productive as possible.
      </p>
    </div>
  </div>
</template>
