Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a digital product related to tech and AI. It will serve as an informational hub where users can learn about building their brands on social media, monetization strategies, and utilizing AI tools for website creation. The focus will be on delivering valuable content while encouraging user engagement and conversions.

## CORE FEATURES
1. **Hero Section**: A prominent introduction showcasing the digital product, featuring a compelling headline, subheadline, and a clear call-to-action (CTA) button to guide users to learn more or purchase.
   
2. **Informational Content**: Sections that explain how to create an info page or brand on Instagram and other social media platforms, emphasizing actionable steps and best practices.
   
3. **Monetization Strategies**: A dedicated area discussing various forms of monetization that users can implement simultaneously, providing examples and case studies.
   
4. **Digital Product Creation Guide**: Detailed content on how to create a digital product tailored to their brand or chosen monetization strategy, including tips and tools.
   
5. **AI Tools for Website Building**: Information on how to leverage AI tools for website creation, including recommendations and tutorials.
   
6. **Contact Section**: A simple form for users to reach out for more information, ask questions, or request consultations.

## 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 layout will include a full-width hero section at the top, followed by distinct sections for the content (informational, monetization strategies, product creation guide, AI tools), and a footer with contact information. Each section will be visually separated with adequate spacing to maintain readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for responsive design and utility-first styling.
- **UI Components**: Use shadcn/ui for consistent component design.
- **State Management**: Not required for this landing page as it is primarily informational.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App or a similar tool.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and any other necessary libraries (e.g., form handling).
3. **Create Layout Components**: Develop the main layout components such as the Header, Hero, Content Sections, and Footer.
4. **Style Components**: Use Tailwind CSS to style each component according to the design specifications.
5. **Implement Content Sections**: Populate each section with the relevant informational content, ensuring clear headings and calls-to-action.
6. **Add Contact Form**: Implement a simple contact form and handle submissions (can use a service like Formspree or similar).
7. **Test Responsiveness**: Ensure the layout is responsive across devices (mobile, tablet, desktop).
8. **Deploy**: Once everything is functional, deploy the landing page using a service like Vercel or Netlify.

## USER EXPERIENCE
The user experience will focus on clarity and ease of navigation. Users will be immediately drawn in by the hero section, which succinctly conveys the value of the digital product. As they scroll through the page, they'll encounter informative sections that provide concrete steps and insights, encouraging them to engage further. Each CTA will be strategically placed to facilitate actions, leading to higher conversion rates. The overall minimalist design will ensure a distraction-free environment, allowing users to focus on the content provided.