Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Jarvis is a web application that integrates AI capabilities with a holographic interface, leveraging Groq OpenRouter for advanced AI functionalities. This application allows users to perform web searches, image searches, and location searches through seamless integration with Tavily and SerpAPI, providing a modern and interactive experience.

## CORE FEATURES
1. **AI Integration**: Utilize Groq OpenRouter for intelligent responses and suggestions based on user queries.
2. **Holographic Interface**: Create an engaging user experience with a visually immersive holographic interface that displays results in an interactive format.
3. **Web Search Functionality**: Allow users to search the web with an intuitive search bar that fetches relevant results quickly.
4. **Image Search**: Enable users to perform image searches, displaying results in a visually appealing manner.
5. **Location Search**: Incorporate location-based searches that provide users with relevant geographical information and options.

## 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 structure should include a header with the application logo and navigation, a hero section that highlights the app's features, followed by sections for web search, image search, and location search capabilities, rounded off with user testimonials and a call to action.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing global state

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and set up Tailwind CSS for styling.
2. **Install Dependencies**: Add necessary libraries such as shadcn/ui for UI components and any required API libraries for Groq, Tavily, and SerpAPI.
3. **Create Components**: Develop reusable components such as Header, HeroSection, SearchBar, and ResultCard.
4. **Implement Routing**: Use React Router to manage navigation within the application.
5. **Integrate APIs**: Set up API calls to Groq OpenRouter, Tavily, and SerpAPI for the search functionalities.
6. **User Authentication**: Implement user account management features, including sign-up and login processes.
7. **Styling**: Apply Tailwind CSS styles to ensure a minimalist design that adheres to the specified design specifications.
8. **Testing**: Conduct thorough testing of all functionalities and user interactions to ensure a smooth experience.

## USER EXPERIENCE
Users will interact with the application through a clean and intuitive interface. Upon landing on the homepage, they will see a prominent search bar where they can enter their queries. Each search will trigger a dynamic display of results, showcasing web links, images, and location information in a holographic format. Users can easily navigate between features, manage their preferences, and receive personalized suggestions based on their search history, ensuring a comprehensive and engaging experience.

## API KEYS
they will be provided when you are makes app
## PWA
The app so be download able in pwa format