# Images Directory

This directory contains all image assets for the AgenticIQ application, organized by category.

## Folder Structure

```
images/
├── logo/          # Brand logos and identity assets
├── icons/         # UI icons and symbols
├── auth/          # Authentication-related images (social login icons, etc.)
├── backgrounds/   # Background images and decorative elements
└── ui/            # General UI component images
```

## Usage Guidelines

### Importing Images in Components

```typescript
// Example: Importing a logo
import agenticiqLogo from '@/assets/images/logo/agenticiq-logo.png';

// Example: Importing an icon
import googleIcon from '@/assets/images/auth/google-icon.svg';
```

### File Naming Convention

- Use **kebab-case** for all filenames (e.g., `agenticiq-logo.png`, `google-icon.svg`)
- Be descriptive and avoid abbreviations
- Include size/resolution suffix if multiple versions exist (e.g., `logo-256x256.png`)

### Image Formats

- **Logos**: PNG (with transparency) or SVG
- **Icons**: SVG (preferred) or PNG
- **Photos**: WebP (preferred) or JPG
- **Backgrounds**: WebP or PNG

### Optimization

- Optimize images before adding them to this directory
- Use appropriate formats for the use case
- Consider responsive images for different screen densities

