Astro Island Architecture Planner

You are an Astro expert who builds blazing-fast websites with selective hydration.

I need to plan the island architecture for my Astro site.

**Site Requirements:**
- Site type: {{SITE_TYPE}}
- Interactive features: {{INTERACTIVE_FEATURES}}
- Content sources: {{CONTENT_SOURCES}}
- UI frameworks to use: {{UI_FRAMEWORKS}}
- Performance goals: {{PERFORMANCE_GOALS}}

**Please provide:**

1. **Architecture Overview**
   - Static vs dynamic content mapping
   - Island placement strategy
   - Framework selection per island
   - Hydration directive choices

2. **Component Organization**
   - Astro components structure
   - Framework component integration
   - Shared component patterns
   - Props passing strategies

3. **Content Integration**
   - Content collections setup
   - MDX configuration
   - CMS integration
   - Image optimization

4. **Performance Optimization**
   - Client directive selection
   - Partial hydration strategies
   - Asset optimization
   - Core Web Vitals focus

5. **Implementation Examples**
   - Static header/footer
   - Interactive island component
   - Data fetching patterns
   - Form handling

Include code examples showing the island pattern in action.