🚀 Marketrix Integration Demo

Hover over any element to see it highlighted, and the Marketrix AI assistant will provide contextual help about that feature.

Interactive Demo: Try hovering over different elements below - the AI assistant will ask relevant questions about the highlighted areas and provide helpful guidance!

📊 Dashboard Navigation

📈 Key Performance Metrics

💰
$24,563
Monthly Revenue
+12.5%
📋
342
Total Orders
+8.3%
👤
1,247
Active Customers
+15.2%
đŸŽ¯
3.8%
Conversion Rate
-2.1%

đŸ“Ļ Product Management

🛒 Order Processing Workflow

1
Order Received
✅ Completed
2
Payment Processing
🔄 In Progress
3
Fulfillment
âŗ Pending
4
Delivery
âŗ Pending

đŸ‘Ĩ Customer Insights

Customer Segments

VIP Customers 23%
Regular Buyers 45%
New Customers 32%

Support Tickets

12 Open
45 Resolved
2.3h Avg Response

đŸ“ĸ Marketing & Promotions

📧
Email Campaigns
Send targeted emails to customer segments
đŸŽĢ
Discount Codes
Create promotional codes and offers
📱
Social Media
Connect with customers on social platforms
Try It Out: Hover over any button, card, or section above to see the Marketrix AI assistant provide contextual help and ask relevant questions about that feature!

📱 iPhone-Style Notifications

Test the iPhone-style notification system that appears in the center of the screen:

đŸŽ¯ Responsive Spotlight Test

Test the responsive spotlight system that follows elements when the screen resizes:

Instructions: Click "Start Spotlight Demo" then try resizing your browser window or scrolling. The spotlight and border should follow the highlighted element smoothly!