ghostguild-org/app/pages/about.vue

70 lines
2.9 KiB
Vue

<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>