Update the home page

[JeelRajodiya]

Related #72

Currently the homepage has one button which is the direct link to the first step. We want to display all the links of the chapter in the home page.

Update the home page as per the given design

figma Link: https://www.figma.com/design/w8ow79jE7lJucJt2zZTbcz/Tour-of-JSON-Schema?node-id=2303-39&t=HRYIgoqFZ2J30ggg-1

Please try not to hardcode the links and chapter titles, You can get the title and links of the chapters using the contentManager class

New Design

[gregsdennis]

Shouldn't the styling match that of the main site?

[JeelRajodiya]

Shouldn't the styling match that of the main site?

Yes it should, but I couldn't come up with a better design. We are only using the JSON Schema brand color to match with the theme.

[pavanydg]

@JeelRajodiya i will take this up. Please

[JeelRajodiya]

@pavanydg please go ahead!

[gregsdennis]

Yes it should, but I couldn't come up with a better design. We are only using the JSON Schema brand color to match with the theme.

Why can't you just use the same design and "A Tour of"?

[benjagm]

Like Greg I think we would benefit from adjusting the style / fonts to match the official website.

[JeelRajodiya]

@gregsdennis Do you mean something similar to this?

[gregsdennis]

That fits a lot better with our current design, yes.

[JeelRajodiya]

Great!

That fits a lot better with our current design, yes.

I will update the figma design properly and ping @pavanydg when it is ready.
@pavanydg Are you willing to continue working on the issue?

[pavanydg]

@JeelRajodiya yes I will continue

[JeelRajodiya]

@pavanydg Please check the figma design I have updated the home page for both dark mode and light mode. you can start working on it.