Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to educate visitors about the "Seven Dangers of Lust" as outlined in Buddhist teachings. It aims to provide insights on how to avoid these behaviors to cultivate a purer state of mind, using clean design and clear typography for effective communication.

## CORE FEATURES
1. **Hero Section**: A prominent introduction with a captivating title and a brief description of the topic, encouraging visitors to learn more.
2. **Detailed Explanations**: Sections dedicated to each of the seven dangers, explaining the behaviors and their implications in a concise and engaging manner.
3. **Call to Action (CTA)**: Encouraging users to reflect on their actions and consider adopting mindful practices, with a clear button to access further resources or guidance.
4. **Testimonials Section**: Quotes or experiences shared by individuals who have benefited from understanding and avoiding these dangers, promoting credibility and relatability.
5. **Contact Information**: A straightforward contact form for visitors to reach out with questions or seek additional 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**: A vertical scroll structure with clearly defined sections for the hero, features, testimonials, and contact, ensuring a smooth user journey.

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

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a React project with TypeScript and install Tailwind CSS for styling.
2. **Create Main Components**: 
   - Develop the Hero section with a compelling title and introductory text.
   - Create individual components for each of the seven dangers, ensuring they are visually distinct yet cohesive.
3. **Design CTA**: Implement a button that stands out using the primary color, leading to a resource page or additional content.
4. **Integrate Testimonials**: Build a section to display testimonials, using cards that follow the minimalist design principles.
5. **Contact Form**: Create a simple contact form with appropriate inputs styled with the specified border radius.
6. **Responsive Design**: Ensure all components are responsive, providing a seamless experience on both desktop and mobile devices.

## USER EXPERIENCE
Visitors will first encounter an engaging hero section that introduces the topic. As they scroll down, they will find sections detailing each of the seven dangers clearly and succinctly. The CTA will encourage them to take action, while the testimonials will offer relatable insights from others. Finally, the contact form will allow users to reach out for more information, ensuring an interactive and informative user journey.