Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application aimed at improving the existing features of the Nara Index website, focusing on enhancing the data display and user interaction experience. The main purpose is to provide accurate record counts, improve search functionality, and encourage frequent visits through engaging features.

## CORE FEATURES
1. **Accurate Record Display**: Ensure the website accurately reflects the number of records available, updating the displayed count to match the actual database entries.
2. **Enhanced Search Functionality**: Implement a search feature that allows users to find records based on city names (e.g., showing records for Gdańsk when "Danzig" is searched).
3. **Loading Indicator**: Add a rotating hourglass icon that appears while the page is loading, improving the user experience during data retrieval.
4. **Randomized Record Display**: Rotate the records shown in the "ALL" tab each time the user visits, providing a fresh experience with each interaction.
5. **Database Growth Update**: Update the main page to reflect the growth of the database, showing statistics such as scanned pages and extracted records.
6. **User Engagement Features**: Explore solutions to encourage users to check the site frequently, such as notifications for new records or featured collections.

## 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 should consist of a header with navigation, a central area for features and statistics, and a footer with contact information. Each section should be clearly defined with ample spacing to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (if necessary for managing user data and interactions)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for component styling.
2. **Create Layout Structure**: Develop the main layout with a header, central display area for records and statistics, and footer.
3. **Implement Features**:
   - Build the search functionality that queries the database and displays results dynamically based on user input.
   - Integrate a loading indicator that activates during data fetch requests.
   - Add a mechanism to rotate records in the "ALL" section, ensuring varied content for returning users.
4. **Update Statistics**: Program the backend to provide real-time statistics on the number of scanned pages and extracted records.
5. **User Engagement**: Design and implement features that encourage users to return, such as a notification system for new records or highlighted entries.
6. **Testing and Deployment**: Conduct thorough testing for functionality and user experience before deploying the application.

## USER EXPERIENCE
Users will interact with a sleek, minimalist interface that emphasizes clarity and ease of navigation. The search feature will allow users to quickly find relevant records, while the loading indicator enhances perceived performance. Randomized record displays will keep the content fresh, encouraging users to return frequently. Clear stats on the main page will inform users of the database's growth, fostering a sense of community and ongoing engagement.