Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a minimalist landing page that showcases the concept of adaptive variable resolution 2.5D leader mapping for dynamic environment perception, developed using Python and Streamlit. The landing page will highlight the technology's features, benefits, and applications, providing visitors with a clear understanding of its significance in modern perception systems.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a captivating headline, brief description, and a prominent call-to-action (CTA) button encouraging users to explore more.
2. **Features Overview**: A section that outlines the key functionalities of adaptive variable resolution mapping, including dynamic environment adaptation, real-time data processing, and enhanced perception accuracy.
3. **Use Cases**: Highlight practical applications of the technology in various industries such as robotics, gaming, and autonomous vehicles, demonstrating its versatility and potential impact.
4. **Testimonials**: A section for user testimonials or expert endorsements that build credibility and trust in the technology being presented.
5. **Contact Form**: A simple contact form for inquiries, feedback, or further information, allowing users to reach out easily.
6. **Footer**: Basic footer with links to social media, privacy policy, and terms of service.

## 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**: A single-column layout with sections stacked vertically for simplicity and easy navigation. Each section will have ample padding to maintain a clean look.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not needed for a simple landing page.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create Layout Structure**: Define the main layout in a single-page format using React components for each section (Hero, Features, Use Cases, Testimonials, Contact Form, Footer).
3. **Implement Hero Section**: Design the hero section with a large headline, subheading, and a CTA button styled with the primary color and rounded edges.
4. **Develop Features Overview**: Create a grid or list layout to present the core features using cards styled with Tailwind CSS, ensuring they have rounded corners.
5. **Add Use Cases**: Highlight multiple use cases with icons or images that represent each application, accompanied by brief descriptions.
6. **Create Testimonials Section**: Design a simple carousel or grid layout to display testimonials, ensuring they are legible and visually appealing.
7. **Implement Contact Form**: Develop a contact form with input fields and a submit button, ensuring proper validation and a smooth user experience.
8. **Style the Footer**: Add a footer with essential links and social media icons, maintaining the minimalist aesthetic.

## USER EXPERIENCE
Visitors will be greeted by a clean hero section that clearly communicates the project’s purpose. As they scroll, they will encounter engaging features and real-world applications, supported by testimonials that enhance credibility. A straightforward contact form will facilitate easy communication, ensuring a seamless experience. The minimalist design will guide users through the content without distractions, focusing on the innovative technology being presented.