Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Fraternidade Arcana is a sophisticated web application designed for a modern luciferian order, providing a digital platform for members to explore and deepen their spiritual practices. The application combines an elegant, mystical aesthetic with user-friendly features, promoting wisdom, inner light, and a sense of community among its members.

## CORE FEATURES
1. **Hero Section**
   - A visually impactful introduction with a welcoming message, a stylized flame illustration, and call-to-action buttons for exploration and login.

2. **About the Fraternity**
   - An inspiring section detailing the core principles of the order: Light, Knowledge, Freedom, and Self-Determination, alongside a manifesto and member quotes.

3. **Arcane Calendar**
   - A public calendar displaying upcoming planetary alignments and power times for the next 7 days, with a full version accessible to logged-in members.

4. **Library & Reading Sequence**
   - A categorized list of books for different skill levels, offering free downloadable PDFs and exclusive content for members.

5. **Free Resources**
   - A collection of eBooks, guided meditations, an interactive glossary, and public introductory articles available to all visitors.

6. **Internal Chamber**
   - A secure member area featuring a personalized dashboard with reading progress, personal agenda, exclusive materials, and practice history.

## 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 (use this as the main accent/brand color 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 application will utilize a single-page layout with smooth scrolling navigation, ensuring a fluid user experience across sections.

## TECHNICAL REQUIREMENTS
- **Framework:** React with TypeScript
- **Styling:** Tailwind CSS
- **UI Components:** shadcn/ui (or modern equivalents)
- **State Management:** Local state for managing books, calendar events, and user sessions, using localStorage for persistence.

## IMPLEMENTATION STEPS
1. **Set Up Project Structure**
   - Initialize a new React application with TypeScript and install Tailwind CSS and shadcn/ui.
   
2. **Implement Hero Section**
   - Create the Hero component with a large title, subtitle, flame illustration (with pulsing animation), and two main buttons.

3. **Develop About Section**
   - Add a section that highlights the fraternity's principles and includes a rotating quote feature for member testimonials.

4. **Build the Arcane Calendar**
   - Create an interactive calendar component that displays upcoming events. Set up state management to handle public and member-specific views.

5. **Create Library & Reading Sequence**
   - Develop a component for the book list with filters for skill levels and a feature for downloading free PDFs.

6. **Add Free Resources Section**
   - List resources, including eBooks and audio meditations, ensuring easy access for all users.

7. **Design the Internal Chamber**
   - Implement authentication via a simple password system. After login, display a personalized dashboard for members with progress tracking and exclusive content.

8. **Implement Blog Section**
   - Create a blog layout for public and member-exclusive articles, ensuring easy navigation.

9. **Set Up Contact Form**
   - Add a simple contact form for user inquiries, capturing name, email, and message.

## USER EXPERIENCE
Users will first encounter the Hero Section, welcoming them to the Fraternidade Arcana. They can explore the About section to understand the values of the order. Visitors can view the Arcane Calendar and access free resources without logging in. Members will log in to access the Internal Chamber, where they can track their progress, manage their reading, and access exclusive content. Smooth transitions and subtle animations will enhance the overall experience, ensuring a mystical yet welcoming environment.