[Style]: Enhance Hero Section Background in Homepage

[harmeetsingh11]

Description:

The current background in the homepage's hero section appears plain white, 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

[harmeetsingh11]

@charu1603 can you please assign this issue? I want to work on it.