← Back to Kontasks

Finding Suburb Hero Images

Process for sourcing and selecting hero images for suburb pages

✓ Completed
on 2 Jan 2026, 3:10 pm

Output

🖼️ Finding Suburb Hero Images

Each suburb page on konnect.homes and konnect.rentals needs a hero image and a slider image. Here's how I find them:

Step 1: Search for Quality Sources

I search tourism and real estate sites for high-quality images:

  • Tourism sites — experiencegoldcoast.com, queensland.com
  • Wikipedia/Wikimedia — Often has aerial or landmark photos
  • Real estate sites — realestate.com.au suburb profiles
  • Aerial photography — airviewonline.com, skyepics.com.au
  • Local council sites — goldcoast.qld.gov.au, logan.qld.gov.au

Step 2: Image Criteria

Requirement Details
Resolution Minimum 2000px wide for hero images
Content Recognizable landmark, aerial view, or scenic shot
Style Bright, welcoming, professional quality
Rights Prefer Creative Commons or tourism promotional images

Step 3: Present Options via Kontask

I create an image_selection kontask showing multiple options:

{
  "type": "image_review",
  "title": "Hero image for [Suburb] suburb page",
  "context": {
    "layout": {
      "template": "image_selection",
      "data": {
        "images": [
          {"url": "...", "label": "Aerial view", "recommended": true},
          {"url": "...", "label": "Beach scene"},
          {"url": "...", "label": "Park/greenery"}
        ]
      }
    }
  }
}

Step 4: Process & Store

Once approved, the image goes through:

  1. konimage — Processes and caches at required sizes
  2. kondata — Updates suburbs.json with image URLs
  3. push-suburbs.ts — Syncs to Webflow CMS

💡 Tip: Ask me to find a hero image for any suburb! Just say "Find a hero image for [suburb name]" and I'll search and present options.

Quick Actions

Original Request

No layout configured

Details

Type General
Status Completed
Created 1 Jan 2026, 11:30 pm
Updated 2 Jan 2026, 3:10 pm
Created By claude

Raw Data

