Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page for zlarp.com, designed to promote its services while providing users with a clean, minimalist experience. The primary goal is to communicate the value of zlarp.com and encourage visitors to engage with the platform, leveraging a straightforward and efficient design.

## CORE FEATURES
1. **Hero Section**: A prominent introductory area that succinctly presents zlarp.com’s value proposition, featuring a call-to-action (CTA) button to encourage sign-ups or further exploration.
2. **Features Overview**: A section highlighting the main features of zlarp.com, providing brief descriptions and benefits to users.
3. **Testimonials**: User reviews or success stories to build trust and credibility, showcasing how zlarp.com has positively impacted its users.
4. **Call to Action**: A dedicated CTA section that motivates users to sign up or learn more, reinforcing the actions you want them to take.
5. **Contact Information**: A simple contact form or information section to allow users to reach out for inquiries or support.

## 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 top navigation bar, a full-width hero section, followed by feature cards laid out in a grid, a testimonial slider, a prominent CTA section, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified (consider using React Context or a simple state management solution if necessary)

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project using Create React App with TypeScript.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create the layout**: Build the main layout structure with a navigation bar, hero section, features section, testimonials, CTA, and footer.
4. **Style the components**: Use Tailwind CSS to apply the minimalist design specifications, ensuring proper spacing and alignment.
5. **Implement hero section**: Add the main value proposition with a CTA button linked to a signup or information page.
6. **Feature cards**: Create reusable components for the features overview, ensuring they are responsive and visually appealing.
7. **Testimonials section**: Implement a slider or grid layout for user reviews, ensuring easy readability and aesthetics.
8. **Finalize the CTA**: Make the call-to-action section prominent and inviting.
9. **Add contact information**: Include a simple contact form or display contact details for user inquiries.
10. **Test responsiveness**: Ensure the application is fully responsive and functions well on various devices.

## USER EXPERIENCE
The user experience focuses on simplicity and clarity. Users will be greeted with a visually appealing hero section that quickly communicates the purpose of zlarp.com. As they scroll down, they will encounter the features section that details what zlarp.com offers, followed by testimonials that build trust. The CTA will be strategically placed to encourage user engagement, while the contact section ensures users can easily reach out for any inquiries, creating a seamless and inviting experience throughout the landing page.