Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a comprehensive web application for "Transporte VIP", a premium travel agency specializing in online reservations for transportation and tours in Costa Rica. The application aims to provide an elegant and user-friendly platform for booking private transportation, exploring tourist destinations, and engaging with clients effectively.

## CORE FEATURES
1. **Online Reservation System**: Users can easily select pick-up locations, destinations, dates, and vehicle types to make bookings with instant pricing and recommendations.
2. **Destination Catalog**: A comprehensive list of tourist destinations in Costa Rica, including detailed information, travel times, and interactive maps.
3. **Vehicle Showcase**: Display various vehicle options with specifications, photos, and amenities to enhance user trust and professionalism.
4. **Tour Offerings**: Information on various tours (e.g., Arenal Volcano, Monteverde) with detailed itineraries and booking options.
5. **WhatsApp Integration**: A floating button for instant communication for assistance, quotes, and confirmations.
6. **User Testimonials**: A section to showcase reviews and testimonials from customers to build credibility and trust.

## 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 will consist of a top navigation bar, a hero section showcasing the services, a reservation form, destination catalog, vehicle showcase, and footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for reusable components.
- **State Management**: Utilize React context or Redux for managing application state as needed.

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**:
   - Initialize a new React project using Create React App with TypeScript.
   - Install necessary dependencies including Tailwind CSS and shadcn/ui.

2. **Create the Layout**:
   - Implement a responsive navigation bar at the top of the page.
   - Build the hero section with a background image and call-to-action buttons.

3. **Develop the Online Reservation System**:
   - Create a form component to capture user inputs for reservations (pick-up, destination, etc.).
   - Implement logic to calculate prices and recommend vehicles based on user selections.

4. **Design the Destination Catalog**:
   - Create a page/component that lists all tourist destinations with detailed information.
   - Implement an interactive map feature for visual aid.

5. **Showcase Vehicles and Tours**:
   - Design visual cards for different vehicle options and tours.
   - Include photos, specifications, and booking functionalities.

6. **Integrate WhatsApp for Customer Support**:
   - Add a floating WhatsApp button for direct communication with support staff.

7. **Build the Testimonials Section**:
   - Create a dynamic section that fetches and displays user testimonials from a database or API.

8. **Implement SEO Best Practices**:
   - Ensure all pages are optimized for search engines to improve visibility.

9. **Testing and Deployment**:
   - Conduct thorough testing of all functionalities.
   - Deploy the application using Vercel or another suitable platform.

## USER EXPERIENCE
Users will have a seamless experience starting from the hero section where they are greeted with enticing visuals and easy-to-navigate buttons. The reservation process will be straightforward, guiding users through each step. The integration of WhatsApp will ensure that users can receive immediate assistance, enhancing their confidence in booking services. The destination catalog and vehicle showcase will provide essential information, making decision-making easier for potential clients. Overall, the application will embody professionalism and efficiency, aligning with the brand's premium positioning.