# Mapa slika - Mapiranje WordPress → Laravel

Detaljno mapiranje gdje će se koja slika koristiti u novom Laravel sajtu.

---

## HERO SEKCIJA (Home Page)

### Glavni hero images:
```
WordPress: /wp-content/uploads/2025/10/CQU7WRW-min.jpg (556x520px)
Laravel:   public/storage/images/hero/food-hero-1.jpg
Namjena:   Desna strana hero sekcije, dekorativna slika jela

WordPress: /wp-content/uploads/2025/10/N2XAN6N-min.jpg (457x617px)
Laravel:   public/storage/images/hero/food-hero-2.jpg
Namjena:   Lijeva strana hero sekcije, dekorativna slika jela
```

---

## KATEGORIJE JELOVNIKA (Home Page Grid)

```
WordPress: /wp-content/uploads/2025/10/SV2QU2U-1-min.jpg (292x292px)
Laravel:   public/storage/images/categories/predjela.jpg
Namjena:   Ikona/slika za kategoriju "Predjela"

WordPress: /wp-content/uploads/2025/10/TQEXETM-1-min.jpg (292x292px)
Laravel:   public/storage/images/categories/glavna-jela.jpg
Namjena:   Ikona/slika za kategoriju "Glavna jela"

WordPress: /wp-content/uploads/2025/10/RCYEAQ8-1-min.jpg (292x292px)
Laravel:   public/storage/images/categories/deserti.jpg
Namjena:   Ikona/slika za kategoriju "Deserti"

WordPress: /wp-content/uploads/2025/10/XYG3CZ4-1-min.jpg (292x292px)
Laravel:   public/storage/images/categories/pica.jpg
Namjena:   Ikona/slika za kategoriju "Pića"
```

---

## ISTAKNUTA JELA / SPECIJALITETI (Home Page)

```
WordPress: /wp-content/uploads/2025/10/CJAXDV5-min.jpg (200x200px)
Laravel:   public/storage/images/food/rumpsteak-madagascar.jpg
MenuItem:  Rumpsteak "Madagascar" (18,90 €)
Alt text:  Rumpsteak Madagascar s umakom od zelenog papra

WordPress: /wp-content/uploads/2025/10/QV2Z7J2-min.jpg (200x200px)
Laravel:   public/storage/images/food/cevapi-punjeni-sirom.jpg
MenuItem:  Ćevapi punjeni sirom (10,20 €)
Alt text:  Sočni ćevapi punjeni domaćim sirom

WordPress: /wp-content/uploads/2025/10/UR7XK6B-min.jpg (200x200px)
Laravel:   public/storage/images/food/riblja-plata.jpg
MenuItem:  Riblja plata za 2 osobe (36,80 €)
Alt text:  Riblja plata - mješavina morske i riječne ribe

WordPress: /wp-content/uploads/2025/10/5PVH2PG-min.jpg (200x200px)
Laravel:   public/storage/images/food/pizza-slavonska.jpg
MenuItem:  Pizza Slavonska (9,50 €)
Alt text:  Pizza Slavonska s kulenom, čvarcima i lukom

WordPress: /wp-content/uploads/2025/10/6QFZ6BM-min.jpg (200x200px)
Laravel:   public/storage/images/food/cobanac.jpg
MenuItem:  Čobanac (8,80 €)
Alt text:  Tradicijski baranjski čobanac - tri vrste mesa

WordPress: /wp-content/uploads/2025/10/2XJG9U8-min.jpg (200x200px)
Laravel:   public/storage/images/food/slavonski-dorucak.jpg
MenuItem:  Slavonski doručak (8,90 €)
Alt text:  Slavonski doručak - jaja, kulen, budola, čvarci
```

---

## USLUGE/SERVICES SEKCIJA (Home Page)

```
WordPress: /wp-content/uploads/2025/12/konoba-sala-bijeli-stolnjaci.jpg (1600x1200px)
Laravel:   public/storage/images/restaurant/poslovni-rucak-sala.jpg
Namjena:   Card slika za "Poslovni ručkovi"
Alt text:  Konoba Petrić sala za poslovne ručkove - ugodna atmosfera

WordPress: /wp-content/uploads/2025/12/konoba-sala-proslave-elegantna.jpg (1600x1200px)
Laravel:   public/storage/images/restaurant/proslave-sala.jpg
Namjena:   Card slika za "Proslave i domjenci"
Alt text:  Elegantna sala Konoba Petrić za proslave i vjenčanja

WordPress: /wp-content/uploads/2025/12/konoba-enterijer-rustikalni-pec.jpg (1600x1200px)
Laravel:   public/storage/images/restaurant/rustikalni-enterijer.jpg
Namjena:   Card slika za "Romantične večere"
Alt text:  Konoba Petrić enterijer - rustikalna atmosfera s kamenom peći
```

---

## DODATNI ENTERIJER (O nama stranica / Galerija)

```
WordPress: /wp-content/uploads/2025/12/konoba-enterijer-stolovi-drvo.jpg
Laravel:   public/storage/images/restaurant/enterijer-stolovi-drvo.jpg
Namjena:   Galerija ili O nama stranica
Alt text:  Drveni stolovi u Konoba Petrić

WordPress: /wp-content/uploads/2025/12/konoba-enterijer-slike-slavonske.jpg
Laravel:   public/storage/images/restaurant/enterijer-slike-slavonske.jpg
Namjena:   Galerija ili O nama stranica
Alt text:  Tradicionalni slavonski dekor u Konoba Petrić

WordPress: /wp-content/uploads/2025/12/Konoba-verzija-1.jpg
Laravel:   public/storage/images/restaurant/konoba-verzija-1.jpg
Namjena:   O nama stranica hero ili velika feature slika
Alt text:  Konoba Petrić - autentična slavonska konoba u Osijeku
```

