Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Sortilegio del Caribe is a web application designed as a travel and ecotourism blog targeting young, affluent audiences, showcasing the beauty and culture of Caribbean destinations. The platform provides in-depth articles and guides focused on responsible tourism, featuring unique insights from local residents passionate about nature and photography.

## CORE FEATURES
1. **Destination Hubs**: Dedicated sections for each Caribbean country, detailing beaches, activities, and accommodations.
2. **In-Depth Articles**: High-quality content (~4,000 words) covering historical, cultural, and gastronomical insights unique to each destination.
3. **Ecotourism Activities**: Information on eco-friendly activities such as bird watching, diving, local cuisine, and cultural experiences.
4. **User Engagement**: Options for users to leave comments, share experiences, and interact with content.
5. **Search Functionality**: Easy navigation through articles and destinations for enhanced user experience.
6. **Responsive Design**: Optimized for both desktop and mobile devices to ensure accessibility for all users.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The main layout structure will consist of a hero section, followed by featured destinations, a highlight of popular articles, and a footer with contact information and social media links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux (if needed for managing state across components).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App. Install Tailwind CSS and set up shadcn/ui for UI components.
2. **Create Layout Structure**: Develop the main layout including the header, hero section, and footer.
3. **Implement Destination Hubs**: Create individual pages for each Caribbean destination with sub-sections for beaches, activities, and accommodations.
4. **Develop Article Pages**: Design article templates that support rich content, images, and embedded media.
5. **Add Navigation**: Implement a responsive navigation bar that allows users to easily browse through destinations and articles.
6. **Incorporate Search Functionality**: Add a search feature to help users find specific content quickly.
7. **Optimize for Mobile**: Ensure all components are responsive and provide a seamless experience across devices.
8. **Testing and Deployment**: Conduct thorough testing for functionality and performance before deploying the application.

## USER EXPERIENCE
Users will have a seamless experience navigating through the various Caribbean destinations. They can easily read in-depth articles, explore activities, and find accommodations tailored to their interests. The minimalist design will allow users to focus on content without distractions, while the responsive layout ensures accessibility on any device. Interactive elements will enhance engagement, inviting users to share their experiences and contribute to the community.