Refactor app to React Router and Tailwind

This commit is contained in:
TopherMayor
2026-06-12 10:35:19 -07:00
parent 11f5d1b225
commit fa0a7f44b7
15 changed files with 3157 additions and 318 deletions

View File

@@ -176,6 +176,25 @@ 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)}`;
}
function createOption(option) {
const categoryColor = CATEGORY_META[option.categoryId]?.color || '#888';
const primaryUrl = option.links?.[0]?.url || option.url || null;
@@ -187,9 +206,13 @@ function createOption(option) {
links: [],
categoryColor,
url: primaryUrl,
bookingUrl: option.bookingUrl || primaryUrl,
imageUrl: buildOptionImageUrl(option),
...option,
categoryColor,
url: primaryUrl,
bookingUrl: option.bookingUrl || primaryUrl,
imageUrl: buildOptionImageUrl(option),
};
}