Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to provide users with a modern, minimalist interface that allows them to easily scrape Google Maps for business listings based on specific criteria. Users can select a business category, location, and additional requirements, and the app will return a curated list of businesses, enhancing their search experience.

## CORE FEATURES
1. **Business Category Selection**: Users can choose from various predefined categories (e.g., Dentist, Plumber, etc.) to narrow down their search.
2. **Location Input**: An intuitive input field allows users to specify a location, enhancing the relevance of search results.
3. **Requirement Filtering**: Users can specify additional criteria, such as "No Website," to further refine their search.
4. **Scraping Functionality**: The app scrapes Google Maps for businesses that meet the selected criteria and compiles the results.
5. **Business Listings Display**: Each listing includes essential information such as business name, category, phone number, and address, presented in a clean, organized layout.
6. **Responsive Design**: The application is optimized for various devices, ensuring a seamless user experience across desktops, tablets, and mobile devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design characterized by a clean interface, ample white space, and a focus on clear typography.
- **Color Mode**: Light theme featuring dark text on light backgrounds to enhance readability and comfort.
- **Layout**: 
  - A single-page layout with a top navigation bar for category selection and a central content area for displaying search results.
  - Use of cards or list components to showcase business listings, with clear separation and padding for an uncluttered feel.
- **Typography**:
  - Font choices: Use a clean sans-serif font (e.g., Inter or Helvetica) for body text and headings.
  - Hierarchy: Headings should be bold and larger, with body text in regular weight to maintain visual clarity.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and type-safe application.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid development and responsive design.
- **UI Components**: Utilize shadcn/ui for pre-built, customizable UI components that align with the minimalist aesthetic.
- **State Management**: Implement React's Context API or Zustand for state management, if necessary, to handle user selections and scraped data efficiently.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any necessary libraries for data fetching (e.g., Axios or Fetch API).
3. **Create Components**: 
   - Build a `Header` component for navigation and filtering options.
   - Create a `BusinessList` component to display the listings.
   - Develop a `BusinessCard` component for individual business entries.
4. **Implement Scraping Functionality**: 
   - Use a server-side solution (Node.js) to handle Google Maps API requests and scrape data based on user input.
   - Ensure compliance with Google Maps API terms and conditions.
5. **Design Layout with Tailwind CSS**: Apply Tailwind classes to structure the layout and style components according to the specified design.
6. **Test Responsiveness**: Ensure the application looks great on different screen sizes using Tailwind's responsive utilities.

## USER EXPERIENCE
Users begin on a clean landing page where they can select a business category from a dropdown menu, enter a location in a text input, and specify any additional requirements. Upon submitting their selections, a loading animation indicates that the app is scraping data. Once completed, users are presented with a neatly organized list of businesses, each displayed in a card format with clear typography and ample spacing. They can easily navigate back to the search form to refine their criteria or start a new search, ensuring a smooth and intuitive experience throughout.