Improving landing page UI

[ankeeta-mohanty]

Description

This PR addresses the homepage UI polish issue, making the landing page
cleaner, more readable, and visually consistent. All changes are contained
within LandingPage.jsx and index.css. A pre-existing layout bug where
the CTA button overlapped the hero title was also resolved as part of this work.

Changes Made

1. Title Text Formatting

• Fixed heading casing to "GitHub README.md Maker"
• Adjusted line-height and font-size for better balance

2. Background Graphic Repositioned

• Moved css-pills toward the viewport edge so it no longer overlaps the heading

3. Navbar Visibility Improved

• Increased navbar height and link font size
• Non-active links show a subtle background pill, active page gets solid indigo with white text
• Removed a duplicate background: transparent that was overriding styles

4. Start Building Button Contrast

• Replaced semi-transparent gradient with solid indigo, text set to bold white

5. CTA Button Layout Fix (pre-existing bug)

• Changed scroll-action from absolute to normal document flow so it no longer overlaps the hero title

Files Changed

• src/pages/Landing/LandingPage.jsx
• src/styles/index.css

Testing

Verified locally on localhost:5173 via npm run dev. Checked all nav
link states (resting, hover, active). Confirmed the button and title are
visible and non-overlapping on a standard 1366×768 viewport.

Closes issue: #124