- Friendly header with 'Explora Chiriquí!' greeting and prominent search bar - Horizontal category chips with emojis (Restaurante, Hotel, Cafe, etc.) - Sticky chips row for quick filtering while scrolling - 'Destacados' section: 2 large portrait cards with image, gradient overlay, category badge - 'Por Area' chips: David, Boquete, Volcan, etc. — click to filter - 'Todos los lugares' 2-col grid with image, cat badge, area label - When filtering: results counter, reset button, 'no results' empty state - 'Busca algo mas' CTA card at bottom of filtered results - Full dark/light mode via CSS variables
Vue 3 + TypeScript + Vite
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.
Learn more about the recommended Project Setup and IDE Support in the Vue Docs TypeScript Guide.