{
  "id": "90229b6c-5f21-42ae-9a39-5f373eac4dc3",
  "type": "general",
  "status": "completed",
  "title": "Finding Suburb Hero Images",
  "description": "Process for sourcing and selecting hero images for suburb pages",
  "context": {
    "output": "<div style=\"background:#1e1e1e;color:#e0e0e0;padding:20px;border-radius:8px;font-family:'Segoe UI','Helvetica Neue',sans-serif;\">\n<h2 style=\"color:#fff;margin:0 0 16px 0;\">🖼️ Finding Suburb Hero Images</h2>\n\n<p style=\"color:#b0b0b0;line-height:1.6;margin-bottom:20px;\">Each suburb page on konnect.homes and konnect.rentals needs a <strong style=\"color:#98c379;\">hero image</strong> and a <strong style=\"color:#61afef;\">slider image</strong>. Here's how I find them:</p>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"color:#61afef;margin:0 0 12px 0;\">Step 1: Search for Quality Sources</h3>\n<p style=\"margin:0 0 12px 0;color:#b0b0b0;\">I search tourism and real estate sites for high-quality images:</p>\n<ul style=\"margin:0;padding-left:20px;line-height:1.8;\">\n<li><strong style=\"color:#e5c07b;\">Tourism sites</strong> — experiencegoldcoast.com, queensland.com</li>\n<li><strong style=\"color:#e5c07b;\">Wikipedia/Wikimedia</strong> — Often has aerial or landmark photos</li>\n<li><strong style=\"color:#e5c07b;\">Real estate sites</strong> — realestate.com.au suburb profiles</li>\n<li><strong style=\"color:#e5c07b;\">Aerial photography</strong> — airviewonline.com, skyepics.com.au</li>\n<li><strong style=\"color:#e5c07b;\">Local council sites</strong> — goldcoast.qld.gov.au, logan.qld.gov.au</li>\n</ul>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"color:#61afef;margin:0 0 12px 0;\">Step 2: Image Criteria</h3>\n<table style=\"width:100%;border-collapse:collapse;\">\n<tr style=\"border-bottom:1px solid #444;\">\n<th style=\"text-align:left;padding:8px;color:#c678dd;\">Requirement</th>\n<th style=\"text-align:left;padding:8px;color:#c678dd;\">Details</th>\n</tr>\n<tr style=\"border-bottom:1px solid #333;\">\n<td style=\"padding:8px;color:#98c379;\">Resolution</td>\n<td style=\"padding:8px;\">Minimum 2000px wide for hero images</td>\n</tr>\n<tr style=\"border-bottom:1px solid #333;\">\n<td style=\"padding:8px;color:#98c379;\">Content</td>\n<td style=\"padding:8px;\">Recognizable landmark, aerial view, or scenic shot</td>\n</tr>\n<tr style=\"border-bottom:1px solid #333;\">\n<td style=\"padding:8px;color:#98c379;\">Style</td>\n<td style=\"padding:8px;\">Bright, welcoming, professional quality</td>\n</tr>\n<tr>\n<td style=\"padding:8px;color:#98c379;\">Rights</td>\n<td style=\"padding:8px;\">Prefer Creative Commons or tourism promotional images</td>\n</tr>\n</table>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"color:#61afef;margin:0 0 12px 0;\">Step 3: Present Options via Kontask</h3>\n<p style=\"margin:0 0 12px 0;color:#b0b0b0;\">I create an <strong style=\"color:#c678dd;\">image_selection kontask</strong> showing multiple options:</p>\n<pre style=\"background:#252525;padding:12px;border-radius:4px;overflow-x:auto;color:#e5c07b;font-family:'Consolas','Monaco',monospace;\">{\n  \"type\": \"image_review\",\n  \"title\": \"Hero image for [Suburb] suburb page\",\n  \"context\": {\n    \"layout\": {\n      \"template\": \"image_selection\",\n      \"data\": {\n        \"images\": [\n          {\"url\": \"...\", \"label\": \"Aerial view\", \"recommended\": true},\n          {\"url\": \"...\", \"label\": \"Beach scene\"},\n          {\"url\": \"...\", \"label\": \"Park/greenery\"}\n        ]\n      }\n    }\n  }\n}</pre>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"color:#61afef;margin:0 0 12px 0;\">Step 4: Process & Store</h3>\n<p style=\"margin:0 0 8px 0;color:#b0b0b0;\">Once approved, the image goes through:</p>\n<ol style=\"margin:0;padding-left:20px;line-height:1.8;\">\n<li><strong style=\"color:#98c379;\">konimage</strong> — Processes and caches at required sizes</li>\n<li><strong style=\"color:#98c379;\">kondata</strong> — Updates suburbs.json with image URLs</li>\n<li><strong style=\"color:#98c379;\">push-suburbs.ts</strong> — Syncs to Webflow CMS</li>\n</ol>\n</div>\n\n<div style=\"background:#252525;border-left:4px solid #98c379;padding:12px 16px;border-radius:0 6px 6px 0;\">\n<p style=\"margin:0;color:#b0b0b0;\"><strong style=\"color:#98c379;\">💡 Tip:</strong> Ask me to find a hero image for any suburb! Just say \"Find a hero image for [suburb name]\" and I'll search and present options.</p>\n</div>\n\n</div>",
    "requestedAt": "2026-01-01T00:01:00.000Z",
    "requestId": "5ef18cbc-e9cc-4d43-851f-01f118c20e4d"
  },
  "createdBy": "claude",
  "createdAt": "2026-01-01T13:30:43.878Z",
  "updatedAt": "2026-01-02T05:10:54.072Z",
  "requestId": "5ef18cbc-e9cc-4d43-851f-01f118c20e4d"
}
DashboardReportsKontasksSessionsTelemetryLogs + Go