Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed for a personal content agent focused on integrative psychology, crisis psychology, and related themes. The primary purpose is to engage an audience of men and women aged 25-55 who are struggling with anxiety, fears, and self-sabotage, providing them with insightful content that leads them to follow the channel.

## CORE FEATURES
1. **Hero Section**: Engaging introductory text with a strong hook that addresses the audience's pain points and invites them to explore further.
2. **Content Formats**: Showcase various content formats such as Reels/Shorts, Telegram posts, carousels, and stories, each with brief descriptions and examples to illustrate the approach.
3. **Engagement Section**: A dedicated area for user interaction, featuring polls or questions that prompt audience participation and feedback.
4. **Testimonials**: Highlight success stories or feedback from previous clients to build credibility and trust.
5. **Call-to-Action (CTA)**: Clear and compelling CTAs throughout the page encouraging visitors to subscribe or follow the channel.
6. **Contact Information**: Easily accessible contact details for potential clients who want to learn more or engage services.

## 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 feature a top navigation bar, followed by the hero section, content format highlights, engagement section, testimonials, and a footer with contact info. Each section will have ample spacing to ensure clarity and focus.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, will use React's built-in state management as needed.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with necessary dependencies.
2. **Create the Layout**: Build the main layout structure including navigation, hero section, and footer.
3. **Develop Core Features**: Implement each of the core features, starting with the hero section and moving through content formats, engagement, testimonials, and CTAs.
4. **Apply Styling**: Use Tailwind CSS to style each component according to the design specifications, ensuring responsiveness.
5. **Integrate Inter Font**: Import and apply Inter font for both headings and body text.
6. **Test Functionality**: Ensure all links, CTAs, and interactive elements function correctly and adjust for mobile responsiveness.

## USER EXPERIENCE
Key interactions will focus on engaging the audience through relatable content and humor. Users will be prompted to participate through interactive elements such as polls and questions. Clear navigation and CTAs will guide users toward subscribing to the channel without aggressive sales tactics, maintaining an approachable and friendly tone throughout the user experience.