# Images Directory

Place your images here following these naming conventions:

## Section Images

Name images for sections using the pattern: `{sectionId}{number}.{ext}`

**Examples:**
- `about1.webp` - First image for About section
- `about2.jpg` - Second image for About section
- `services1.webp` - First image for Services section
- `contact1.png` - First image for Contact section

## Blog Images

Name blog images any way you like, then reference them in the blog post front matter:

```markdown
---
title: My Post
image: my-image-name
---
```

The build script will look for `my-image-name.*` in this directory.

## Background Image

Name your background image: `background.{ext}`

**Examples:**
- `background.jpg`
- `background.webp`
- `background.png`

## Image Tips

- **Format:** WebP recommended for smaller file sizes
- **Size:** Keep images reasonable (max 2000px width recommended)
- **Quality:** Optimize images before adding them
- **Naming:** Use lowercase with numbers (e.g., `about1.webp` not `About1.WEBP`)

## Demo Images

For demo purposes, you can use placeholder images or add your own. The build will work even without images - sections will just show placeholder paths.