style(docs): restyle home page

[olenderhub]

Proposal to restyle the docs home page.

[bolt-new-by-stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[github-actions]

Project	Preview URL
Docs	https://f3c1357a.ember-primitives.pages.dev

Logs

[NullVoxPopuli]

thanks for iterating on this!

Some notes / thoughts

• main page
  • links in light-mode look slightly easier to read than links in current light-mode
  • is this starting to look too much like shadCN?
  • I miss the hero splash and animated gradient
  • dark mode
    • I miss how dark the dark background is
    • text contrast is worse?
    • some layout may be better, but seem feels.. less fun? how do we balance improvements of some layout without losing the fun?
    • I should add more to the Projects using... list, because I can now link to optro.ai
    • Dependencies worth looking at probably needs more explanation (why are they worth looking at?) I think also we'd want to call out more libraries, because the community members do really good work ( @nickschot's ember-mobile-menu (used in the docs), @ijlee2 (ember-container-query (how is there no native JS API for this yet?))

[evoactivity]

What about something more like this?
https://www.figma.com/proto/a3dGEun53pj7HgezEA6qD2/Ember-Primitives?node-id=1-258&p=f&viewport=-379%2C612%2C1&t=aRAHqXyv0BdTvS2A-1&scaling=min-zoom&content-scaling=fixed&page-id=0%3A1

[NullVoxPopuli]

Overall I like the direction.

some thoughts / questions:

• can the light effect through water be animated?
• is the constrast ratio sufficient (gray text on gray background looks like maybe needs updating?) (same with blue/purple text on the bottom)
• is that bottom thing a marquee? if so, I love it
• something feels off about the bigger text things on the right hand side under the calls to action (opposite the "Building on the backs of giants" thing)

💯 excited to see more

[evoactivity]

can the light effect through water be animated?

that's the plan, webgl shader :)
looking at these for a jumping off point
https://ngxui.com/docs/light-rays
https://codepen.io/loiclaudet/pen/XJmawJg

is the constrast ratio sufficient (gray text on gray background looks like maybe needs updating?) (same with blue/purple text on the bottom)

contrast could be bumped up a touch yeah

is that bottom thing a marquee? if so, I love it

yeaaah it is https://ember-fast-marquee.com - might be a good enough reason for me to revisit this and modernise it

something feels off about the bigger text things on the right hand side under the calls to action (opposite the "Building on the backs of giants" thing)

I'll play with it, was hastily put together in an hour or two tonight.