Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to connect users with Companies House, enabling them to easily retrieve and display company information such as registration details, year-end dates, and filing due dates. The primary goal is to streamline the process of gathering key business data, enhancing user efficiency and experience.

## CORE FEATURES
1. **Company Name Search**: Users can enter a company name in a search bar to retrieve relevant information from Companies House.
2. **Auto-Populate Details**: Upon entering a valid company name, the app automatically fetches and populates details such as registration number, year-end date, and filing due date.
3. **User Dashboard**: A clean, intuitive dashboard where users can view all retrieved information, organized for easy access and navigation.
4. **Favorites Feature**: Users can save frequently accessed companies to a favorites list for quicker retrieval in future sessions.
5. **Notifications**: Alerts to inform users of upcoming filing deadlines based on the retrieved data.
6. **Help & Support Section**: An easily accessible area for FAQs and support resources to assist users in navigating the app.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design emphasizing clean lines and simplicity. The interface should utilize ample white space to create a calm user experience with a focus on typography.
- **Color Mode**: A light theme featuring dark text that contrasts well against light backgrounds, ensuring readability and a modern aesthetic.
- **Layout**: The main layout consists of a header with the app's logo and navigation options, a central search bar for company name input, and a results area displaying company data in an organized list format. The footer will contain links to the Help & Support section.
- **Typography**: Use a sans-serif font like 'Inter' for the body text and 'Montserrat' for headings, ensuring a clear hierarchy with larger font sizes for headings and a consistent line height for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type safety and component management.
- **Styling**: Tailwind CSS for rapid styling and a responsive layout.
- **UI Components**: Utilize shadcn/ui for pre-built, accessible UI components.
- **State Management**: Implement a state management solution such as Zustand or React Context API for managing application state efficiently.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create Search Component**: Build a component that includes an input field for the company name and a submit button.
3. **API Integration**: Set up a service to connect to the Companies House API, handling requests and responses to fetch company data.
4. **Display Data**: Create a results component that displays retrieved company details in a user-friendly format.
5. **Implement Favorites Feature**: Allow users to save company details to local storage or a database for easy access later.
6. **Set Up Notifications**: Integrate a notification system to alert users of upcoming filing deadlines based on the fetched data.
7. **Testing**: Conduct thorough testing to ensure all functionalities work as intended, including error handling for invalid company names.

## USER EXPERIENCE
The user experience focuses on simplicity and efficiency. Upon landing on the homepage, users will be greeted with a prominent search bar where they can enter a company name. After submitting the search, the relevant company details will automatically populate in a structured format below. Users can easily navigate to their favorite companies, view alerts for filing deadlines, and access help resources without clutter or confusion. The responsive design ensures a seamless experience across devices, maintaining usability and accessibility at all times.