feat: landing pages as full realistic templates

[auroraVasconcelos]

User Story

As a future user of the Solid Design System, I would like to have a preview of what I can do with solid, so that I can attest the quality and visualize the possibilities and flexibility of using SDS.

As a user of the Solid Design System, I would like to have access to pre-build pages, so that I can re-use it to build my own product, and ensure I have the quality of using SDS without having to implement it from scratch.

Suggested Solution

• Our showcase page links to an overview page (similar to the release notes overview) for the landing pages.
• We re-use the pages created to HYPE, rebrand it to not use the other banks designs, and use them as pre-build pages.
• The templates we showcase include the rebranded HYPE pages but also app examples, full pages, 'contact page'.

Acceptance criterias

• Rebrand HYPE landing pages to showcase realistic use cases build with SDS.
• The landing pages demonstrate the full range of features available with SDS.
• The landing pages reflect how solid can be the lighthouse of good practices to other teams in UI (a11y, animations, UX/UI quality, code quality, code robustness, performance).
• The landing pages showcase how solid components can be consistent, reusable, flexible, maintainable and reliable.

Technical questions

• Do we want to use the storyblok setup or the existing setup of the showcase?
• Do we want to "Show code"? If yes, how? (divided by blocks? download the code?)
• Do we need a paywall? What do we want to show and hide?
• De we want to add categories? (e.g.: landing pages, login pages, contacts pages, etc)

Open question: how can this contribute to justify more budget to solid?

DoR

• Item has business value
• Item all subtasks have been estimated by the team
• Item is clear and well-defined
• Item dependencies have been identified

DoD

• All subtasks have been closed