Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Construx ERP is a modern, responsive landing page designed to showcase a comprehensive ERP solution for construction companies and real estate developers. This site will highlight the key features of the software, its benefits, and provide a clear call to action for potential customers, all while maintaining a clean and minimalist aesthetic.

## CORE FEATURES
1. **Hero Section**: An engaging introductory area that encapsulates the essence of Construx ERP with a strong headline, subheadline, and a prominent call-to-action button.
2. **Feature Highlights**: A dedicated section showcasing the core functionalities of Construx ERP, including financial management, project tracking, and resource allocation with brief descriptions for each feature.
3. **Client Testimonials**: A section featuring quotes and endorsements from satisfied users, enhancing credibility and trust in the product.
4. **Pricing Information**: A transparent pricing section that outlines different tiers of service, helping potential customers make informed decisions.
5. **Contact Form**: A simple and intuitive contact form allowing users to get in touch for more information or schedule a demo.

## 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 be structured in a single-page format with distinct sections for the hero, features, testimonials, pricing, and contact, ensuring intuitive navigation and a seamless user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: [Not specifically required for a landing page]

## IMPLEMENTATION STEPS
1. Set up a new React project with TypeScript and install Tailwind CSS for styling.
2. Create a responsive layout using Tailwind's utility classes, ensuring each section (hero, features, testimonials, pricing, contact) is clearly defined.
3. Implement the hero section with a compelling headline and call-to-action button, styled with the primary color.
4. Develop the feature highlights section, using cards to present each feature succinctly.
5. Add a testimonials section with a slider for dynamic content display.
6. Create a pricing section that clearly outlines service tiers and includes a button for potential customers to sign up.
7. Implement the contact form using controlled components in React, ensuring easy data handling.
8. Test responsiveness across various devices and screen sizes, making adjustments as necessary.

## USER EXPERIENCE
The user experience will be centered around simplicity and clarity. Users will easily navigate through the sections of the landing page, with intuitive calls to action leading them to learn more, sign up, or get in touch. The minimalist design will facilitate a focus on content without distractions, enhancing engagement and driving conversions.