---

## JELA IZ DECEMBRA 2025 (Menu stranica)

Datoteke tipa `jelo-01-razno.jpg`, `jelo-08-meni.jpg` itd. (kopirano ~40 slika):

```
Struktura:
/wp-content/uploads/2025/12/jelo-*.jpg  
→  
public/storage/images/food/various/

Namjene:
- Galerija jela
- Menu items koji nemaju already assigned slike
- Rotacija na homepage-u (featured items)
```

---

## WHATSAPP SLIKE (2026/01) - Najnovije fotografije

Kopirano ~20 WhatsApp slika. Ovo su najnovije autentične fotografije:

```
Struktura:
/wp-content/uploads/2026/01/WhatsApp-Image-*.jpeg  
→  
public/storage/images/gallery/ ili /food/ ili /restaurant/

Nakon pregleda:
1. Sortirati po tipu (jelo/enterijer/eksterijor)
2. Preimenovati deskriptivno
3. Optimizirati (resize, WebP)
4. Koristiti za:
   - Galerija stranica
   - Instagram-style grid na homepage-u?
   - Hero rotacija
   - Social media content
```

---

## RAZNO / UI ELEMENTI (Template assets)

```
WordPress: /wp-content/uploads/2025/10/quote.png (33x22px)
Laravel:   public/bistro/images/icons/quote.png
Namjena:   Quote ikona za testimoniale (ako već nije u Bistro template-u)

WordPress: /wp-content/uploads/2025/10/RP4SZK2-6.png (67x67px)
Laravel:   public/storage/images/testimonials/avatar-ana.png
Namjena:   Avatar placeholder za testimoniala (Ana Kovačević)

WordPress: /wp-content/uploads/2025/10/RP4SZK2-7.png (67x67px)
Laravel:   public/storage/images/testimonials/avatar-marko.png
Namjena:   Avatar placeholder za testimoniala (Marko Horvat)

WordPress: /wp-content/uploads/2025/10/459ae244-ef16-4106-899d-4c893a3b38cd.jpg
          (možda logo ili branding image)
Laravel:   Provjeriti - može biti za O nama ili favicon base
```

---

## IGNORISANE SLIKE (NE MIGRIRATI)

Template/demo assets koji se NE koriste:
- `placeholder*.png` - WP placeholders
- `service1.jpg`, `service2.jpg` - template demo slike
- `pattern-2-min.png` - dekorativni pattern (ne koristi se)
- `woocommerce-placeholder*.webp` - WooCommerce demo
- Svi thumbnails s dimenzijama u imenu (-150x150, -300x..., itd.)

---

## OPTIMIZACIJA WORKFLOW ZA LARAVEL

### 1. Organizacija direktorija:
```
public/storage/images/
├── hero/              (hero sekcija)
├── categories/        (menu kategorije icons)
├── food/              (jela)
│   ├── featured/      (istaknuta jela)
│   └── various/       (ostala jela)
├── restaurant/        (enterijer/eksterijer)
├── gallery/           (galerija mix)
└── testimonials/      (avatari)
```

### 2. Naming convention:
- Deskriptivna imena: `rumpsteak-madagascar.jpg` umjesto `CJAXDV5-min.jpg`
- Lowercase, kebab-case
- Hrvatski slugovi gdje ima smisla: `cobanac.jpg`, `slavonski-dorucak.jpg`

### 3. Responsive images:
```php
// U Blade template-ima koristiti srcset
<img 
    src="{{ asset('storage/images/food/cobanac.jpg') }}" 
    srcset="
        {{ asset('storage/images/food/cobanac-400.jpg') }} 400w,
        {{ asset('storage/images/food/cobanac-800.jpg') }} 800w,
        {{ asset('storage/images/food/cobanac-1200.jpg') }} 1200w
    "
    sizes="(max-width: 768px) 100vw, 50vw"
    alt="Tradicijski baranjski čobanac"
    class="img-fluid"
>
```

### 4. WebP conversion:
- Generirati WebP verzije uz originalne JPG
- Picture element s fallbackom:
```html
<picture>
    <source srcset="image.webp" type="image/webp">
    <img src="image.jpg" alt="...">
</picture>
```

### 5. Lazy loading:
```html
<img src="..." loading="lazy" alt="...">
```

---

## SEEDER STRUCTURE

Za MenuItem model:

```php
MenuItem::create([
    'name' => 'Rumpsteak "Madagascar"',
    'slug' => 'rumpsteak-madagascar',
    'description' => 'Umak od zelenog papra, grill povrće i krompir. Premium odrezak za istinske ljubitelje mesa.',
    'price' => 18.90,
    'image' => 'food/featured/rumpsteak-madagascar.jpg',
    'category_id' => $glavnaJelaCategory->id,
    'featured' => true,
    'available' => true,
]);
```

---

## ALT TEXT GUIDELINES (SEO)

Svi alt tekstovi na hrvatskom:
- Deskriptivni
- Uključuju naziv konobe gdje relevantno
- Lokacija (Osijek) gdje ima smisla
- Prirodni jezik, ne keyword stuffing

Primjeri:
- ✅ "Rumpsteak Madagascar s umakom od zelenog papra u Konoba Petrić"
- ❌ "rumpsteak steak meat food restaurant osijek"