# 📸 Image Directory Structure

Place your images in the following directories:

## 📁 Directory Structure:

```
public/images/
├── hero/              # Hero slider images (homepage)
│   ├── hero-1.jpg     # Hotel exterior
│   ├── hero-2.jpg     # Luxury room
│   └── hero-3.jpg     # Hotel lobby
│
├── rooms/             # Room images
│   ├── deluxe-boutique.jpg
│   ├── deluxe-twin-boutique.jpg
│   ├── deluxe-family-boutique.jpg
│   ├── executive-boutique.jpg
│   └── executive-family-boutique.jpg
│
├── gallery/           # Gallery images
│   ├── exterior-1.jpg
│   ├── lobby-1.jpg
│   ├── restaurant-1.jpg
│   ├── room-1.jpg
│   └── ... (add more as needed)
│
├── attractions/       # Nearby attractions
│   ├── pashupatinath.jpg
│   ├── boudhanath.jpg
│   └── durbar-square.jpg
│
├── services/          # Service images (optional)
│   └── ...
│
└── about/             # About page images
    └── ...
```

## 📝 Image Requirements:

### Hero Images:
- **Size:** 1920x1080px (or similar aspect ratio)
- **Format:** JPG or PNG
- **Files:** hero-1.jpg, hero-2.jpg, hero-3.jpg

### Room Images:
- **Size:** 800x600px minimum
- **Format:** JPG or PNG
- **Naming:** Match room slug (e.g., deluxe-boutique.jpg)

### Gallery Images:
- **Size:** 600x400px minimum
- **Format:** JPG or PNG
- **Categories:** exterior, interior, rooms, restaurant, views

### Attraction Images:
- **Size:** 1200x600px minimum
- **Format:** JPG or PNG

## 🚀 Quick Start:

1. Add your images to the appropriate folders
2. Use the exact filenames mentioned in the code
3. Or update the image paths in the views to match your filenames

## 💡 Tips:

- Use high-quality images for best results
- Optimize images for web (use tools like TinyPNG)
- Keep file sizes reasonable (< 500KB per image)
- Use descriptive filenames

