Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a minimalist landing page focused on showcasing a brand or service using a clean design aesthetic. The primary color will be green, enhanced with blue as a subtle accent, ensuring a balanced and visually appealing interface that emphasizes typography and simplicity.

## CORE FEATURES
1. **Hero Section**: A prominent introductory area featuring a catchy headline, a brief description, and a call-to-action button that encourages user engagement.
2. **Features Showcase**: A section highlighting the key features or benefits of the service, presented in a visually engaging manner with icons or images.
3. **Testimonials**: A dedicated area for user testimonials to build trust and credibility, featuring quotes and names of satisfied customers.
4. **Call to Action (CTA)**: A clear and compelling CTA section encouraging users to take the next step, whether it's signing up, contacting, or purchasing.
5. **Contact Information**: A simple contact form or information area allowing 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 main layout will consist of a full-width hero section, followed by a grid or column layout for features, a testimonial slider, a CTA section, and a footer for contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**:
   - Develop the Hero component with headline and CTA button.
   - Create a Features component to display key features in a grid layout.
   - Implement a Testimonials component for user feedback.
   - Build a CTA component to guide users to the next action.
   - Set up a Footer component for contact details.
3. **Apply Styling**: Utilize Tailwind CSS classes to incorporate the specified design elements such as colors, typography, and border radius.
4. **Responsive Design**: Ensure all components are responsive and adjust to different screen sizes.
5. **Test Functionality**: Verify all interactive elements like buttons and forms are functioning as intended.

## USER EXPERIENCE
Key user interactions will focus on seamless navigation through the hero section, efficiently presenting features, and easy access to testimonials. Users will be guided toward the CTA with clear messaging and visual cues, ensuring a smooth experience that encourages engagement and conversion. The overall design will provide a pleasing aesthetic that emphasizes readability and accessibility.