[React] Revamp Landing Page for #50DaysOfJavaScript

[vinitshahdeo]

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.

[amitkroutthedev]

@vinitshahdeo Can I help with this issue?

[deeksharungta]

Hey, I want to work on this issue and as required, I've created a UI design for the landing page.

[vinitshahdeo]

Hello @deeksharungta

The design looks awesome 🎉 !

Just one minor suggestion, Can we have a bit of coding-js-related-illustrations in the background? This will be inline with the #50DaysOfJavaScript theme.

[vinitshahdeo]

Thanks for showing your interest @amitkroutthedev! Could you please share your design or collaborate with @deeksharungta to take it forward?

[amitkroutthedev]

Ok

[deeksharungta]

Hello @deeksharungta

The design looks awesome 🎉 !

Just one minor suggestion, Can we have a bit of coding-js-related-illustrations in the background? This will be inline with the #50DaysOfJavaScript theme.

Yes, sure, I'll try to add some coding-related illustrations in the background.

[deeksharungta]

@vinitshahdeo I've added some coding-related illustrations and created two variants. Please let me know if either of these fits your requirements, and I'll be happy to make any necessary changes.