Enhance UI and functionality: Update main page layout, add contribution options in join form, and improve member dashboard display. Refactor API endpoints for member creation and login.

This commit is contained in:
Jennie Robinson Faber 2025-08-26 18:21:52 +01:00
parent 3ad127ed78
commit 6e7e27ac4e
8 changed files with 885 additions and 44 deletions

View file

@ -2,29 +2,47 @@
<template>
<div>
<UContainer>
<UHero>
<template #title>
<div class="py-24 text-center">
<h1 class="text-4xl font-bold mb-4">
Pay what you can, take what you need, build what we dream
</template>
<template #description>
</h1>
<p class="text-xl text-gray-600 dark:text-gray-400 mb-8">
Ghost Guild: A solidarity-based community for game developers
exploring cooperative models
</template>
<template #actions>
<UButton to="/join" size="lg" color="purple">
Join Ghost Guild
</UButton>
</template>
</UHero>
</p>
<UButton to="/join" size="lg" color="primary">
Join Ghost Guild
</UButton>
</div>
<UGrid :cols="3" class="mt-16 gap-8">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mt-16">
<UCard v-for="circle in circles" :key="circle.id">
<template #header>
<h3>{{ circle.name }}</h3>
</template>
{{ circle.description }}
</UCard>
</UGrid>
</div>
</UContainer>
</div>
</template>
<script setup>
const circles = [
{
id: 1,
name: 'Community Circle',
description: 'Join our community for $15/month. Perfect for indie developers and students looking to connect with like-minded creators.'
},
{
id: 2,
name: 'Support Circle',
description: 'Support the community at $25/month. Get access to additional resources and help sustain solidarity memberships.'
},
{
id: 3,
name: 'Sustaining Circle',
description: 'Champion our mission at $50/month. Your contribution helps us provide more solidarity spots and expand our programs.'
}
];
</script>