Heyy Kamil, here's what I found!

We do this for templates when we review them so I thought it might help you as well polish this out to "perfection".

And of course, these are just my suggestions so feel free to reject them and see them as only that, suggestions.

These are all in dark mode but I didn't see any difference between the modes so it should work.

Suggestions:

Image 1

See how the nav has a wider max width than the rest of the site. I'm not sure if that was intended but I'd bring the site to that width or if that's too hard just make the nav narrower to match.

Image 1

This is a simple thing and an easy fix. You can edit the color of this selection effect in the properties panel on the right.
There's the selection style you can make it black and white to maybe match better. Or if you want to go with blue or any other brand color than you can use the exact blue they're using.
That's a small touch that I believe gives it some charm without taking away anything.

Image 1

Buttons have a "weird" hover effect that's a bit slow I'd say. First off, I wouldn't use black text here on this blue button but rather white. It will stand out way more and as this is the most important button it needs it.

And for the hover effect. I'd set it to like .18 sec instead of .3 or .4 what you have now.

Also, instead of changing the color on hover. I'd just make the buttons smaller.

The hove would be .98 in scale and the pressed variant would be at .96 variant.
Yes adding the pressed version helps a lot too.

Image 1

These have a few things wrong:

They have sharp corners and pretty much everything else has them rounded. I don't know if that was intentional but it's something I'd take a look at.

Only the see more button is clickable and the rest just has a hover effect in blue. That's usually a red flag for accessibility and the whole thing should be clickable instead, especially as it has that hover effect.

And one thing I'd add to that would be a white border pressed state for the whole component. That would add some depth to it.

Image 1

This might be the look you're going for but we usually set these up with narrower max widths.

Title at around 720, or even 640 if that's much.

And the subtitle to a bit lower than that, even to 480 if needed. So it breaks up nicely into two lines.

Image 1

Again, this might be the look you're going for but we usually go for all round or all sharp corners.

Image 1

These arrows should be in line with the title instead of top aligned.

They would be okay as is if not for other elements around that are center aligned.

Image 1

And the last thing I saw is this.

I love how this looks and works and I'm sure it took you a long time to set it up but what I'd do is remove the appear effects on both the title above and the table as It doesn't look good when you switch between tabs.

Or you don't need to remove the effect, just make sure the elements aren't moving and you're only playing with their opacity.

Image 1

See how the nav has a wider max width than the rest of the site. I'm not sure if that was intended but I'd bring the site to that width or if that's too hard just make the nav narrower to match.

Image 1

This is a simple thing and an easy fix. You can edit the color of this selection effect in the properties panel on the right.
There's the selection style you can make it black and white to maybe match better. Or if you want to go with blue or any other brand color than you can use the exact blue they're using.
That's a small touch that I believe gives it some charm without taking away anything.

Image 1

Buttons have a "weird" hover effect that's a bit slow I'd say. First off, I wouldn't use black text here on this blue button but rather white. It will stand out way more and as this is the most important button it needs it.

And for the hover effect. I'd set it to like .18 sec instead of .3 or .4 what you have now.

Also, instead of changing the color on hover. I'd just make the buttons smaller.

The hove would be .98 in scale and the pressed variant would be at .96 variant.
Yes adding the pressed version helps a lot too.

Image 1

These have a few things wrong:

They have sharp corners and pretty much everything else has them rounded. I don't know if that was intentional but it's something I'd take a look at.

Only the see more button is clickable and the rest just has a hover effect in blue. That's usually a red flag for accessibility and the whole thing should be clickable instead, especially as it has that hover effect.

And one thing I'd add to that would be a white border pressed state for the whole component. That would add some depth to it.

Image 1

This might be the look you're going for but we usually set these up with narrower max widths.

Title at around 720, or even 640 if that's much.

And the subtitle to a bit lower than that, even to 480 if needed. So it breaks up nicely into two lines.

Image 1

Again, this might be the look you're going for but we usually go for all round or all sharp corners.

Image 1

These arrows should be in line with the title instead of top aligned.

They would be okay as is if not for other elements around that are center aligned.

Image 1

And the last thing I saw is this.

I love how this looks and works and I'm sure it took you a long time to set it up but what I'd do is remove the appear effects on both the title above and the table as It doesn't look good when you switch between tabs.

Or you don't need to remove the effect, just make sure the elements aren't moving and you're only playing with their opacity.

Image 1

See how the nav has a wider max width than the rest of the site. I'm not sure if that was intended but I'd bring the site to that width or if that's too hard just make the nav narrower to match.

Image 1

This is a simple thing and an easy fix. You can edit the color of this selection effect in the properties panel on the right.
There's the selection style you can make it black and white to maybe match better. Or if you want to go with blue or any other brand color than you can use the exact blue they're using.
That's a small touch that I believe gives it some charm without taking away anything.

Image 1

Buttons have a "weird" hover effect that's a bit slow I'd say. First off, I wouldn't use black text here on this blue button but rather white. It will stand out way more and as this is the most important button it needs it.

And for the hover effect. I'd set it to like .18 sec instead of .3 or .4 what you have now.

Also, instead of changing the color on hover. I'd just make the buttons smaller.

The hove would be .98 in scale and the pressed variant would be at .96 variant.
Yes adding the pressed version helps a lot too.

Image 1

These have a few things wrong:

They have sharp corners and pretty much everything else has them rounded. I don't know if that was intentional but it's something I'd take a look at.

Only the see more button is clickable and the rest just has a hover effect in blue. That's usually a red flag for accessibility and the whole thing should be clickable instead, especially as it has that hover effect.

And one thing I'd add to that would be a white border pressed state for the whole component. That would add some depth to it.

Image 1

This might be the look you're going for but we usually set these up with narrower max widths.

Title at around 720, or even 640 if that's much.

And the subtitle to a bit lower than that, even to 480 if needed. So it breaks up nicely into two lines.

Image 1

Again, this might be the look you're going for but we usually go for all round or all sharp corners.

Image 1

These arrows should be in line with the title instead of top aligned.

They would be okay as is if not for other elements around that are center aligned.

Image 1

And the last thing I saw is this.

I love how this looks and works and I'm sure it took you a long time to set it up but what I'd do is remove the appear effects on both the title above and the table as It doesn't look good when you switch between tabs.

Or you don't need to remove the effect, just make sure the elements aren't moving and you're only playing with their opacity.

That's it Kamil!

Hope this helps you see some thing you might have missed along the build out. I know it's harder to see thing once you spend a million hours tweaking them that's why we're here to help each other out.

Let me know if you liked this and if you plan on implementing anything or if I just missed completely and should shut up in the future. I'm open for all critics.


Cheers!

PS.. Genuinely loved the project and how it came out!