Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a premium, modern, single-page corporate website for CREO (Consultancy Real Estate Opportunities) that addresses the real estate challenges faced by users in Spain (Barcelona, Madrid, Balearic Islands). The site will provide structured real estate advisory services through a minimalist design, focusing on user experience and lead generation, available in both English and Spanish.

## CORE FEATURES
1. **Hero Section**: Engaging headline and subheadline with a prominent call-to-action (CTA) button, introducing the advisory process and connecting users to a floating Virtual Assistant.
  
2. **About Us Section**: Clear articulation of CREO's mission and vision, emphasizing a one-to-one approach and the importance of personalized guidance in real estate.

3. **Where We Operate Section**: A visually appealing layout showcasing the key locations served: Barcelona, Madrid, and the Balearic Islands.

4. **Our Services Section**: Detailed overview of CREO’s offerings in investment, relocation, brokerage, property management, architectural services, and development, structured for easy navigation.

5. **Floating Virtual Assistant**: A dynamic lead qualification tool that interacts with users, collecting information and qualifying leads seamlessly.

6. **Contact Section**: Simple yet effective contact form allowing users to reach out directly, ensuring privacy and quick responses.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, a minimal color palette, and a strong focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds, enhanced with subtle accent colors for CTAs.
- **Layout**: 
  - **Hero**: Grid structure with two columns on larger screens, focusing on a strong visual impact.
  - **About Us**: Centered text layout for readability.
  - **Where We Operate**: Grid layout with responsive design for showcasing locations.
  - **Our Services**: Card layout for each service with hover effects for interactivity.
  - **Contact**: Flex layout for form elements, ensuring accessibility and ease of use.
- **Typography**: Serif font for headings to convey elegance, and sans-serif for body text for readability. Clear hierarchy maintained throughout.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive design and utility-first styling.
- **UI Components**: shadcn/ui for pre-designed components that match the minimalist aesthetic.
- **State Management**: Context API or local state management as needed for managing the Virtual Assistant interactions.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Next.js and TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Page Structure**: Build the single-page layout with sections for Hero, About Us, Where We Operate, Our Services, Virtual Assistant, and Contact.
4. **Design Components**: Use Tailwind CSS to style components according to the design specifications.
5. **Implement Floating Virtual Assistant**: Develop functionality for the assistant to interact with users, collecting necessary information and qualifying leads.
6. **Connect Backend Services**: Integrate with Supabase for lead management and notification functionalities.
7. **Test Responsiveness**: Ensure the website looks great on all devices and screen sizes.
8. **Deploy to Production**: Prepare the site for deployment, ensuring all functionalities work as expected.

## USER EXPERIENCE
Users will be greeted by an inviting Hero section that immediately communicates the value of CREO's services. As they scroll down, they will receive a clear understanding of the company’s mission, service offerings, and areas of operation. The floating Virtual Assistant will provide a proactive engagement point, allowing users to easily explore services and submit their information for follow-up. The contact form ensures a straightforward way to reach out for personalized consultations, emphasizing privacy and quick responses. The overall navigation will be intuitive, enhancing user satisfaction and lead conversion rates.