feat: create comprehensive Features & FAQ page

[mcull]

Summary

Creates a new /features page combining FeatureShowcase and an enhanced FAQ with 17 questions organized into 5 categories, providing comprehensive user education about the platform.

Motivation

The Footer had a placeholder "Features" link pointing to #. Users needed a single place to:

• Understand what StuffLibrary offers
• Get answers to common questions
• Learn about the platform's values and approach

Changes

1. New /features Page

• Combines existing FeatureShowcase + enhanced FAQ components
• Clean, focused single-page experience
• Proper SEO metadata
• Route: /features

2. Enhanced FAQ Component (17 Questions → 5 Categories)

Getting Started (3 questions)

• How do I get started?
• Do I need to own items to join?
• How do I create or join a library?

Using the Platform (5 questions)

• What kinds of items can I share?
• How do I arrange pickup and return?
• How long can I borrow something?
• Can I borrow multiple items at once?
• What if I need something that no one has shared yet?

Trust & Safety (4 questions)

• How do I know I can trust my neighbors?
• What if something gets damaged or lost?
• What happens if someone doesn't return my item?
• Is my personal information safe?

Cost & Philosophy (3 questions)

• How much does it cost to use StuffLibrary?
• Can I charge for lending my items?
• How do you make money if it's free?

Technical (2 questions)

• Do I need to download an app?
• What are those watercolor illustrations?

3. Updated Footer Navigation

• Before: 3 columns with many placeholder # links
• After: 2 focused columns
  • Product: Features & FAQ, About Us
  • Support: Feedback, Contact Us
• Removed: How It Works, Safety, Our Mission, Success Stories, Community Guidelines, Report Issue (all were # placeholders)

4. Key Messages Reinforced

Non-commercial, civic utility values:

• "No ads, no data collection, no commercialization of neighborly trust"
• "This is a civic utility, not a business"
• "We're exploring sustainable funding models that preserve our values"

Community-first approach:

• Trust built through experience, not just verification
• Neighborly communication over platform enforcement
• Generosity and reciprocity emphasized throughout

Honest, conversational tone:

• "We don't make money—not yet, anyway"
• "Sometimes people just forget!"
• "Accidents happen—approach with understanding"

Live platform status:

• Removed "Once we launch in your area" language
• Platform is active and accessible now

Technical Details

• Added category field to FAQ objects for future grouping/filtering
• Maintained existing accordion UI (works great on mobile)
• Preserved visual design (warm cream background, ink blue accents)
• No new dependencies

Testing

• Page renders correctly at /features
• All 17 FAQ accordions expand/collapse properly
• Footer links navigate correctly
• Responsive on mobile/tablet/desktop
• TypeScript checks pass
• Linting passes

Screenshots

Features Page:

• FeatureShowcase section with 4 feature cards
• FAQ section with 17 categorized questions
• Clean, scrollable single-page layout

Updated Footer:

• Simplified 2-column layout
• Working /features link

Related

• Addresses missing /features functionality
• Provides comprehensive user documentation
• Reinforces platform mission and values
• Sets foundation for future FAQ improvements (filtering by category, search, etc.)

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
stufflibrary	Ready	Preview	Comment	Sep 30, 2025 4:23am