📊 Home Page
Complete guide to navigating and using your customer home page
🏠 Main Navigation
Home Page Layout
Your customer home page is organized into several key sections:
🔍 Top Search Section:
- Search Dialog: Central search functionality to find incentive programs
- Global Search: Search across all available programs and businesses
- Quick Access: Fast search without navigating away from the page
📱 Main Content Area:
- Recent Incentive Requests: Browse what others are requesting
- Infinite Scroll: Automatically loads more requests as you scroll
- Interactive Cards: Click to view detailed program information
🔍 Search Functionality
Search Dialog
🎯 Central Search Feature:
- Search Bar: Prominently displayed at the top of the page
- Program Search: Find specific incentive programs
- Product/Service Search: Browse by product or service type
- Real-time Results: Instant search results as you type
🔍 Search Capabilities:
- Keyword Search: Search by program name, business, or description
📋 Recent Incentive Requests Section
Request Cards Display
🎴 Card Layout: Each incentive request is displayed in an interactive card showing:
👤 User Information:
- User Avatar: Profile picture or default avatar with initials
- Username: Name of the person who made the request
- Timestamp: When the request was created (with clock icon)
🏢 Business Information:
- Product/Service Name: Name of the requested product or service
- Product/Service Avatar: Product/service image or default icon
💬 Request Details:
- Message Content: The user's request message and description
- Request Context: What they're looking for and why
🏷️ Request Metadata:
- Customer Type Badge: Shows if it's for existing or new customers
- Incentive Type Badge: Displays the type of incentive (cashback, discount, etc.)
- Status Badge: Current status of the request with color coding
Card Interactions
🖱️ Interactive Features:
- Click to View: Click any card to view the full program details
- Hover Effects: Visual feedback when hovering over cards
- Keyboard Navigation: Use Tab and Enter/Space to navigate
- Accessibility: Screen reader support with proper ARIA labels
🔗 Navigation:
- Program Details: Click to view the incentive request program page
- Business Profile: Access business information and other programs
- Related Requests: Discover similar requests and opportunities
📜 Infinite Scroll
Automatic Loading
🔄 Seamless Experience:
- Auto-Load: New requests load automatically as you scroll down
- Loading Indicator: Spinning animation shows when loading more content
- End Message: Clear indication when all requests have been loaded
- Error Handling: Graceful error messages if loading fails
⚡ Performance Features:
- Pagination: Loads 10 requests at a time for optimal performance
- Intersection Observer: Efficient scroll detection
- Smooth Scrolling: No interruption to user experience
- Memory Management: Efficient handling of large lists
📊 Incentive Request Information Display
Detailed Request Data
📋 Request Information:
- Request Message: Request message content from customer to Business
- Purchase Type: Type of customer related to subscribing/Purchasing to a service/Products
- Product/Service Type: Whether it's a product or service
- Customer Type: Type of customer Existing customer or prospect
- Incentive Type: Cashback, discount
- Created Date: When the request was submitted
Status Indicators
🎯 Status Badges:
- Submitted: New requests awaiting review
- Under Review: Being evaluated by businesses
- Approved: Ready for action completion
- Action Required: Tasks need to be completed
- Pending Verification: Actions under review
- Completed: Successfully processed
- Declined: Not approved (with reasons)
🔧 Error Handling
Error States
⚠️ Error Display:
- Loading Errors: Clear error messages for failed requests
- Network Issues: Helpful messages for connection problems
- Empty States: Friendly messages when no requests are available
- Retry Options: Easy ways to retry failed operations
🛠️ Error Recovery:
- Auto-Retry: Automatic retry for temporary failures
- Manual Refresh: Option to manually reload content
- Fallback Content: Alternative content when data is unavailable
- Support Links: Easy access to help when needed
🎯 User Experience Tips
Efficient Navigation
💡 Usage Tips:
- Use Search: Find specific programs quickly with the search dialog
- Browse Requests: Get inspired by seeing what others are requesting
- Click Cards: Explore program details by clicking on request cards
- Scroll to Load: Let the page automatically load more content
- Check Status: Use status badges to understand request progress
Getting Started
🚀 Quick Start:
- Search Programs: Use the search dialog to find specific opportunities
- Browse Requests: Scroll through recent requests for inspiration
- Click to Explore: Click any card to view detailed program information
- Get Inspired: See what others are requesting to find new opportunities
🔍 Search & Discovery
Finding Opportunities
🔎 Discovery Methods:
- Search Dialog: Primary way to find specific programs
- Browse Requests: See what others are requesting
- Category Exploration: Discover programs by type
- Business Discovery: Find companies offering incentives
Search Strategies
🎯 Effective Searching:
- Use Keywords: Search for specific products or services
- Browse Categories: Explore different product types
- Check Recent Requests: See trending requests and opportunities
- Follow Businesses: Discover programs from specific companies
🆘 Getting Help
Support Options
🆘 Help Resources:
- Search Issues: Use the search dialog to find help topics
- Explore Section: Visit the explore page for more programs
- Documentation: Check other guides for detailed information
- Contact Support: Reach out for personalized assistance
Master your home page to discover new incentive opportunities! Use the search functionality and browse recent requests to find programs that match your interests.