feat(ui): align marketing hero, proof and CTA sections; lazy-hydrate showcases

feat(ui): align marketing hero, proof and CTA sections; lazy-hydrate showcaseswolfstar-project/wolfstar.rocks #453 · 4 diagrams

100%

01 / 06Showcases now hydrate only when visibleNuxt renders static HTML first and skips loading the heavy demo until it enters the viewport. triggers for in +2 −1.
02 / 06Proof lists replaced by card gridsFeature proof sections display 3 cards in a grid with icon badges and direct link buttons. renders in +75 −91.
03 / 06Staryl sections restyled with cardsStaryl adopts three product proof cards and a centered call-to-action with watermarks. renders in +51 −43.
04 / 06Other apps moved to card layoutA two-column layout places the heading beside surface cards with avatars and action buttons. wraps cards with in +63 −56.
05 / 06Commands section moved after dashboardWolfstar now presents the dashboard section before the commands showcase. swaps section order in +2 −2.
06 / 06Everything this change touchedCard containers, deferred showcase hydration, and page order across both marketing sites.

esc to leave

StarHelp other teams find it