╔════════════════════════════════════════════════════════════════╗
║          📸 WHERE TO PLACE YOUR PHOTOS - QUICK GUIDE          ║
╚════════════════════════════════════════════════════════════════╝

📍 LOCATION: public/images/

📁 FOLDER STRUCTURE & REQUIRED PHOTOS:
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

1️⃣  HOMEPAGE HERO SLIDER (3 photos)
   📂 public/images/hero/
   ├── hero-1.jpg    → Hotel exterior/main building
   ├── hero-2.jpg    → Beautiful room interior
   └── hero-3.jpg    → Hotel lobby/reception

2️⃣  ROOM PHOTOS (Most Important!)
   📂 public/images/rooms/
   ├── rooms-header.jpg           → Header for rooms page
   ├── deluxe-boutique.jpg        → Main image for Deluxe Boutique room
   ├── deluxe-boutique-2.jpg     → Additional image
   ├── deluxe-twin.jpg            → Main image for Deluxe Twin room
   ├── deluxe-twin-2.jpg         → Additional image
   ├── deluxe-family.jpg          → Main image for Deluxe Family room
   ├── deluxe-family-2.jpg       → Additional image
   ├── executive.jpg              → Main image for Executive room
   ├── executive-2.jpg           → Additional image
   ├── executive-family.jpg       → Main image for Executive Family room
   └── executive-family-2.jpg    → Additional image

3️⃣  GALLERY PHOTOS
   📂 public/images/gallery/
   ├── gallery-header.jpg    → Header for gallery page
   ├── exterior-1.jpg        → Hotel exterior
   ├── lobby-1.jpg           → Hotel lobby
   ├── restaurant-1.jpg      → Restaurant area
   ├── room-1.jpg            → Room photo
   ├── room-2.jpg            → Another room photo
   ├── food-1.jpg            → Food/breakfast
   ├── reception-1.jpg       → Reception area
   └── view-1.jpg            → Rooftop/view

4️⃣  ATTRACTION PHOTOS
   📂 public/images/attractions/
   ├── pashupatinath.jpg     → Pashupatinath Temple
   ├── pashupatinath-2.jpg   → Additional temple photo
   ├── boudhanath.jpg        → Boudhanath Stupa
   └── durbar-square.jpg     → Kathmandu Durbar Square

5️⃣  OTHER PAGES
   📂 public/images/services/
   └── services-header.jpg   → Services page header

   📂 public/images/about/
   ├── about-header.jpg      → About page header
   ├── about-main.jpg        → Main about image
   ├── about-1.jpg          → Interior photo 1
   ├── about-2.jpg          → Interior photo 2
   ├── about-3.jpg          → Interior photo 3
   └── about-4.jpg          → Interior photo 4

   📂 public/images/contact/
   └── contact-header.jpg    → Contact page header

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🚀 HOW TO ADD PHOTOS:
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Method 1: Using Finder (Mac)
   1. Open Finder
   2. Navigate to: Desktop → Hotel Bardan Boutique → public → images
   3. Open the folder you need (e.g., "rooms")
   4. Drag and drop your photos into the folder
   5. Rename them to match the exact filenames above

Method 2: Using Terminal
   cd "/Users/sumankc/Desktop/Hotel Bardan Boutique/public/images/rooms"
   # Then copy your photos here and rename them

Method 3: Using VS Code/Cursor
   1. Right-click on public/images/rooms/ folder
   2. Select "Reveal in Finder" or "Open in File Explorer"
   3. Add your photos

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✅ PHOTO REQUIREMENTS:
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

• Format: JPG or PNG (JPG recommended)
• Hero images: 1920x1080px (wide format)
• Room images: 800x600px or larger
• File size: Under 500KB each (for fast loading)
• Quality: High quality, well-lit photos

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

💡 TIPS:
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

1. Start with room photos - these are most important!
2. Use exact filenames (case-sensitive)
3. If a photo is missing, a placeholder will show (site still works)
4. You can add photos gradually - no need to add all at once
5. After adding photos, refresh your browser (Ctrl+Shift+R)

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

📋 PRIORITY ORDER (What to add first):
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

1. ⭐ Room photos (public/images/rooms/) - MOST IMPORTANT
2. Hero slider photos (public/images/hero/)
3. Gallery photos (public/images/gallery/)
4. Attraction photos (public/images/attractions/)
5. Other page headers (services, about, contact)

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

After adding photos, refresh: http://localhost:8001

