💡[Feature]: Redesign Hero Section for Better Engagement & Clarity (Get started)

[Samridha0305]

Is there an existing issue for this?

• I have searched the existing issues

Feature Description

The hero section currently introduces the learning platform with a strong headline ("Transform Your Career in Tech") but has a few design and usability issues that reduce clarity and user engagement.

The “Start | Build | Today” segmented button looks confusing — unclear purpose and low contrast on "Build".
Call-to-action (CTA) buttons ("Start Learning Now" and "Explore Docs") lack hierarchy — both appear similar in size and style.
The "Explore Docs" button feels secondary but is visually too prominent.
Alignment and spacing between elements could be improved for a cleaner look.
Lack of visual indicators (icons or micro-animations) to highlight the learning journey.

Use Case

• Replace “Start | Build | Today” segmented button with a single, clear CTA or use it as a progress/journey indicator with better contrast.
• Differentiate primary vs. secondary actions:
• Primary CTA (blue, larger): “Start Learning Now”
• Secondary CTA (outlined/ghost button): “Explore Docs”
• Improve text contrast on “Build” for accessibility.
• Adjust spacing and alignment to reduce visual clutter.
• Optionally, add an icon or subtle animation to CTAs for higher engagement.

Benefits

Improving the hero section ensures first-time visitors clearly understand where to start, increasing user sign-ups and reducing confusion. A clean and engaging design will directly impact conversions.

Add ScreenShots

Before:

After:
(Refernce)

Priority

High

Record

• I have read the Contributing Guidelines
• Are you a GSSOC'25 contributor
• I want to work on this issue

[github-actions]

Thanks for opening this issue! 🎉 We'll look into it as soon as possible, estimated time for response is 5–8 hrs.

Don't raise PR unless assigned to you.

In the meantime, please provide all necessary details and context to your issue — screenshots or videos of your changes help speed up the review and assignment. If you have questions, reach out to LinkedIn. Your contributions are highly appreciated!😊

Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your issue goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv.

We are here to help you on this journey of open source. Consistent contributions are eligible for sponsorship 💰

🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨

📚Resources which can help you know more about Github 👇🏻

1. End to End GitHub Beginner Playlist: GitHub Playlist.

2. Build your GitHub Profile: GitHub Profile Optimisation.

3. GitHub Handbook for dummies: GitHub Blog for Beginners.

[sanjay-kv]

The hero section the visibility of text need to change,
Maybe you can help with that. we can ignore the reference for time being @Samridha0305

[github-actions]

👤 Issue assigned to @Samridha0305.