Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to generate visual representations of an old fort, showcasing its architectural beauty and historical significance. Users can explore a digitally rendered fort built with lightweight bricks, featuring inscriptions in Sanskrit about the Mughal Empire and intricate designs of various empires.

## CORE FEATURES
1. **Fort Visualization**: Generate a detailed image of the old fort with customizable elements, including brick texture and architectural features.
2. **Sanskrit Inscriptions**: Incorporate text fields where users can input Sanskrit phrases related to the Mughal Empire, which will be artistically rendered on the fort.
3. **Empire Imagery**: Allow users to choose from a selection of empire designs to be featured on the fort, enhancing the historical narrative.
4. **Interactive Preview**: Provide an interactive preview feature that allows users to rotate and zoom into the fort for a closer look.
5. **Download Option**: Enable users to download the generated image in high-resolution format for personal use or sharing.
6. **User Gallery**: Create a section where users can showcase their generated fort images, fostering a community around historical architecture.

## DESIGN SPECIFICATIONS
- **Visual Style**: Embrace a minimalist aesthetic with a clean, simple design. Utilize ample white space to enhance readability and focus on content.
- **Color Mode**: Implement a light theme that features dark text on light backgrounds to ensure high contrast and readability.
- **Layout**: Use a grid layout for the main page, featuring a central canvas for fort generation and side panels for input fields and options. Maintain a balanced arrangement that allows for easy navigation.
- **Typography**: Choose a modern sans-serif font for body text to ensure clarity, with larger, bold headings to establish a clear hierarchy. Consider using a font like 'Roboto' for body text and 'Montserrat' for headings.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust component management and type safety.
- **Styling**: Utilize Tailwind CSS for responsive and flexible styling options that adhere to the design specifications.
- **UI Components**: Integrate shadcn/ui for pre-built UI components that align with the minimalist aesthetic.
- **State Management**: Use React Context or a state management library like Redux if complex state management is needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout**: Implement the main layout using a grid system. Design the central canvas for fort visualization and side panels for user inputs.
3. **Develop Core Features**:
   - **Fort Visualization**: Create a canvas component that renders the fort based on user input.
   - **Sanskrit Inscriptions**: Develop text input components that allow users to input and see their inscriptions on the fort.
   - **Empire Imagery**: Build a selection component for users to choose empire designs, linking it to the fort rendering.
4. **Implement Interactive Features**: Add functionality for users to rotate and zoom into the fort image.
5. **Download Functionality**: Integrate a download option to export the generated fort image in high resolution.
6. **User Gallery**: Create a gallery component where users can upload and showcase their generated images.

## USER EXPERIENCE
The user journey begins with a clean landing page where they can easily navigate to generate their fort. Users will input their desired Sanskrit texts and select images of empires, which are dynamically reflected in the fort visualization. As they interact with the fort, they can adjust settings in real-time, ensuring a smooth and engaging experience. Once satisfied, users can download their creations or share them in the community gallery, fostering interaction and feedback from other users. The overall design prioritizes ease of use and encourages exploration of historical architecture.