firefrost-operations-manual/docs/planning/ideas/features/ghost-page-structure-plan.md

# 📋 GHOST CMS PAGE STRUCTURE PLAN

**Purpose:** Complete blueprint for Firefrost Gaming website structure  
**Usage:** Step-by-step guide for building Ghost site from zero to launch  
**Version:** 1.0  
**Created:** February 14, 2026

---

## 🎯 LAUNCH STRATEGY

### Phase 1: MVP Launch (Week 1)
**Goal:** Get a presentable site live that can accept visitors

**Pages to build:**
1. Homepage (hero, path selection, founders story)
2. About page (full origin story + mission)
3. Server List page (basic server cards)
4. Footer template (links, legal placeholders)

**Result:** Visitors can learn about Firefrost, see servers, join Discord

---

### Phase 2: Conversion (Week 2-3)
**Goal:** Enable subscriptions and content discovery

**Pages to add:**
5. Subscribe/Support page (tiers, benefits, payment)
6. Blog setup (Meg's voice, community updates)
7. Individual server pages (deep dive on each)
8. Guides section (technical tutorials)

**Result:** Visitors can subscribe, read content, get help

---

### Phase 3: Polish (Week 4+)
**Goal:** Professional finish, accessibility, analytics

**Tasks:**
9. Legal pages (privacy, terms, accessibility statement)
10. Contact page (support form)
11. Mobile optimization testing
12. Analytics setup (privacy-respecting)
13. SEO optimization (meta tags, descriptions)

**Result:** Production-ready, professional site

---

## 📄 COMPLETE PAGE INVENTORY

### TIER 1: Critical (Build First)

#### 1. Homepage (`/`)
**Purpose:** First impression, path selection, Discord conversion  
**Template:** Custom homepage (use homepage content doc)  
**Priority:** 🔴 CRITICAL

**Content blocks:**
- Hero section (Fire + Frost + Forever)
- Choose Your Destiny (Frost/Fire paths)
- Who We Are (founders story)
- Why Firefrost? (value props)
- Discord CTA

**Ghost setup:**
- Pages → New Page → Title: "Home"
- Paste content from `ghost-homepage-content.md`
- Settings → General → Homepage → Select this page
- Publish

**Estimated time:** 2-3 hours

---

#### 2. About Page (`/about`)
**Purpose:** Full origin story, mission, values, team  
**Template:** Standard page  
**Priority:** 🔴 CRITICAL

**Content to include:**
- Donna's Restaurant origin story (expanded)
- The Wizard & The Emissary (detailed bios)
- Mission statement (from mission-statement.md)
- The Five Consultants (Jack, Oscar, Jasmine, Butter, Noir)
- Values (Health First, Accessibility Always, Community as Refuge)
- "For children not yet born" legacy message

**Structure:**
```markdown
# About Firefrost Gaming

## The Origin Story
[Donna's Restaurant breakfast, full narrative]

## The Founders

### 🧙‍♂️ The Wizard (Michael "FrostyStyle" Krause)
[Bio, background, why Frost]

### 🔥 The Emissary (Meg "GingerFury" Krause)
[Bio, background, why Fire]

## The Five Consultants
[Jack, Oscar, Jasmine, Butter, Noir - with photos if available]

## Our Mission
[Mission statement from FFG-PLN-001]

## Our Values
- Health First
- Accessibility Always
- Community as Refuge
- Partnership Multiplies
- Legacy Over Quick Wins

## Our Promise
[To players, to community, to future generations]
```

**Ghost setup:**
- Pages → New Page → Title: "About"
- URL slug: `/about`
- Publish

**Estimated time:** 3-4 hours

---

#### 3. Server List (`/servers`)
**Purpose:** Display all available servers, drive joins  
**Template:** Custom layout (see server listing design doc)  
**Priority:** 🔴 CRITICAL

**Content:** See separate "Server Listing Design" document

**Ghost setup:**
- Pages → New Page → Title: "Servers"
- URL slug: `/servers`
- Use HTML blocks or Ghost cards for server grid
- Publish

**Estimated time:** 2-3 hours

---

### TIER 2: Important (Build Second)

#### 4. Subscribe/Support (`/subscribe`)
**Purpose:** Show subscription tiers, enable payment  
**Template:** Pricing table layout  
**Priority:** 🟡 HIGH

**Content structure:**
```markdown
# Support Firefrost Gaming

## Why Subscribe?

Your subscription directly funds:
- Server infrastructure (99.9% uptime)
- DDoS protection & security
- New modpacks & features
- Community events & prizes
- Documentation & guides

We're a family operation. Every dollar matters.

## Subscription Tiers

[Pull from subscription-tiers.md when ready]

### Free Tier
- Access to Frost Path servers
- Discord community
- Basic support

### Supporter ($5/month)
- Everything in Free
- Supporter role in Discord
- Priority support
- Vote on new modpacks

### Patron ($10/month)
- Everything in Supporter
- Exclusive patron channels
- Early access to new servers
- Monthly Q&A with founders

### Founder ($25/month)
- Everything in Patron
- Lifetime recognition on website
- Direct input on roadmap
- Exclusive founder events

[Payment integration - link to Paymenter when ready]
```

**Ghost setup:**
- Pages → New Page → Title: "Subscribe"
- URL slug: `/subscribe`
- Add payment button/link when Paymenter is configured
- Publish

**Estimated time:** 2 hours

---

#### 5. Blog/News (`/blog`)
**Purpose:** Community updates, patch notes, events  
**Template:** Ghost default blog (Posts section)  
**Priority:** 🟡 HIGH

**Setup:**
- Use Ghost's built-in Posts feature
- Tag system: `#updates`, `#events`, `#patch-notes`, `#community`
- Author: Set Meg as primary author (The Emissary voice)

**First 3 posts to write:**
1. "Welcome to Firefrost Gaming" (introduction)
2. "Meet The Wizard & The Emissary" (founders)
3. "How to Join Your First Server" (guide)

**Ghost setup:**
- Posts → New Post → Write content
- Set author, tags, featured image
- Publish

**Estimated time per post:** 30-60 minutes

---

#### 6. Guides/Tutorials (`/guides`)
**Purpose:** Technical help, how-tos, troubleshooting  
**Template:** Tag-filtered posts OR separate page  
**Priority:** 🟡 HIGH

**Content categories:**
- Getting Started
- Modpack Installation
- Troubleshooting
- Server Rules & Etiquette
- Advanced Tips

**Option A: Use blog with #guide tag**
- Filter blog posts by `#guide` tag
- Easier to maintain

**Option B: Dedicated page with links**
- Manual curation
- Better organization

**Recommended:** Option A (blog tags)

**Ghost setup:**
- Create posts tagged `#guide`
- Link to `/tag/guide` from nav menu
- Or create custom page that lists guides

**Estimated time:** 1 hour setup + ongoing content

---

### TIER 3: Polish (Build Third)

#### 7. Contact (`/contact`)
**Purpose:** Support requests, general inquiries  
**Template:** Form page  
**Priority:** 🟢 MEDIUM

**Content:**
```markdown
# Contact Us

## Need Help?

**For server issues or gameplay questions:**
Join our Discord: [link] - fastest response time

**For business inquiries:**
Email: contact@firefrostgaming.com

**For technical support:**
Open a ticket in Discord or email: support@firefrostgaming.com

## Office Location
Firefrost Gaming  
Circle Pines, Minnesota, USA

## Response Times
- Discord: Usually within 1 hour
- Email: Within 24 hours
- We're founders-operated - you're talking to real humans
```

**Ghost setup:**
- Pages → New Page → Title: "Contact"
- Add form (Ghost built-in or third-party like Formspree)
- Publish

**Estimated time:** 1 hour

---

#### 8. Privacy Policy (`/privacy`)
**Purpose:** Legal compliance, GDPR/CCPA  
**Template:** Legal document  
**Priority:** 🟢 MEDIUM

**Content:**
- Use privacy policy generator (many free templates online)
- Customize for Firefrost Gaming
- Include: data collection, cookies, third-party services, user rights

**Ghost setup:**
- Pages → New Page → Title: "Privacy Policy"
- Mark as "Public" but don't feature in nav
- Link from footer only
- Publish

**Estimated time:** 1-2 hours (using template)

---

#### 9. Terms of Service (`/terms`)
**Purpose:** Legal protection, community rules  
**Template:** Legal document  
**Priority:** 🟢 MEDIUM

**Content:**
- Server rules
- User conduct expectations
- Account termination conditions
- Liability limitations
- Dispute resolution

**Ghost setup:**
- Pages → New Page → Title: "Terms of Service"
- Link from footer only
- Publish

**Estimated time:** 1-2 hours (using template)

---

#### 10. Accessibility Statement (`/accessibility`)
**Purpose:** WCAG compliance, demonstrate commitment  
**Template:** Standard page  
**Priority:** 🟢 MEDIUM

**Content:**
```markdown
# Accessibility Statement

Firefrost Gaming is committed to ensuring digital accessibility for all people, including those with disabilities.

## Our Commitment
- WCAG 2.1 Level AA compliance
- Keyboard navigation support
- Screen reader compatibility
- High-contrast color schemes
- Mobile-first responsive design

## Accessibility Features
- Minimum 16px font size (never smaller)
- 4.5:1 color contrast ratio (WCAG AA)
- Alt text on all images
- Semantic HTML structure
- Skip-to-content links

## Feedback
If you encounter accessibility barriers, please contact us:
- Email: accessibility@firefrostgaming.com
- Discord: Open a support ticket

We take accessibility seriously and will address issues promptly.

## Third-Party Content
Some content (Discord embeds, social media) may come from third parties. We cannot guarantee their accessibility but choose partners carefully.

Last updated: [date]
```

**Ghost setup:**
- Pages → New Page → Title: "Accessibility"
- Link from footer
- Publish

**Estimated time:** 1 hour

---

## 🗂️ SITE NAVIGATION STRUCTURE

### Primary Navigation (Header)
```
[Firefrost Logo]  |  Servers  |  About  |  Subscribe  |  Blog  |  [Join Discord Button]
```

**Ghost setup:**
- Settings → Navigation → Primary Navigation
- Add links manually

**Links:**
1. Servers → `/servers`
2. About → `/about`
3. Subscribe → `/subscribe`
4. Blog → `/blog`
5. Discord → `https://discord.gg/firefrost` (external, opens new tab)

---

### Secondary Navigation (Footer)
```
Quick Links          Community           Legal
- About              - Discord           - Privacy Policy
- Server List        - Twitter/X         - Terms of Service
- Subscribe          - TikTok            - Accessibility
- Blog               - Instagram         - Contact
- Status Page        - YouTube
```

**Ghost setup:**
- Settings → Navigation → Secondary Navigation
- Add all footer links
- Status Page links to Uptime Kuma: `https://status.firefrostgaming.com`

---

## 📱 MOBILE OPTIMIZATION CHECKLIST

After building pages, test on mobile:

- [ ] Hero section readable on phone (text not too small)
- [ ] Path selection cards stack vertically
- [ ] Navigation menu works (hamburger menu)
- [ ] Buttons are finger-sized (minimum 44x44px)
- [ ] Forms work on mobile keyboards
- [ ] Images scale properly (don't overflow)
- [ ] Server list cards stack on mobile
- [ ] Footer links are tappable (not too close together)
- [ ] All pages load under 3 seconds on 4G

**Test devices:**
- iPhone (Safari)
- Android (Chrome)
- Tablet (iPad)

---

## 🚀 LAUNCH DAY CHECKLIST

### Pre-Launch (Day Before)
- [ ] All Tier 1 pages published
- [ ] CSS injection applied (Frost palette)
- [ ] Logo uploaded to Ghost
- [ ] Favicon set
- [ ] Social media preview images configured
- [ ] 404 page customized
- [ ] Test all links (no broken links)
- [ ] Spell check all content
- [ ] Mobile testing complete

### Launch Day
- [ ] Announce in Discord
- [ ] Post on social media (Twitter, Instagram, TikTok)
- [ ] Update Discord server description with website link
- [ ] Email any existing subscribers
- [ ] Monitor analytics for first visitors
- [ ] Be available for bug reports

### Post-Launch (Week 1)
- [ ] Gather feedback from community
- [ ] Fix any reported issues
- [ ] Monitor page load times
- [ ] Check Google Search Console (SEO)
- [ ] Plan Week 2 content (blog posts)

---

## 📊 CONTENT PRIORITY MATRIX

| Page | Build Priority | Content Difficulty | User Impact |
|:-----|:--------------|:------------------|:-----------|
| Homepage | 🔴 Critical | Medium | High |
| About | 🔴 Critical | Low | High |
| Server List | 🔴 Critical | Medium | High |
| Subscribe | 🟡 High | Medium | Medium |
| Blog Setup | 🟡 High | Low | Medium |
| Guides | 🟡 High | High | Medium |
| Contact | 🟢 Medium | Low | Low |
| Legal Pages | 🟢 Medium | Low (templates) | Low |

**Focus order:** Build all 🔴 Critical first, then 🟡 High, then 🟢 Medium

---

## 🕐 TIME ESTIMATES

### Week 1: Foundation (Total: 8-12 hours)
- Homepage: 3 hours
- About page: 3 hours
- Server list: 3 hours
- CSS injection: 1 hour
- Logo/branding setup: 1 hour
- Testing: 1 hour

### Week 2: Conversion (Total: 6-8 hours)
- Subscribe page: 2 hours
- Blog setup + 3 posts: 3 hours
- Guides setup: 1 hour
- Navigation refinement: 1 hour
- Mobile testing: 1 hour

### Week 3: Polish (Total: 4-6 hours)
- Legal pages: 2 hours
- Contact page: 1 hour
- Accessibility audit: 1 hour
- SEO optimization: 1 hour
- Final testing: 1 hour

**Total estimated time: 18-26 hours spread over 3 weeks**

---

## 💡 PRO TIPS

### Content Reuse
- Write About page first → reuse founder bios in blog posts
- Write mission statement once → reference everywhere
- Create server descriptions → reuse in multiple places

### Batch Work
- Write all blog posts in one sitting (easier to maintain voice)
- Create all legal pages together (similar format)
- Upload all images at once (organize library first)

### Test Early
- Preview on mobile after EVERY page (don't wait until end)
- Share with Meg for feedback (she knows community voice)
- Ask Discord members to test (real user feedback)

### Document Decisions
- Keep notes on what works/doesn't work
- Screenshot your favorite layouts (for future reference)
- Track which pages get most traffic (analytics)

---

## 🎯 SUCCESS METRICS

After launch, track:
- **Traffic:** Page views, unique visitors
- **Engagement:** Time on site, pages per session
- **Conversion:** Discord joins, subscriptions
- **Technical:** Page load times, mobile vs desktop usage
- **Content:** Most popular pages, most read blog posts

**Goal for Month 1:**
- 500+ unique visitors
- 50+ Discord joins from website
- 10+ subscriptions
- 99.9% uptime
- <3 second page load time

---

**Fire + Frost + Forever** 🔥❄️💡

**Created by:** Catalyst the Second  
**Date:** February 14, 2026  
**Status:** Ready to execute