Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a professional landing page for a boat rental company. The website will serve as a marketing platform to showcase the available boats for rent, highlight key features, and encourage potential customers to make inquiries or bookings. The focus will be on a clean, minimalist design that enhances user experience and facilitates easy navigation.

## CORE FEATURES
1. **Hero Section**: A visually appealing hero section with a captivating image of the boats, a brief welcome message, and a strong call-to-action (CTA) button for bookings.
2. **Boat Listings**: A section displaying the different types of boats available for rent, including images, descriptions, and pricing information.
3. **Features**: Highlight key features of the service, such as safety measures, customer support, and flexibility in bookings.
4. **Testimonials**: A section for customer testimonials to build trust and credibility with potential clients.
5. **Contact Information**: A contact form for inquiries, along with location details and phone numbers to facilitate easy communication.

## 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 full-width hero section at the top, followed by a grid layout for boat listings, a features section with icons, a testimonials carousel, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Not necessary for this landing page; simple props and state can be used as needed.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create the Hero Component**: Develop the hero section with a background image, welcome text, and CTA button styled with the primary color.
3. **Build the Boat Listings Component**: Create a component to display boat images, descriptions, and pricing in a responsive grid layout.
4. **Implement the Features Section**: Use icons and brief descriptions to highlight the service's key features, ensuring a clean and organized appearance.
5. **Add Testimonials**: Create a carousel or grid section for customer testimonials, ensuring it is visually distinct and easy to read.
6. **Design the Contact Form**: Develop a contact form with inputs styled according to the border radius specifications, ensuring clear labels and submission feedback.
7. **Finalize the Layout and Responsive Design**: Ensure all components are responsive and align with the minimalist visual style, adjusting layout for different screen sizes.
8. **Testing and QA**: Conduct thorough testing for usability and responsiveness across various devices and browsers.

## USER EXPERIENCE
Users will have an intuitive experience navigating through the landing page. The hero section captures their attention immediately, while the boat listings provide clear information. The features and testimonials sections instill confidence in the service, while the contact section makes it easy for users to reach out. Overall, the design aims to minimize distractions and guide users towards making a booking.