Issue 2 create home page

[JillStingray1]

Change Summary

Created a homepage, including a hero section, and a card container component which displays recent events and news.

Change Form

• [Y] The pull request title has an issue number
• [Y] The change works by "Smoke testing" or quick testing
• [N] The change has tests
• [Y] The change has documentation

Other Information

Currently functions that pull news articles and event information uses mock data. Needs to be changed to point to the end point. The link on the homepage also currently points to an unimplemented page. Card components used on the front-page are only a placeholder until #3 is closed.

Closes #2

Related issue

• Resolve Create Home Page #2

[codecov-commenter]

Welcome to Codecov 🎉

Once you merge this PR into your default branch, you're all set! Codecov will compare coverage reports and display results in all future pull requests.

Thanks for integrating Codecov - We've got you covered ☂️

[Chris-Jose]

Home page update:

• wired ContentCard (Create Card Component #7) into the home page in place of the placeholder cards.
• fixed a scroll bug so the arrows actually work. Cards were either half-cut or all fitting with no scroll needed and it now uses scroll-snap.
• expanded the Events data, and updated the hero button, swapped "Recent News" for the WA Savings/News/Resources tiles to match Figma design.

Ready for review.

[KKatariah]

fixed the merge conflicts

[KKatariah]

Referencing image that is not found at the specified path. Is there supposed to be something here or is it test code that's left over?

Error: src/pages/index.tsx(8,24): error TS2307: Cannot find module '@/public/hero_img.png' or its corresponding type declarations.
Error: Process completed with exit code 2.

[KKatariah]

The "Upcoming Events" headers is positioned strangely.

[JillStingray1]

I've fixed the above issues and also made some other changes with alignment to make the page look a little better.

[Jason-CJS]

For the "Get Started" button, maybe have the on-hover colour as a lighter yellow? The dark gray doesn't really fit with the design

[Jason-CJS]

On mobile view, the on-hover effect on the button causes a slight misalignment

[Jason-CJS]

Home page looks good for both website and mobile view. Good job!