Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
GeoPulse AI is a modern web application designed to provide a comprehensive platform for global intelligence and news analysis, leveraging advanced AI technologies. The goal is to offer users insights into how world events affect economies, industries, and individual countries through interactive visualizations and real-time data feeds.

## CORE FEATURES
1. **Hero Section**: A premium animated landing area with a live world background and breaking news ticker. It includes a tagline and buttons for users to get started and explore live intelligence.
   
2. **Live Global Feed**: A dynamic feed displaying breaking news cards with AI-generated summaries, sentiment indicators, and detailed insights on economic impacts and affected countries.

3. **AI Impact Analysis Engine**: An advanced panel that provides deep analysis on news events, including summaries, timelines, economic impacts, and visualizations like heatmaps and risk meters.

4. **Interactive 3D World Map**: A full interactive globe where users can click on countries to view detailed insights, including economy scores, current events, and market trends.

5. **Personalized AI Dashboard**: Allows users to customize their interests and receive a tailored feed, daily summaries, and alerts based on selected topics.

## 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 will include a responsive grid with a top navigation bar, a hero section, a dynamic feed area, and interactive components, all designed to maintain a clean and organized approach.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Utilize Context API or Redux for state management as needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize the React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**: Develop the main layout, including the navigation bar, hero section, and main content areas.
4. **Implement Core Features**:
   - Build the Hero Section with animated elements and Call to Action buttons.
   - Create the Live Global Feed component to fetch and display news data.
   - Develop the AI Impact Analysis Engine with visualizations for economic impacts.
   - Implement the Interactive 3D World Map using a suitable mapping library.
   - Set up the Personalized AI Dashboard allowing user customization.
5. **Testing**: Conduct thorough testing for responsiveness and user interactions.
6. **Deployment**: Prepare the app for deployment on a suitable hosting platform.

## USER EXPERIENCE
Users will experience an intuitive and engaging platform where they can effortlessly navigate through the main features. The hero section will capture attention with animations, while the live global feed will keep users updated in real-time. Interactive components, such as the 3D world map and AI analysis engine, will provide visual insights into complex data, enhancing user engagement. The personalized dashboard will ensure that users receive relevant information tailored to their interests, making the overall experience both informative and user-friendly.