# KITE WALLET - Development Plan

## Design Guidelines

### Theme: White Beach
- Breezy, sun-soaked theme with turquoise waters and white sand vibes
- **Primary**: Turquoise (#0EA5E9-ish via hsl 187 75% 42%)
- **Background**: Warm sand white (hsl 45 33% 98%)
- **Secondary**: Sandy beige (hsl 34 40% 92%)
- **Accent**: Light turquoise (hsl 191 54% 91%)
- **Foreground**: Deep ocean (hsl 200 20% 15%)

### Typography
- Headings: Playfair Display (serif) - elegant, playful
- Body: Inter (sans) - clean, readable
- Code/Mono: JetBrains Mono

### Tone
- Playful, fun, crypto-native language
- Kite metaphors (flying, soaring, wind, freedom)
- Cross-chain = bridging worlds

### Images to Generate
1. **hero-kite-ocean.jpg** - A colorful kite flying over turquoise ocean waters with white sandy beach below, bright sunny day (photorealistic, 1024x576)
2. **feature-crosschain.jpg** - Abstract digital bridge connecting two glowing blockchain networks, turquoise and gold tones (3d, 1024x576)
3. **feature-security.jpg** - A glowing shield with lock icon floating above ocean waves, digital security concept (3d, 1024x576)
4. **team-bg-beach.jpg** - Aerial view of pristine white sand beach with turquoise water, minimal and clean (photorealistic, 1024x576)

---

## Files to Create/Modify

1. **src/index.css** - Apply White Beach theme CSS variables
2. **tailwind.config.ts** - Add font families, box shadows from theme
3. **src/App.tsx** - Add Team route
4. **src/components/Navbar.tsx** - Shared navigation bar
5. **src/components/Footer.tsx** - Shared footer
6. **src/pages/Index.tsx** - Homepage (hero, features, CTA)
7. **src/pages/Team.tsx** - Team members page