# Features Page Images

This directory contains images specifically used in the features page sections.

## Directory Structure

```
features/
├── img/
│   ├── icons/        # Feature icons and symbols
│   ├── screenshots/  # Product/feature screenshots
│   └── diagrams/     # Workflow and process diagrams
```

## Usage

When adding images to this directory:
1. Use descriptive filenames (e.g., `feature-analytics.svg`, `dashboard-demo.webp`)
2. Maintain consistent icon styles
3. Keep screenshots up-to-date with the latest UI

## Example

```html
<!-- In features page -->
<img src="features/img/icons/analytics-icon.svg" alt="Analytics Feature">
```

## Recommended Image Formats

- Use SVG for icons and diagrams
- Use WebP or PNG for screenshots
- Use optimized formats for interactive demonstrations
- Consider providing dark/light mode variants

## Image Guidelines

1. Feature Icons:
   - Consistent style and color scheme
   - Clear, recognizable designs
   - Scalable vector formats when possible

2. Screenshots:
   - Current product interface
   - High-resolution captures
   - Properly cropped and aligned

3. Diagrams:
   - Clear workflow representations
   - Consistent styling
   - Easy to understand at a glance
