Fix option card readability and image loading

This commit is contained in:
TopherMayor
2026-06-12 11:10:27 -07:00
parent fa0a7f44b7
commit 4cce703544
7 changed files with 133 additions and 52 deletions

View File

@@ -176,23 +176,10 @@ const BUDGET_SCENARIOS = [
},
];
const OPTION_IMAGE_QUERIES = {
hotel: 'cabo san lucas resort',
flight: 'airplane mexico coast',
golf: 'los cabos golf course',
nightlife: 'cabo san lucas nightlife',
excursion: 'cabo san lucas boat',
itinerary: 'los cabos beach marina',
budget: 'cabo san lucas marina',
};
function buildOptionImageUrl(option) {
if (option.imageUrl) return option.imageUrl;
const query = [
option.name,
OPTION_IMAGE_QUERIES[option.categoryId] || 'los cabos mexico',
].filter(Boolean).join(' ');
return `https://source.unsplash.com/640x420/?${encodeURIComponent(query)}`;
const primaryUrl = option.links?.[0]?.url || option.url || option.bookingUrl || '';
return primaryUrl ? `/api/preview-image?url=${encodeURIComponent(primaryUrl)}` : null;
}
function createOption(option) {