Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a scuba diving company named Ecotour Sonora, located in San Carlos. The primary purpose of the website is to showcase diving packages including classes, certification, and full experiences, while providing potential customers with an engaging and informative experience that encourages bookings.

## CORE FEATURES
1. **Hero Section**: A captivating introductory section featuring a striking image of scuba diving, a brief tagline, and a prominent call-to-action button for booking.
2. **Packages Overview**: A detailed section displaying different diving packages with descriptions, pricing, and a "Book Now" button for each package.
3. **Testimonials**: A section featuring customer testimonials to build trust and credibility, potentially with star ratings and client photos.
4. **About Us**: A concise description of Ecotour Sonora, highlighting the company’s mission, values, and experience in scuba diving.
5. **Contact Information**: A section providing contact details, including a phone number, email address, and a simple contact form for inquiries.
6. **FAQ Section**: Commonly asked questions about scuba diving and the services provided, aimed at addressing potential customer concerns.

## 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**: A single-page layout with smooth scrolling sections that include a hero area at the top, followed by packages, testimonials, about us, FAQs, and contact information, all designed for a seamless user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React application using Create React App with TypeScript support.
2. **Install dependencies**: Add Tailwind CSS for styling and shadcn/ui for UI components.
3. **Create the main structure**: Develop the main layout using functional components for each section (Hero, Packages, Testimonials, About Us, FAQ, Contact).
4. **Design the Hero Section**: Implement a full-width background image with a tagline and a call-to-action button styled using Tailwind CSS.
5. **Develop the Packages Overview**: Create an interactive grid to display the diving packages, including buttons for booking.
6. **Add Testimonials**: Design a carousel or grid layout to showcase customer reviews and ratings.
7. **About Us Section**: Summarize the company's background and mission in an engaging way.
8. **Implement Contact Information**: Design and code a contact form that captures user inquiries.
9. **Create the FAQ Section**: Format frequently asked questions for easy readability and access.
10. **Test Responsiveness**: Ensure all components are responsive and visually appealing on various devices.

## USER EXPERIENCE
Users will be greeted with a visually striking hero section that draws them in, leading them through a clear and organized flow of information about the diving packages. Each section will facilitate easy navigation, with call-to-action buttons guiding users to book their scuba diving experiences. The design will prioritize a clean and straightforward user journey, with quick access to important details and contact options, enhancing engagement and conversion rates.