[Style]: Enhance Hero Section Background in Homepage

[harmeetsingh11]

Description:

The current background in the homepage's hero section appears plain black, lacking visual appeal. To improve the aesthetics, consider adding a gradient, grid, or dotted pattern to enhance the overall look and feel of the hero section.

Tasks:

1. Explore and decide on an appropriate background style such as gradient, grid, or dotted pattern.
2. Implement the chosen background style using CSS to enhance the visual appeal of the hero section.
3. Ensure that the new background complements the overall design and does not negatively impact readability.
4. Test the changes across various screen sizes to guarantee a responsive and consistent appearance.

Additional Information:

• Consider color choices that align with the overall theme of the homepage.
• Seek feedback from stakeholders or team members to ensure the proposed background style aligns with the project's visual identity.

Acceptance Criteria:

• The hero section background in the homepage should be updated with the chosen style (gradient/grid/dotted pattern).
• The new background style should enhance the overall aesthetics without sacrificing readability.
• The changes should be responsive, providing a consistent appearance across different devices.

Screenshots

Record

• I agree to follow this project's Code of Conduct 
• I'm a SWOC 4.0 contributor
• I want to work on this issue

[PranabKumarSahoo]

Hi @harmeetsingh11,

Thank you for raising this issue. Your insights into enhancing the hero section background are much appreciated.

However, I kindly request your patience in assigning the task at the moment. We have some pending issues that need to be merged, and as you know, our project workflow is not yet streamlined like CI/CD. I would appreciate it if you could wait until the tasks are assigned. Don't worry I'll assign this task to you ASAP! ✌️

Once again, thank you for your effort and understanding.