[React] Revamp Landing Page for #50DaysOfJavaScript

Current State

The current landing page for 50DaysOfJavaScript needs a significant overhaul. It should be transformed into a single-page application (SPA) with clear Calls to Action (CTAs) to encourage visitors to join as participants, mentors, and community members.

Proposed Changes

• Revamp the existing landing page into a single-page application to provide a seamless and interactive user experience.

• CTAs for User Engagement: Incorporate prominent and visually appealing CTAs that guide visitors to join as participants, mentors, or become a part of the community.

• Initiative Overview: Include a concise description of the initiative, emphasizing that it is a community-led open-source effort aimed at helping individuals enhance their JavaScript coding skills. Ensure that it conveys the message that the daily coding challenges are practical and relevant to the everyday tasks of JavaScript developers.

• Link to Join: Provide a clear and accessible link for users to join #50DaysOfJavaScript. This link can be placed prominently within the initiative's overview section.

• Social Media Sharing: Add an option in the footer to allow users to easily share the initiative on Twitter. This can help increase the visibility of the initiative among potential participants.

Additional Information

The landing page should be designed with user-friendliness and engagement in mind. It should effectively communicate the value and purpose of the initiative, making it enticing for visitors to get involved.

Related Links

• Join #50DaysOfJavaScript
• Landing Page

Note

Please share the UI mocks in this issue thread before starting the development.