UI Enhancement: Improve Landing Page Layout and Alignment

[sgrscsurya]

Hello mentors 👋,

While running the project locally, I noticed that the Landing Page (index.html) layout is currently misaligned — the main elements (logo, hero section, and CTA buttons) appear off-center and unevenly spaced, especially on smaller screens.

The page structure and styling could be improved to make the landing section more visually appealing, properly centered, and responsive across all device sizes.

I’d like to enhance the layout and fix the alignment issues to give the homepage a cleaner and more polished appearance.

[sgrscsurya]

Hello Mentors, 👋
I’m currently working on this improvement and have shared the relevant screenshots below for your reference.

Here’s what I’m focusing on:
Proper alignment of landing page elements
Improved positioning and spacing of components
Enhanced overall UI/UX design
Added smooth effects and animations
Implemented a theme toggle button to switch between Dark and Light modes

Kindly assign this issue to me so that I can proceed with the development and raise a PR accordingly.
Thank you!