<template>
  <div>
    <!-- Page Header -->
    <PageHeader
      title="About Ghost Guild"
      subtitle=""
      theme="blue"
      size="large"
    />

    <!-- Main Content -->
    <section class="py-20 bg-[--ui-bg]">
      <UContainer>
        <div class="max-w-3xl">
          <!-- TODO: Add copy about history and connection to Baby Ghosts -->
          <p class="text-lg text-[--ui-text-muted]">
            Ghost Guild is a community of learning and practice for anyone,
            anywhere interested in a video game industry-wide shift to
            worker-owned studio models. It is also the membership program of
            Baby Ghosts, a Canadian nonprofit that provides resources and
            support for worker-owned studios. After running our Peer Accelerator
            program for three years, we are now scaling up our operations to
            support more studios and expand our reach. As we build our knowledge
            commons, more folks unable to participate in the program can benefit
            from collectively compiled knowledge and find community.
          </p>
          <p>
            something here about the work to make Slack integration smooth and
            safe; more about purpose??
          </p>
          <p>
            We are pretty interested in saying _fuck you_ to hierarchy however
            it shows up in our work. So the Ghost Guild membership program is
            tier-less… but peer-full. We've loosely named some circles you can
            join that will help us connect you with folks at the same stage of
            development as you, and with resources that are in line with your
            needs and interests. But none of these circles is superior, and
            there's no harm or shame in sticking with one for a while, or moving
            between them to find the best fit. Choosing your financial
            contribution level is also not about paying for access to additional
            resources - everything is available to every member, no matter their
            circle or contribution level. Rather, it's about finding a dues
            level that's meaningful to you but not a burden.
          </p>
        </div>
      </UContainer>
    </section>

    <!-- Link to Membership Circles -->
    <section class="py-20 bg-[--ui-bg-elevated]">
      <UContainer>
        <div class="max-w-3xl">
          <h2 class="text-2xl font-bold text-[--ui-text] mb-4">
            Membership Circles
          </h2>
          <p class="text-lg text-[--ui-text-muted] mb-6">
            Learn about our three membership circles and find where you fit.
          </p>
          <UButton to="/about/circles" variant="outline" size="lg">
            Explore Membership Circles
          </UButton>
        </div>
      </UContainer>
    </section>
  </div>
</template>

<script setup>
// No specific logic needed for the about page at this time
</script>
