User Experience Flow

Step 1: Home Interface

• Glassmorphism landing page with animated particles and floating shapes
• Four feature cards with hover descriptions
• Modern font and gradient color palette

Step 2: Platform Selection

• User clicks a feature card to choose analysis type
• Modal popup for input (e.g., Telegram group or X profile handle)
• Smooth transitions powered by GSAP animations

Step 3: AI Agent Deployment

• Loading screen with animated progress bars
• Each analysis step appears in real-time (2–8 seconds each)
• GPT-4o generates realistic process descriptions dynamically

Step 4: Analysis Interface

• Blurred glass UI with real-time AI conversation
• Responses adapt to user input and recent analysis results
• Interactive visual charts, sentiment graphs, and insights