Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page focused on adult content, aimed at providing a clean, engaging, and user-friendly experience. The primary purpose is to attract visitors, highlight key features, and encourage them to explore the content offered.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction that captures attention with a compelling tagline and a prominent call-to-action (CTA) button.
2. **Featured Content**: A section showcasing a selection of popular or recommended content, allowing users to quickly access the most engaging material.
3. **User Testimonials**: Displaying feedback from users to build trust and validate the content's quality and appeal.
4. **Content Categories**: Organized navigation to various categories, making it easy for users to explore different types of content.
5. **Subscription CTA**: An invitation for users to subscribe for exclusive content or updates, enhancing user engagement and retention.
6. **Contact Form**: A simple form for inquiries or feedback, making it easy for users to connect with the site administrators.

## 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 single-page layout with a hero section at the top, followed by features, testimonials, content categories, and a subscription CTA, concluding with a contact form.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not necessary for this landing page, but could consider React Context for managing global state if needed in the future.

## IMPLEMENTATION STEPS
1. **Set up the React project**: Create a new project using Create React App with TypeScript template.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create the layout**: Implement the basic structure using Tailwind CSS for responsive design.
4. **Develop the Hero Section**: Add a compelling tagline, background image (if desired), and a CTA button.
5. **Build Featured Content**: Create a grid or card layout to showcase popular content.
6. **Add User Testimonials**: Design a section to include user feedback, using a carousel or a simple list.
7. **Implement Content Categories**: Create a navigation section with links to different content types.
8. **Create Subscription CTA**: Design a simple subscription form that integrates with a newsletter service.
9. **Develop the Contact Form**: Implement a contact form with fields for name, email, and message.
10. **Finalize the design**: Ensure all elements are styled according to the design specifications and are responsive.

## USER EXPERIENCE
The user experience should be seamless and intuitive, with smooth transitions between sections. Users will first encounter the hero section, prompting them to explore further. Scrolling down will reveal featured content and testimonials, encouraging engagement. Clear navigation to categories allows for easy exploration, while the subscription CTA and contact form provide pathways for deeper interaction with the site.

This structure ensures a clean, minimalist approach that prioritizes user engagement and simplicity, aligning with the project's goals.