[TASK] Blueprint Marketplace Display for Deployers

[monaiuu]

Description

Implement a Blueprint Marketplace interface tailored for customers (deployers) to discover, compare, and select Blueprints for deploying service instances. The marketplace should include features like search, sorting, and filtering to help customers efficiently navigate the available Blueprints and choose the best fit for their needs.

Tasks/ Flows

• Search Functionality:
  • Implement a search feature to find Blueprints by name as the number of available Blueprints grows.
• Blueprint Categories:
  • Default: All categories selected. Users can filter by specific categories.
  • Requires Blueprint developers to provide categories using a standardized template to avoid fragmentation. (i.e., Zero-Knowledge vs. ZK -> should be the same category)
• Sorting:
  • For now, sort by alphabetical order or date of creation. Future sorting options could include TVL, number of operators, deployed instances, or other relevant metrics. Provided in design is for reference only.
• Blueprint Data Rendering:
  • Display the name, author, description, and system requirements from the Blueprint specification template (referenced here).
• Blueprint Details Page:
  • Clicking the "Details" button should navigate users to the Blueprint Details Page (link).
• Instance Deployment:
  • Once a Blueprint is selected, users can proceed to deploy the instance by clicking the button below.

Screenshots

Figma Link