# Background Assets

This directory contains background images and decorative elements.

## Files to Add

### Decorative Elements
- `gradient-blob-1.svg` - Decorative gradient shape (if needed as image)
- `gradient-blob-2.svg` - Additional decorative element
- `pattern-overlay.svg` - Pattern overlay (if needed)

### Background Images
- `auth-background.jpg` or `.webp` - Full background image for auth pages (if needed)
- `dashboard-background.svg` - Dashboard background pattern

## Usage Example

```typescript
import backgroundPattern from '@/assets/images/backgrounds/pattern-overlay.svg';

<div 
    style={{ backgroundImage: `url(${backgroundPattern})` }}
    className="absolute inset-0 opacity-20"
/>
```

## Notes

- Most decorative backgrounds are created with CSS gradients (as in login-page.tsx)
- Only add image files if CSS gradients cannot achieve the desired effect
- Optimize all background images for performance

