# PWA Icons Generation Guide

## Required Icon Sizes

You need to create the following icon sizes for your PWA:

- icon-72x72.png
- icon-96x96.png
- icon-128x128.png
- icon-144x144.png
- icon-152x152.png
- icon-192x192.png
- icon-384x384.png
- icon-512x512.png

## How to Generate Icons

### Option 1: Using Online Tool (Easiest)
1. Go to https://www.pwabuilder.com/imageGenerator
2. Upload your logo (minimum 512x512px recommended)
3. Download the generated icon pack
4. Extract and place all icons in this folder

### Option 2: Using Photoshop/GIMP
1. Create a 512x512px canvas
2. Design your app icon with your logo
3. Export/Resize to all required sizes
4. Save as PNG with transparency

### Option 3: Using ImageMagick (Command Line)
```bash
# Install ImageMagick first
# Then run these commands with your source image:

convert logo.png -resize 72x72 icon-72x72.png
convert logo.png -resize 96x96 icon-96x96.png
convert logo.png -resize 128x128 icon-128x128.png
convert logo.png -resize 144x144 icon-144x144.png
convert logo.png -resize 152x152 icon-152x152.png
convert logo.png -resize 192x192 icon-192x192.png
convert logo.png -resize 384x384 icon-384x384.png
convert logo.png -resize 512x512 icon-512x512.png
```

## Icon Design Tips

1. **Simple & Clear**: Use a simple, recognizable design
2. **High Contrast**: Ensure good visibility on all backgrounds
3. **No Text**: Avoid small text that becomes unreadable
4. **Centered**: Keep important elements in the center
5. **Padding**: Leave some padding around edges
6. **Square**: Design for square format (will be rounded by OS)

## Recommended Design
- Background: Gradient purple (#667eea to #764ba2)
- Icon: White shipping truck or box icon
- Style: Modern, flat design with subtle shadow

## Screenshots (Optional but Recommended)
Create 2 screenshots for app stores:
- screenshot1.png (540x720px) - Dashboard view
- screenshot2.png (540x720px) - Bookings list view

These help users see what the app looks like before installing.
