# Home Page Images

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

## Directory Structure

```
home/
├── img/
│   ├── hero/         # Images for hero/banner section
│   ├── features/     # Images for feature cards
│   └── backgrounds/  # Background images used in home sections
```

## Usage

When adding images to this directory:
1. Use descriptive filenames (e.g., `hero-banner.jpg`, `feature1-icon.svg`)
2. Optimize images for web use
3. Consider using different sizes for responsive design

## Example

```html
<!-- In home1.html or home2.html -->
<img src="home/img/features/feature1-icon.svg" alt="Feature 1">
```

## Recommended Image Formats

- Use SVG for icons and logos
- Use WebP or JPEG for photographs
- Use PNG for images requiring transparency
- Consider providing multiple sizes for responsive images

## Image Optimization

Before adding images:
1. Compress them appropriately
2. Consider providing multiple resolutions for responsive design
3. Ensure proper aspect ratios are maintained
