Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a minimalist landing page that serves as an engaging and informative platform, focusing on providing users with insights and wisdom in a visually appealing manner. The design will emphasize clean aesthetics, intuitive navigation, and a strong call to action to enhance user engagement.

## CORE FEATURES
1. **Hero Section**: A prominent hero area featuring a captivating headline, a brief description of the platform, and a call-to-action button that directs users to sign up or learn more.
2. **Features Overview**: A section that highlights the main features of the service, presented in a visually appealing format with icons and concise descriptions.
3. **Testimonials**: A dedicated area for user testimonials or quotes that bolster credibility and trustworthiness.
4. **Contact Information**: A section providing users with easy access to contact details or a contact form for inquiries.
5. **Newsletter Signup**: An opt-in area where users can subscribe to receive updates, insights, or newsletters, enhancing user engagement.
6. **Social Media Links**: Icons linking to social media platforms, encouraging users to connect and follow for more content.

## 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 vertical flow starting with the hero section, followed by features, testimonials, newsletter signup, and contact information at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Context API or any other lightweight state management solution as needed.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create the Layout Structure**: Design the layout using React components to organize the hero section, features, testimonials, and contact areas.
3. **Implement Styling**: Use Tailwind CSS to apply the minimalist design principles, ensuring plenty of white space and a clean aesthetic.
4. **Add Typography**: Integrate Google Fonts to use Inter for both headings and body text, following the design specifications.
5. **Develop Core Features**: Code the functionalities for the hero section, features overview, testimonials, newsletter signup, and contact form.
6. **Test Responsiveness**: Ensure the landing page is fully responsive across various devices and screen sizes.
7. **Deploy the Application**: Choose a suitable hosting platform (like Vercel or Netlify) for deploying the completed landing page.

## USER EXPERIENCE
Users will be greeted with a clean and inviting hero section that clearly communicates the purpose of the site. As they scroll down, they will encounter concise and visually appealing feature descriptions, helping them understand the value of the service. The testimonials will provide social proof, while the newsletter signup will facilitate ongoing engagement. The contact section will offer straightforward options for users to reach out, ensuring a seamless and friendly user experience.