Affordable luxury. - Luxe Managements — Lovable Build Prompt > Paste everything inside the code fence below as your first message in a new Lovable...
Generated Prompt
```markdown ## APPLICATION OVERVIEW You are building a marketing website for Luxe Managements — a premium short-term rental (Airbnb) and holiday-home management company based in Adelaide, South Australia. The site will embody the brand position of "affordable luxury," ensuring a visually appealing and trustworthy experience for potential clients. ## CORE FEATURES 1. **Hero Section**: Full viewport hero with a captivating background, brand tagline, and prominent CTAs. 2. **Services Overview**: Display of the various property management services offered, each represented by glass cards with brief descriptions. 3. **Testimonials**: Carousel of client testimonials highlighting successful property management experiences. 4. **Gallery Preview**: A visually striking preview of the company's managed properties. 5. **Contact Form**: User-friendly contact form for inquiries, linked to a database for managing enquiries. 6. **Blog Section**: Informative articles related to Airbnb management, showcasing expertise and providing value to visitors. ## 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 layout will consist of a sticky navbar, a spacious hero section, alternating content sections for services and testimonials, and a clear footer with contact details. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS. - **UI Components**: shadcn/ui. - **State Management**: React Hook Form for form handling. ## IMPLEMENTATION STEPS 1. **Project Setup**: Initialize a new React project using Vite and install necessary dependencies, including TypeScript, Tailwind CSS, and shadcn/ui. 2. **Create the Navbar**: Implement a sticky navbar with branding and navigation links. Style it according to the design specifications. 3. **Build the Hero Section**: Create the hero section with a full viewport height, background gradient, and CTA buttons. 4. **Develop Services Overview**: Implement the services overview section using glass card components, each with a description and a link to learn more. 5. **Set Up Testimonials Carousel**: Create a carousel to display client testimonials and results, ensuring it is responsive and easy to interact with. 6. **Implement Gallery Preview**: Build a gallery preview to showcase properties, ensuring images have appropriate alt text for accessibility. 7. **Create the Contact Form**: Develop a contact form using React Hook Form for validation and submission, linking it to Supabase for data storage. 8. **Add Blog Section**: Create a section for blog articles, with a grid layout for article cards and links to individual posts. 9. **Footer Implementation**: Design and implement the footer with contact information and social media links. ## USER EXPERIENCE Visitors will have a seamless experience navigating through the site. The hero section will draw them in with its stunning visuals and compelling CTAs. Users can easily access information about services, read testimonials, and view the property gallery. The contact form is straightforward, encouraging inquiries and engagement. The blog section will provide valuable insights, establishing Luxe Managements as a knowledgeable authority in the field. ```
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!
