Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a tarot reading website designed to provide users with insightful tarot readings through a visually engaging and interactive platform. The site will feature a minimalist design with dark purple tones and rich dynamic effects to enhance the user experience while keeping the focus on the tarot reading content.

## CORE FEATURES
1. **Tarot Card Selection**: Users can select tarot cards through a visually appealing interface, allowing them to shuffle and draw cards for readings.
2. **Personalized Readings**: The application will offer different types of tarot spreads (e.g., three-card spread, Celtic cross) and provide interpretations for each card drawn.
3. **User Accounts**: Users can create accounts to save their readings, track their tarot journey, and receive personalized recommendations for future readings.
4. **Dynamic Effects**: The site will incorporate animations and transitions to create a more immersive experience as users interact with the tarot cards and navigation elements.
5. **Educational Content**: Users will have access to articles and resources about tarot card meanings and reading techniques to enhance their understanding and experience.
6. **Contact & Support**: A section for users to reach out for support or feedback, ensuring a responsive communication channel.

## 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 consist of a hero section at the top, followed by sections for features, testimonials, and a CTA. The tarot reading interface will be prominently displayed, with a simple and intuitive navigation menu.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (as needed for managing user sessions and readings)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and set up Tailwind CSS for styling.
2. **Create Core Components**: Develop core UI components, including the tarot card selection interface, reading display, and user account management.
3. **Implement Routing**: Set up routing for various sections of the application, including user authentication, readings, and educational content.
4. **Add Dynamic Effects**: Incorporate animations and transitions using CSS or libraries like Framer Motion to enhance user interactions.
5. **Connect Backend**: If applicable, implement a backend service for storing user accounts and reading history using Firebase or a similar service.
6. **Testing**: Conduct thorough testing to ensure all features function as expected and the user interface is responsive and accessible.

## USER EXPERIENCE
Users will begin their journey on the landing page, where they can learn about tarot readings and explore features. They can easily navigate through the card selection process, draw cards, and view their readings with intuitive interactions. Dynamic effects will provide engaging feedback during interactions, while educational resources will enhance their understanding of tarot. The overall experience will be smooth and visually appealing, inviting users to return for more readings.