Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a minimalist landing page inspired by the aesthetic of h2.nexus. Its main purpose is to present information clearly and attractively, focusing on user engagement and conversion through a clean design and streamlined content.

## CORE FEATURES
1. **Hero Section**: A visually striking section at the top featuring a concise tagline, a brief description of the service, and a prominent call-to-action (CTA) button.
2. **Features Overview**: A section highlighting key features or services with brief descriptions and icons, providing users with a quick understanding of the offering.
3. **Testimonials**: A section showcasing user testimonials or case studies to build credibility and trust within the audience.
4. **Call to Action**: A dedicated section encouraging users to sign up or learn more, prominently placed to drive conversions.
5. **Contact Information**: Simple and accessible contact details, including a form for inquiries, ensuring users can easily reach out for more information.

## 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-column format, ensuring easy navigation and a clear flow from the hero section down through features, testimonials, and the contact area.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically required for a landing page, but could use React Context if needed for managing global state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui components.
2. **Create Layout Components**: Develop reusable layout components such as Header, Footer, and main sections for Hero, Features, Testimonials, and Contact.
3. **Implement Hero Section**: Design the hero section with a background image or color, tagline, brief description, and a CTA button styled with the primary color.
4. **Build Features Section**: Create a grid or list layout to display features with icons and descriptions, ensuring alignment with the minimalist theme.
5. **Add Testimonials**: Design a visually appealing testimonials section that rotates or lists user feedback, making use of typography to highlight key quotes.
6. **Create Contact Section**: Implement a contact form with essential fields and styling, ensuring it matches the overall design.
7. **Optimize for Responsiveness**: Use Tailwind CSS utilities to ensure the layout is responsive across different devices and screen sizes.
8. **Test User Interactions**: Ensure all buttons and forms are functional and provide appropriate feedback to users.

## USER EXPERIENCE
The user experience will focus on a seamless journey through the landing page. Users will encounter a welcoming hero section that invites them to engage further, smoothly transitioning them through features and testimonials that reinforce the value proposition. The CTA will encourage immediate action, while the contact form will be easily accessible for inquiries, ensuring a positive interaction with the site.