feat: landing events section

[AfonsoMartins26]

No description provided.

[netlify]

✅ Deploy Preview for cesium-hydrogen-new ready!

Name	Link
🔨 Latest commit	b3aa702
🔍 Latest deploy log	https://app.netlify.com/sites/cesium-hydrogen-new/deploys/67e2204efab2ac0008e86ad0
😎 Deploy Preview	https://deploy-preview-161--cesium-hydrogen-new.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[joaodiaslobo]

This looks very off from the design.
The content should be placed inside a card.
There should be an orange arrow on the right side of the component, to tell the user that they can scroll.

See here that the date block changes layout on mobile:

Also, put a limit on the amount of events shown.

[AfonsoMartins26]

This looks very off from the design.
The content should be placed inside a card.
There should be an orange arrow on the right side of the component, to tell the user that they can scroll.

See here that the date block changes layout on mobile:

Also, put a limit on the amount of events shown.

Thats the component @gxnca did i just did the cards inside and the text

[gxnca]

I believe we should either wrap everything (except the header) on a <section> and use {horizontalPadding}, or use it on each section.
Since @AfonsoMartins26 didn't use those paddings on his section, the LandingSectionCard is stretching.

This is how it looks with the missing Paddings:

As for the orange arrow, it was decided to exclude it from the design. @diogogmatos suggested to make the cards clickable, redirecting the user to the events page.

I also recommend to use overflows property from LandingSectionCard in order to enable the scroll gradients.

Done

[joaodiaslobo]

Not fetching strings from dictionary, title and description always in Portuguese.

Added.

[nunom27]

Nice!