Premium, warm and emotionally trustworthy personal website for a Montenegro real-estate advisor.
Generated Prompt
## APPLICATION OVERVIEW This project is a landing page designed for a premium personal website for a Montenegro real-estate advisor. The primary goal is to present the advisor as a trusted local partner who helps clients navigate the Montenegrin property market with expertise and personal attention. The landing page will feature a clean, sophisticated design that reflects the emotional warmth and reliability of the brand. ## CORE FEATURES 1. **Hero Section**: A full-width image or video showcasing the Montenegrin coast with a headline and supporting text that establishes the advisor's credibility. 2. **Client Testimonials**: A slider showcasing placeholder testimonials that highlight the advisor's experience and client satisfaction. 3. **Service Overview**: Visual cards displaying the services offered, such as buying, selling, investing, and property management, with brief descriptions. 4. **Approach Section**: A simple four-step process outlining how the advisor works with clients, emphasizing personalized service. 5. **Location Insight Cards**: An editorial section displaying various locations in Montenegro with short descriptions, helping clients understand the local market. 6. **Contact Form**: A calm and user-friendly contact form for potential clients to book private consultations or inquire about services. ## 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 (use this as the main accent/brand color 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 layout features a full-width hero section at the top, followed by neatly organized sections for testimonials, services, and client engagement, ensuring a logical flow and easy navigation. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS. - **UI Components**: shadcn/ui. - **State Management**: Not specified, as the landing page does not require complex state handling. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and Tailwind CSS. 2. **Install Dependencies**: Add necessary libraries for routing and state management if required later. 3. **Create Layout Components**: Develop reusable components for the header, footer, and sections (hero, testimonials, services). 4. **Implement Hero Section**: Use a full-width image or video background and include the headline and supporting text. 5. **Add Testimonials Slider**: Create a testimonial component that can handle dynamic content once actual testimonials are added. 6. **Service Overview Section**: Build visual cards for services with descriptions and links to further details. 7. **Implement Approach Section**: Design the four-step process in a clear and engaging format. 8. **Location Insight Cards**: Create a section with image cards for various locations, including human-readable descriptions. 9. **Contact Form**: Develop a contact form with validation and success/error handling. 10. **Ensure Responsiveness**: Test and optimize the design for mobile, tablet, and desktop views. 11. **SEO Optimization**: Include metadata, Open Graph tags, and relevant keywords based on the specified SEO phrases. ## USER EXPERIENCE Key user interactions include an engaging hero section that immediately captures attention, easy navigation through sections via smooth scrolling, and an accessible contact form that encourages visitors to reach out. The overall experience should feel calm and inviting, aligning with the brand's positioning as a trusted local partner in Montenegro. The design emphasizes clarity and motivation to contact the advisor, enhancing the chances of conversion. By following this structured approach, the resulting landing page will effectively represent the Montenegro real-estate advisor's brand and services, fostering trust and encouraging potential clients to engage.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
