feat: home page (desktop)

[code-z2]

created the home page UI.

requires #31

fixes #27

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
academy-turbo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 8, 2023 0:24am
academy-turbo-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 8, 2023 0:24am

[github-actions]

⚡️ Lighthouse report for the changes in this PR:

Category	Score
🔴 Performance	35
🟢 Accessibility	96
🟠 Best practices	75
🟢 SEO	92
🟢 PWA	100

Lighthouse ran on https://academy-turbo-git-feat-home-page-developdao.vercel.app/

[Markkos89]

@peteruche21 there is something wrong because the PR Preview link is looking like the styles didn't loaded:

approving because code-related it's more than good and we can fix anything in another update 😉
manage it at your will

thanks for the hard work my friend!!!! @peteruche21 👑 👑

🧑‍🤝‍🧑

[code-z2]

I think it is a browser-related issue. it looks okay on my safari.

will switch to another PC and test with Firefox, chrome and Edge browsers later.

edit: doesn't seem like a browser problem. will use another PC to work on this.

[okhaimie-dev]

I think it is a browser-related issue. it looks okay on my safari.

will switch to another PC and test with Firefox, chrome and Edge browsers later.

edit: doesn't seem like a browser problem. will use another PC to work on this.

@peteruche21 I don't think it is a browser specific thing per say, some of the styling from the custom ui library components are missing in the academy app.

You might want to reconfigure the academy repo stylesheet to achieve an improved style on here. e.g. the bttf font file is missing in this repo so even though you are referencing it in the stylesheet, it is technically not possible for it to display properly on development or production preview this way. same goes with some other of the styles

[code-z2]

Thanks @okhaimie-dev will look at how the styles, but do you think there is a possibility that the academy app specific styles overrides the one from ui package?

@Markkos89

[code-z2]

I thought initially it was because I referenced styles of ui stylesheet inside academy stylesheet, but some components from ui package are losing styles totally.

[Markkos89]

Thanks @okhaimie-dev will look at how the styles, but do you think there is a possibility that the academy app specific styles overrides the one from ui package?

@Markkos89

I believe that if you change the order of the styles file import on _app file to:

• first academy app local styles
• after ui package styles

it could work, could you try? @peteruche21 thanks mate!!!

[Markkos89]

@peteruche21 my bad, I merged one PR and it generated a conflict on this one.

Could you pease resolve the conflict, please? Apologize mate 🙏

After that you can move forward to merge this! Thanks for the hard work!!! 💪

🚀