This project is for Creativeland, which is an holding company and the LLC that encompasses the following:
- Creativeland (wearecreativeland.com)
- Fast Facts Live (fastfactslive.com)
- In Conclusion! (inconclusion.wearecreativeland.com)
- Tom Hillmeyer (tomhillmeyer.com)
- Creativeland Apps (apps.wearecreativeland.com)

Each of these sites is going to be deployed to their own Firebase projects, where their pages will be hosted. They are individual React + Vite websites/web apps.

They are nested under a parent Creativeland folder, as there are certain elements I want to share across all sites (nav bar, footer, certain legal pages, etc). 

Right now the focus is on Creativeland Apps, which include the following:
- Companion Dashboard
- Capacitimer
- Media Control Bridge

This is the very beginning of the app. I want to build the very basic Creativeland landing page for wearecreativeland.com with a basic nav bar and footer that is shared across all apps.

After the basic landing page for Creativeland is made, let's build out apps.

apps.wearecreativeland.com
apps.wearecreativeland.com/dashboard - leads to a landing page for Companion Dashboard with its help pages and full documentation
apps.wearecreativeland.com/capacitimer - leads to a landing page for Capacitimer with its help pages and full documentation
apps.wearecreativeland.com/mcb - leads to a landing page for Media Control Bridge with its help pages and full documentation

Creativeland, Fast Facts Live, In Conclusion!, Tom Hillmeyer, and Apps are individual React + Vite projects.

Color Scheme:
- Primary: Black (#000) on White background
- Accent: #74D1F3 (powder blue)
- Secondary: #18294A (navy) for cards/sections

## Project Structure

**Monorepo Layout:**
```
creativeland/
├── shared/
│   ├── components/ (NavBar.tsx, Footer.tsx with matching .css)
│   ├── assets/ (logos, favicon)
│   └── package.json (React + @types/react for TypeScript compilation)
├── creativeland/ (wearecreativeland.com - main landing page)
├── apps/ (apps.wearecreativeland.com)
├── fastfactslive/ (fastfactslive.com)
├── inconclusion/ (inconclusion.wearecreativeland.com)
└── tomhillmeyer/ (tomhillmeyer.com)
```

**Shared Components** (shared/components/):
- NavBar and Footer are imported via relative paths (e.g., `../../../shared/components/NavBar`)
- Logo assets (white wordmark for navbar) and favicon stored in shared/assets/
- All sites use the same nav/footer for consistency
- Favicon copied to each project's public folder during setup

**Color Scheme:**
- Black (#000) background
- White text
- #74D1F3 (powder blue) for accents and interactive elements
- #18294A (navy) for card backgrounds and section breaks

**Deployment:**
- Each site is a separate Vite + React project with its own Firebase hosting configuration
- Build command: `npm run build` (outputs to dist/)
- Firebase config: firebase.json + .firebaserc in each project directory
- Apps project configured for SPA routing (all routes redirect to /index.html)