Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to showcase a brand or service effectively. Its primary purpose is to capture user interest and encourage engagement through a clean, simple design that emphasizes typography and visual hierarchy.

## CORE FEATURES
1. **Hero Section**: A prominent introduction area featuring the main headline and subheadline with a striking visual, inviting users to learn more.
2. **Features Overview**: A section that highlights key benefits or features of the service in a concise and appealing format, using icons and brief descriptions.
3. **Testimonials**: A curated collection of user testimonials to build trust and credibility, displayed in a visually engaging manner.
4. **Call to Action (CTA)**: Clear, compelling CTAs strategically placed throughout the page to guide users towards the desired action, such as signing up or contacting for more information.
5. **Contact Information**: An easy-to-find section with contact details and a simple form for inquiries.

## 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 structured layout that flows from the hero section at the top, followed by features, testimonials, the CTA, and finally the contact section at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not applicable for a landing page but may use React's built-in state management if needed.

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Initialize a new React application using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Structure**: Set up the main components for the hero section, features overview, testimonials, CTA, and contact form.
4. **Implement Styling**: Use Tailwind CSS to apply the minimalist design, ensuring to incorporate the specified primary color and typography.
5. **Add Content**: Populate the sections with appropriate content, ensuring the typography is properly configured as per the design specifications.
6. **Optimize for Responsiveness**: Ensure all components are responsive and provide a seamless user experience across devices.

## USER EXPERIENCE
Users will land on a visually appealing page that immediately draws attention with a bold headline and subheadline. As they scroll, they will encounter well-organized sections that communicate the brand's strengths and encourage interaction. The CTAs will be strategically placed to guide users towards making inquiries or signing up, ensuring a smooth and engaging experience throughout.