# Mr. DILF Asset Replacement Map

Use this file when replacing placeholder media. Keep filenames exact unless you also update `index.html`.

## Homepage

| Slot | Replace With | Suggested Size | Location |
|---|---|---:|---|
| logo-md.png | Supplied MD / Mr DILF logo from `assets/idea.png` | 1536x1024 | Header and hero |
| HERO_LOOP_VIDEO_01.mp4 | Short muted loop or hero promo video | 1920x1080, mp4/webm | Top hero panel |
| HERO_IMAGE_MOBILE.jpg | Optional fallback mobile image | 1080x1350 | Add later as responsive fallback |

## Public Gallery

| Slot | Replace With | Suggested Size | Notes |
|---|---|---:|---|
| PUB_PHOTO_001.jpg | Public teaser image 1 | 1200x1500 | Promo-safe preview |
| PUB_PHOTO_002.jpg | Public teaser image 2 | 1200x1500 | Promo-safe preview |
| PUB_PHOTO_003.jpg | Public teaser image 3 | 1200x1500 | Promo-safe preview |
| PUB_PHOTO_004.jpg | Public teaser image 4 | 1200x1500 | Promo-safe preview |
| TEASER_VIDEO_001.mp4 | Public teaser clip 1 | 1080x1350 or 1920x1080 | Keep short for fast loading |
| TEASER_VIDEO_002.mp4 | Public teaser clip 2 | 1080x1350 or 1920x1080 | Use poster image later |

## VIP Locked Area

| Slot | Replace With | Suggested Size | Access Level |
|---|---|---:|---|
| VIP_PHOTO_001.jpg | VIP gallery image 1 | 1200x1500 | Paid members |
| VIP_PHOTO_002.jpg | VIP gallery image 2 | 1200x1500 | Paid members |
| VIP_VIDEO_001.mp4 | VIP video 1 | 1080p mp4/webm | Paid members |
| PRIVATE_VIDEO_001.mp4 | Premium/private video | 1080p mp4/webm | Highest tier or pay-per-unlock |

## Paid Drops / Pay-Per-View Posts

Use stable post IDs in the site and payment records. Keep the ID visible on the card while building so media, price, checkout product, and message attachment all match.

| Post ID | Suggested Filename | Type | Starting Price | Notes |
|---|---|---|---:|---|
| PIC-0001 | PIC-0001-private-lounge-stills.jpg | Photo set | GBP 12.99 | Public card for paid unlock |
| VID-0001 | VID-0001-after-dark-teaser.mp4 | Video | GBP 24.99 | Can be attached in messages |
| PIC-0002 | PIC-0002-gold-room-preview.jpg | Photo set | GBP 9.99 | Public card for paid unlock |
| VID-0002 | VID-0002-members-cut.mp4 | Premium video | GBP 34.99 | Higher-value pay-per-view post |

When adding more posts:

- Photos: use `PIC-0003`, `PIC-0004`, `PIC-0005`, and so on.
- Videos: use `VID-0003`, `VID-0004`, `VID-0005`, and so on.
- Store the price with the post record when this moves into a CMS or database.
- Match the checkout product ID to the same post ID.
- Match message attachments to the same post ID.

Current static site price controls are front-end only. They demonstrate the workflow but do not persist after reload until connected to a database.

## Instant Messaging

| Slot | Replace With | Notes |
|---|---|---|
| THREAD_USER_001 | Fan/user record from auth system | Example thread: Alex |
| THREAD_USER_002 | Fan/user record from auth system | Example thread: Ryan |
| THREAD_USER_003 | Fan/user record from auth system | Example thread: Jamie |
| MESSAGE_ATTACHMENT_POST_ID | `PIC-0001`, `VID-0001`, etc. | Paid media attachments should reference the numbered post ID |

## Live Shows

| Slot | Replace With | Suggested Size | Notes |
|---|---|---:|---|
| LIVE_ROOM_PLAYER | Embedded player or streaming SDK container | N/A | Replace with LiveKit, OBS embed, or provider iframe |
| STREAM_THUMB_001.jpg | Public ticketed show thumbnail | 1200x675 | 16:9 works best |
| PRIVATE_STREAM_THUMB_001.jpg | Private room thumbnail | 1200x675 | 16:9 works best |
| REPLAY_VIDEO_001.mp4 | Replay video | 1080p | Use paid access controls |

## Merchandise

| Slot | Replace With | Suggested Size | Notes |
|---|---|---:|---|
| MERCH_SHIRT_001.png | Shirt product mockup | 1200x1200 PNG | Transparent background ideal |
| MERCH_CAP_001.png | Cap product mockup | 1200x1200 PNG | Transparent background ideal |
| MERCH_PRINT_001.png | Signed print mockup | 1200x1200 PNG | Product preview |

## Merch Store IDs

Use stable merch IDs so the shop, print provider, inventory, and order records match.

| Merch ID | Product | Starting Price | Suggested Filename |
|---|---|---:|---|
| MERCH-0001 | Signature Hoodie | GBP 59.99 | MERCH-0001-signature-hoodie.png |
| MERCH-0002 | Club Cap | GBP 24.99 | MERCH-0002-club-cap.png |
| MERCH-0003 | Signed Print | GBP 39.99 | MERCH-0003-signed-print.png |

## Folder Convention

Put future files here:

- `/assets/images/` for JPG, PNG, WEBP
- `/assets/videos/` for MP4, WEBM
- `/assets/merch/` for product mockups

## Naming Rule

Use uppercase slot names during early build. Later, when moving into a CMS, convert them into records like:

- `public-gallery-001`
- `vip-video-001`
- `live-show-friday-thumb`
- `merch-shirt-signature-black`