[Bug]Hero heading wraps awkwardly on mobile screens

[kavyaay09-crypto]

🐛 Bug: Hero heading wraps awkwardly on mobile screens

Description

The hero heading is not responsive on smaller screens. The text wraps into multiple uneven lines, making the landing page look cluttered and reducing readability.

Current Behavior

On mobile devices:

• The heading breaks into awkward line wraps.
• The visual hierarchy differs significantly from the desktop version.
• The hero section appears unbalanced.

Expected Behavior

• Use responsive typography for mobile devices.
• Maintain balanced line breaks.
• Preserve the visual appearance of the desktop design while adapting to smaller screens.

Steps to Reproduce

1. Open the homepage.
2. Resize the browser to a mobile viewport (≤768px) or open it on a mobile device.
3. Observe the hero heading.

Suggested Fix

• Use responsive Tailwind font sizes (text-4xl, md:text-6xl, etc.).
• Limit the heading width with responsive max-width.
• Adjust line-height for smaller screens.

[prasiddhi-105]

hiii @Aryan0628 please assign this issue to me underesoc26!!!
/claim