jennie/ghostguild-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Readying for design

Browse source
This commit is contained in:
Jennie Robinson Faber 2026-03-04 18:24:20 +00:00
parent d73256ca2b
commit fadf473dde
50 changed files with 1478 additions and 1259 deletions
Download patch file Download diff file Expand all files Collapse all files

34
app/pages/index.vue
View file

@ -1,15 +1,15 @@
<template>
<div class="max-w-6xl mx-auto px-6 md:px-8">
<!-- Hero Section -->
<section class="py-16 md:py-24">
<section class="py-16 md:py-24 ink-grain">
<div class="max-w-2xl">
<h1
class="text-4xl md:text-5xl font-light text-guild-100 leading-tight mb-2"
class="text-display-xl font-light text-guild-100 leading-tight mb-2"
>
Build your co-op studio
</h1>
<p
class="text-4xl md:text-5xl font-light text-guild-500 leading-tight mb-8"
class="text-display-xl font-light text-guild-500 leading-tight mb-8"
>
with people who get it.
</p>
@ -54,25 +54,27 @@
</div>
<div
v-if="submitError"
class="mt-4 p-3 bg-red-500/10 border border-red-500/30 rounded-lg"
class="mt-4 p-3 bg-ember-900/20 border border-ember-500/30 rounded-lg"
>
<p class="text-red-400 text-sm">{{ submitError }}</p>
<p class="text-ember-400 text-sm">{{ submitError }}</p>
</div>
</div>
</section>
<GuildDivider variant="woodcut" />
<!-- Value Props Section -->
<section class="py-16 border-t border-guild-800">
<section class="py-16">
<div class="grid md:grid-cols-3 gap-8 md:gap-12">
<div>
<p class="text-sm font-medium text-primary-400 mb-3">Peer Support</p>
<p class="text-ui-label text-candlelight-400 mb-3">Peer Support</p>
<p class="text-guild-400 leading-relaxed">
Connect with founders at your stage and practitioners who've been
there. Real conversations, real help.
</p>
</div>
<div>
<p class="text-sm font-medium text-primary-400 mb-3">
<p class="text-ui-label text-candlelight-400 mb-3">
Shared Knowledge
</p>
<p class="text-guild-400 leading-relaxed">
@ -81,7 +83,7 @@
</p>
</div>
<div>
<p class="text-sm font-medium text-primary-400 mb-3">
<p class="text-ui-label text-candlelight-400 mb-3">
Solidarity Economics
</p>
<p class="text-guild-400 leading-relaxed">
@ -92,9 +94,11 @@
</div>
</section>
<GuildDivider variant="woodcut" />
<!-- Circles Section -->
<section class="py-16 border-t border-guild-800">
<p class="text-sm text-guild-600 mb-8">Find your people</p>
<section class="py-16">
<p class="text-ui-label text-guild-600 mb-8">Find your people</p>
<div class="space-y-4 mb-8">
<NuxtLink
@ -120,10 +124,12 @@
</p>
</section>
<GuildDivider variant="woodcut" />
<!-- Bottom CTA Section -->
<section class="py-24 border-t border-guild-800 text-center">
<p class="text-sm text-guild-600 mb-4">Part of the Baby Ghosts family</p>
<h2 class="text-3xl md:text-4xl font-light text-guild-200 mb-8">
<section class="py-24 text-center">
<p class="text-ui-label text-guild-600 mb-4">Part of the Baby Ghosts family</p>
<h2 class="text-display font-light text-guild-200 mb-8">
Ready to find your people?
</h2>
<UButton