============================================================
TDL.COM.MY — IMAGE GENERATION PROMPTS
For ChatGPT / DALL·E image generation
============================================================

HOW TO USE
- Generate each image, then save it with the exact filename shown under
  "Save as", into your /images/ folder.
- Then in the HTML, replace the gradient placeholder with a real <img>.
  (Instructions for each swap are noted under "Where it goes".)
- Recommended export sizes are noted per image. Compress before upload
  (TinyPNG or Squoosh), and prefer WebP or JPEG.

------------------------------------------------------------
GLOBAL STYLE (paste this at the END of every prompt for a consistent set)
------------------------------------------------------------
"Style: modern editorial travel-magazine photography, natural daylight,
warm and inviting, rich but true-to-life colours, slight film grain,
shallow depth of field where appropriate. Palette leans into rainforest
green, sea teal, warm gold and a touch of hibiscus red. No text, no logos,
no watermarks, no people's faces in close-up. High resolution, photoreal."

============================================================
1. HOMEPAGE — HERO / SOCIAL SHARE IMAGE
============================================================
Save as:  images/og-image.jpg
Size:     1200 x 630 px (landscape, social-share ratio)
Where it goes: og:image meta tag (already references this filename) — also
               usable as a hero background if you decide to add one.

PROMPT:
"A sweeping aerial view of a tropical Malaysian coastline at golden hour:
turquoise sea meeting a lush green rainforest headland, a few small islands
in the distance, gentle waves. Cinematic, expansive, optimistic mood, the
kind of opening image a premium travel magazine would run on its cover.
[+ GLOBAL STYLE]"

============================================================
2. HOMEPAGE — "WHAT WE COVER" CARD ICONS (OPTIONAL)
============================================================
NOTE: These three cards currently use simple emoji icons (✈ ☕ ⚽), which
look clean and load instantly. Only generate images if you want photo
thumbnails instead. If so:

Save as:  images/cover-travel.jpg / cover-lifestyle.jpg / cover-sport.jpg
Size:     800 x 600 px each

2a. Travel & Destinations —
"A traveller's flat-lay from above: a folded map of Malaysia, a straw hat,
sunglasses, a camera and a small woven basket on a wooden table, soft
natural light. [+ GLOBAL STYLE]"

2b. Lifestyle & Living —
"A cosy Malaysian kopitiam scene: a cup of local kopi and a slice of kaya
toast on a marble table, morning light through a window, calm and homely.
[+ GLOBAL STYLE]"

2c. Sport & Events —
"A vibrant outdoor recreation scene in Malaysia: people jogging along a
tree-lined park path at sunrise, motion and energy, greenery around.
Faces not identifiable. [+ GLOBAL STYLE]"

============================================================
3. HOMEPAGE — LATEST STORIES (3 CARD THUMBNAILS)
============================================================
These currently use coloured gradients with category tags. Replace each
.story .thumb with a real photo for a richer look.
Size: 800 x 500 px each (landscape).

3a. Save as: images/story-kl-hotels.jpg
"A stylish modern hotel room in Kuala Lumpur with floor-to-ceiling windows
overlooking the city skyline and the Petronas Towers in the distance at
dusk, warm interior lighting. [+ GLOBAL STYLE]"

3b. Save as: images/story-labuan.jpg
"A peaceful Labuan island beach: clear shallow water, soft pale sand,
palm trees leaning over the shore, a wooden jetty stretching into calm sea,
late afternoon light. [+ GLOBAL STYLE]"

3c. Save as: images/story-penang.jpg
"A characterful George Town Penang street scene: colourful heritage
shophouses, a glimpse of colourful street-art mural on a wall, a bicycle
leaning nearby, warm afternoon light. No readable text on signs.
[+ GLOBAL STYLE]"

============================================================
4. HOMEPAGE — ABOUT BAND VISUAL
============================================================
Replaces the .visual gradient block in the dark "About TDL" section.
Save as:  images/about-band.jpg
Size:     1000 x 800 px (portrait-ish)

PROMPT:
"An evocative montage-feel single image representing Malaysian travel and
lifestyle: a lush rainforest river winding through green hills with a hint
of misty mountains, rich greens and teal water. Calm, premium, editorial.
[+ GLOBAL STYLE]"

============================================================
5. HOMEPAGE — RESOURCES CARD (REAL ESTATE)
============================================================
Optional photo for the Resources card (currently a 🏠 icon).
Save as:  images/resource-realestate.jpg
Size:     800 x 600 px

PROMPT:
"Modern Malaysian residential property exterior: a contemporary condominium
or landed home with tropical landscaping, blue sky, clean architectural
lines, inviting and aspirational. [+ GLOBAL STYLE]"

============================================================
6. ABOUT PAGE — (uses text + icon cards; no photos required)
============================================================
The About page is intentionally text-led. OPTIONAL hero photo if you want
one behind the page title:
Save as:  images/about-hero.jpg
Size:     1600 x 700 px (wide banner)

PROMPT:
"A warm, candid editorial scene suggesting a travel magazine team at work:
an out-of-focus desk with a camera, printed travel photos, a notebook and
a coffee, soft window light. Suggestive, not literal. Faces not in focus.
[+ GLOBAL STYLE]"

============================================================
7. BLOG LISTING PAGE — STORY THUMBNAILS (5 POSTS)
============================================================
Reuse 3a/3b/3c above where the posts match, plus two more:
Size: 800 x 500 px each.

7a. Save as: images/story-office-furniture.jpg
"A bright, well-designed modern office interior with stylish ergonomic
furniture, plants, and warm natural light through large windows, calm and
productive atmosphere. [+ GLOBAL STYLE]"

7b. Save as: images/story-active-lifestyle.jpg
"An active healthy-lifestyle scene in Malaysia: a person cycling or jogging
on a scenic green trail at golden hour, sense of wellbeing and movement,
lush surroundings. Face not identifiable. [+ GLOBAL STYLE]"

============================================================
8. BLOG ARTICLE TEMPLATE — LEAD IMAGE (PER ARTICLE)
============================================================
Each article needs one lead image. Generate per topic.
Save as:  images/[article-slug].jpg   (match your page slug)
Size:     1200 x 675 px (16:9 landscape)

GENERIC PROMPT (adapt the subject to each article):
"A striking editorial lead photo for an article about [ARTICLE TOPIC,
e.g. 'top activities in Penang']. [Describe the key scene]. Magazine cover
quality, strong focal point, leaves room at one side that could sit behind
a headline. [+ GLOBAL STYLE]"

============================================================
9. CAREERS PAGE — (uses icon cards; no photos required)
============================================================
Optional only. If desired, reuse images/about-hero.jpg.

============================================================
10. FAVICON / LOGO MARK (OPTIONAL)
============================================================
Save as:  images/favicon.png  (512 x 512 px, square)
PROMPT:
"A minimal, modern logo mark for a travel and lifestyle brand called 'TDL':
a simple geometric symbol combining a leaf and a wave, in rainforest green
and sea teal on a transparent or white background. Flat, clean, no text,
suitable as an app icon. Vector-style, crisp edges."

============================================================
NOTES
- Keep all images you generate rights-clear for your own use (AI-generated
  images you create are fine to publish on your own site).
- Name files exactly as shown so the HTML swaps are straightforward.
- After adding real photos, give every <img> a descriptive alt attribute
  (e.g. alt="Turquoise sea and rainforest headland on the Malaysian coast").
============================================================
