Landing page

[tomaspalma]

Closes #1.

Preview: https://website-landing-page.up.railway.app/

During the meeting, there was a doubt about why the background in mobile was stretching so much. This was because all of the components inside of the <Home> component were being included in the <div> where we were putting the background in. Because, as for now, that background as the landing page is only to be present in the <Home> component, we chose to put a variable showNavbar in the <AppLayout> that defaults to true, so that in the <Home> component we can put that to false and render the <Navbar> inside of the <Home> component in order to be able to easily put the background only behind certain elements.

We checked the HTML validator and it is valid to have <nav> tags inside <main>. If you come up with a better approach, feel free to say so.

[limwa]

Hi, awesome work so far! Regarding the implementation, I've noticed that there are some inconsistencies with the mockups, but nothing too major.

1. The navbar has a background when it should be transparent.
2. The background on mobile is too zoomed in, but I'll try to see what the image department wants to do in this situation.
3. The ENEI logo is too small on mobile, it needs to be a bit bigger.

[jose-carlos-sousa]

Hi, awesome work so far! Regarding the implementation, I've noticed that there are some inconsistencies with the mockups, but nothing too major.

1. The navbar has a background when it should be transparent.

2. The background on mobile is too zoomed in, but I'll try to see what the image department wants to do in this situation.

3. The ENEI logo is too small on mobile, it needs to be a bit bigger.

I have a question about the navbar design. Currently, it is fixed to the top of the page. Making it transparent could lead to visibility issues with the content as users scroll. Should the navbar remain fixed at the top, or should it disappear when scrolling down?

[limwa]

Hey @jose-carlos-sousa. You don't need to worry about that for now and just leave the navbar transparent and not scrolling with the rest of the page. Either way, I'll ask the image department so that we know the answer when the time to implement the rest of the page comes.

[limwa]

Really awesome work 🎉

[limwa]

Do you know what's that white bar on mobile? Appears when I scroll down

[tomaspalma]

I believe the white bar is now fixed in mobile, do you think that the page being scrollable is an issue?

[limwa]

It's fine, don't worry! But if any of you is interested in going into webdev in the future, it might be an interesting challenge to solve.

Will check out the desktop version later today (mobile looks good) and then do a code review.

[limwa]

LGTM! Thank you! 🎉

[Naapperas]

@limwa @tomaspalma I am not apporving this PR yet due to my comment, which was not necessarily a change request. Waiting on @ttoino also

[Naapperas]

LGTM