refactor(homepage): Improve Homepage UI Layout and Visual Hierarchy

What problem does this solve?

Solves layout structure issue.

This improves visibility, prevents both sections from appearing crowded within the same view, and creates a consistent visual hierarchy across different screen sizes.

Before Changes:

As like that I think that configuration section should not covered in this section viewpoint such chnages I would want to implement

Proposed solution

1.Keep the Webpack logo on the left and the introductory content on the right to create a clear visual hierarchy and a more structured homepage layout.

2.Each section should remain focused within its own viewport area, creating a more professional viewing experience while preserving responsive behavior across screen sizes.

3.attaching some proposed changes form one of two AFTER CHNAGES :

Alternatives considered

No response

Have you used AI?

No

Start at the homepage entry point and compare the current layout with the attached before-and-after images. Trace the sections and responsive behavior to identify where the Webpack logo, introductory content, and configuration section are arranged. Done means the sections have clearer viewport separation, the intended visual hierarchy, and remain responsive across screen sizes.