Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to provide a platform for discussing and defending pro-abortion viewpoints from a political and moral perspective. It will serve as an educational tool that presents arguments, legal foundations, and counters to opposing views, fostering informed discussions on the topic.

## CORE FEATURES
1. **Argument Library**: A comprehensive database of moral and constitutional arguments supporting pro-abortion views, categorized for easy access.
2. **Legal Framework Reference**: A section dedicated to laws and legal precedents that uphold abortion rights, with citations and explanations of their relevance.
3. **Counterarguments and Rebuttals**: A feature that outlines common anti-abortion arguments and provides well-researched responses to counter them effectively.
4. **Discussion Forum**: An interactive forum where users can share their perspectives, ask questions, and engage in discussions with others on the topic.
5. **Resources and References**: Curated articles, studies, and external resources that users can reference to deepen their understanding and support their arguments.
6. **User Profiles and Favorites**: Users can create profiles, save their favorite arguments, and track discussions they participate in.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will focus on a clean, simple layout with ample white space to enhance readability and user engagement.
- **Color Mode**: Light theme with dark text on light backgrounds to provide a comfortable reading experience.
- **Layout**: The main layout will feature a top navigation bar, a hero section for introductory content, followed by sections for core features, user-generated content, and a footer with contact information.
- **Typography**: Use a modern, sans-serif font (e.g., Arial, Helvetica) for body text with larger, bold font for headings to create a clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building the application.
- **Styling**: Tailwind CSS for efficient and responsive design.
- **UI Components**: Utilize shadcn/ui for consistent and accessible UI components.
- **State Management**: React Context API for managing global state across the application.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Design Layout**: Create the main layout structure including the navigation bar, hero section, and feature sections using Tailwind CSS for styling.
4. **Develop Core Features**: Build the Argument Library, Legal Framework Reference, and Counterarguments sections as separate components.
5. **Implement Discussion Forum**: Create a forum component that allows users to post comments and replies, integrating state management for user interactions.
6. **Add User Profiles**: Implement user authentication and profile creation using a simple local storage approach or a backend service.
7. **Test Responsiveness**: Ensure the application is responsive across various devices and screen sizes using Tailwind's responsive utilities.

## USER EXPERIENCE
Users will land on a welcoming hero section that introduces the platform's purpose. They can easily navigate to the Argument Library or Legal Framework Reference to explore content. The forum will encourage engagement and allow users to contribute their thoughts. Intuitive design and clear calls to action will guide users seamlessly through their journey, ensuring a positive and informative experience.