Highlight 5 key tutorials in the qdrant Web UI (WIP)

[nleroy917]

Wait for:

• Golang e-commerce tutorial to be published
• Review and approval from @generall

I am still working on this! But wanted to get the convo started

Background/motivation

A common feature of modern SaaS platforms is highlighting examples, integrations, and tutorials right on the cloud dashboard. These examples are often task-driven: tutorials organized around what the user wants to accomplish. This is in contrast to examples that are feature-driven: tutorials organized around what the product can do.

Key changes

To better highlight the task-driven tutorials/workflows within the Web UI, this pull request, makes two key changes:

1. Make the <InfoCard /> component more flexible and be able to accept any component for an icon
2. Use this mroe flexible InfoCard to build an "external-tutorials" section on the tutorials page.

A screenshot is at the bottom.

Potential improvements

There is still some room for potential improvements, chiefly, making these tutorials available via some CMS. I want to propose taking inspiration from the AnnouncementBanner /> and pulling information from qdrant.text/web-ui-info.json which lets us pick and choose which tutorials to show. This enables A/B testing and changes to the tutorials to lag with qdrant releases.

[nleroy917]

Correct link is now added

[kanungle]

Please address comments... thanks!

[kanungle]

Also: these tutorials are good for a 1st iteration, but we should take a stab at doing some better ones.

And can you add trackable links in these with Katie? Could even be bitly. But it would be nice to see which are the most popular.

[nleroy917]

According to @ohitsmekatie ?

as of right now it's not possible to have events in the Collections management/WebUI

So not sure how we should proceed with that

[ohitsmekatie]

@nleroy917 just wanted to confirm before I chime in, it looks like these CTAs will be linking to tutorials off of the webUI to the website?