Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project involves redesigning the website for Higuerón Rentals, focusing on enhancing user experience and visual appeal through a minimalist design. The main purpose is to improve audience segmentation, provide essential property information, and incorporate social proof to facilitate user decision-making.

## CORE FEATURES
1. **Segmented Hero Section**: Introduce audience-specific entry points (Rent / Buy / I'm an owner) in the hero area. This allows users to quickly identify their path, with contextual updates to the search form based on selection.
2. **Information-Rich Property Cards**: Redesigned property cards displaying key details such as hero images, property names, locations, guest capacities, prices, and amenities, reducing friction during the comparison process.
3. **Social Proof Block**: A dedicated section showcasing aggregated ratings, guest testimonials, and trust badges, leveraging the existing satisfied customer base to enhance credibility.
4. **Responsive Design**: Ensure the application is fully responsive across different devices and screen sizes, maintaining functionality and aesthetics.
5. **Call-to-Action Buttons**: Clear and prominent buttons for users to take action, such as searching for properties or contacting the team, using the primary color for visibility.

## 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 of information-rich property cards, and a dedicated social proof block at the bottom. The design will prioritize a linear flow to guide users through the decision-making process.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, but consider using local state management for form handling.

## IMPLEMENTATION STEPS
1. **Setup the Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for styling and UI components.
2. **Create the Hero Section**: Implement the hero section with segmented entry points. Use state to manage the selected audience and update the search form contextually.
3. **Design Property Cards**: Create a component for property cards that accepts props for images, names, locations, capacities, and amenities, ensuring all necessary information is displayed clearly.
4. **Develop the Social Proof Block**: Build a section that aggregates and displays ratings and testimonials, ensuring a visually appealing layout with trust badges.
5. **Implement Responsive Design**: Utilize Tailwind CSS to ensure all components are responsive and maintain a consistent design across different screen sizes.
6. **Test User Interactions**: Conduct thorough testing of all interactive elements to ensure they function as intended and provide a seamless user experience.

## USER EXPERIENCE
The user journey begins at the hero section, where they can easily identify their purpose (Rent, Buy, or as an Owner) and access relevant content. As users scroll down, they encounter property cards with essential information for quick comparisons. The social proof block reinforces trust with ratings and testimonials, guiding users towards making informed decisions. The layout is designed to be intuitive, with clear calls to action that encourage users to engage further with the site.