ExporterAI
Design a modern exporter analytics dashboard with a strong narrative insights section. IMPORTANT: The right side of the main insights area MUST NOT be static. Use a carousel or tab-based insight switcher that provides meaningful business insights. PAGE STRUCTURE: 1. TOP NAVIGATION BAR - Full-width horizontal top bar - Company logo on the left - Text-based navigation items: Dashboard, Products, HS Codes, Analytics, Reports, Settings - Clear active state - User profile avatar on the right 2. CONTEXT HEADER - Displays: - Company Name - IEC Number - Onboarding Date - Clean inline badges - Light background 3. MAIN INSIGHTS SECTION (Two-Column Layout) - LEFT SIDE: - KPI cards: - Total Export Value (₹, YoY growth) - Active HS Codes - Top Performing HS Code with contribution % - RIGHT SIDE: - Insight Carousel / Insight Switcher - Each slide presents ONE clear insight, such as: - Export growth trend - HS code contribution concentration - Domain-level insight - Recent change or alert - Minimal text, strong typography - Auto-rotating with manual controls - Designed to feel analytical, not decorative 4. LOWER ANALYTICS SECTION - Left: Top 5 HSN Codes (bar chart or ranked list) - Middle: Top 5 Products (visual ranking) - Right: Supporting insights panel (alerts, trends, indicators) DESIGN STYLE: - Trade-tech / fintech aesthetic - Deep blue primary color - Soft gradients and shadows - Rounded cards - Modern typography (Inter / Poppins / Roboto) UX & DATA RULES: - No filler content - No repeated KPIs - Hide NIL values - Every visual must communicate insight - Page should feel executive-ready and data-driven GOAL: Turn raw export data into clear, rotating business insights using a smart carousel.