Skip to content

Conversation

@zaidxGithub
Copy link
Contributor

Description

This PR completely revamps the hero section UI.

  • Redesigned the entire hero section UI
  • Updated color palette to white, black, and red (optimized for dark theme)
  • Replaced old side editor image with a custom, more professional design
  • Added three new feature div to highlight key points
  • Added the slide in Animation for the Title Subtitle div
  • Reworked CSS for the hero section with improved responsiveness
  • Ensured layout works seamlessly across devices

Motivation and Context

The previous hero section lacked visual balance and professional appeal. This update provides a modern, consistent design that enhances user engagement and aligns better with the project’s overall look and feel.

Dependencies

No new dependencies were introduced in this PR.

Issue Fixed

Resolves #240
Fixes # 240

Type of PR

  • Feature enhancement

Screenshots / videos (if applicable)

UI-Before
Screenshot 2025-09-15 201725

UI-After:

Screenshot 2025-09-15 201750

On DarkMode:
Screenshot 2025-09-15 201800

Demo:

Untitled.video.-.Made.with.Clipchamp.mp4

Checklist:

  • I have made this change from my own.
  • I have mentioned the issue number in my Pull Request.
  • I have gone through the CONTRIBUTING.md file before contributing
  • I have performed a self-review of my own code.
  • My changes generate no new warnings.
  • I have tested the changes thoroughly before submitting this pull request.
  • I have provided relevant issue numbers and screenshots after making the changes.

…atures

- Redesigned the entire hero section UI
- Updated color palette to white, black, and red (optimized for dark theme)
- Replaced old side editor image with a custom, more professional design
- Added three new feature divs to highlight key points
- Reworked CSS for the hero section with improved responsiveness
- Ensured layout works seamlessly across devices
]
@vercel
Copy link

vercel bot commented Sep 15, 2025

@zaidxGithub is attempting to deploy a commit to the Souvik's projects Team on Vercel.

A member of the Team first needs to authorize it.

@netlify
Copy link

netlify bot commented Sep 15, 2025

Deploy Preview for learnhub5 ready!

Name Link
🔨 Latest commit 5a6e4f6
🔍 Latest deploy log https://app.netlify.com/projects/learnhub5/deploys/68c832b0348c3800086d3c93
😎 Deploy Preview https://deploy-preview-241--learnhub5.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions
Copy link

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible.). If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

@zaidxGithub
Copy link
Contributor Author

@souvikpramanikgit kindly review this PR . #issue240

@souvikpramanikgit souvikpramanikgit merged commit 4af25f2 into souvikpramanikgit:main Sep 16, 2025
5 of 6 checks passed
@github-actions
Copy link

🎉🎉 Thank you for your contribution! Your PR #241 has been merged! 🎉🎉

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Problem: The Hero section styling feels unbalanced

2 participants