[BUG] Landing Page: Layout breaks on mobile (no margin for "backed by user" icon, icons disappearing & distorted spacing)

[Janhvibabani]

Description

Landing Page: Several UI elements break on small screens

There are multiple responsiveness issues on mobile, causing the layout to look distorted.

Steps to Reproduce

Use the website on mobile phone.

Expected Behavior

1. Hero section should have consistent spacing and fully visible CTA button.
2. Navbar CTA button should remain inline and properly sized across screen widths.
3. Footer columns should maintain appropriate spacing on mobile to avoid visual clutter.

Actual Behavior

1. Hero Section Issues

• The “Backed by Users” badge appears stuck to the top with no top margin.
• The “Get Started” button is only partially visible (cut off at the bottom).

Screenshot:

---

2. Navbar Button Issue

• The “Get Started” button becomes oversized on smaller screens.
• The text wraps into two lines (Get on one line, Started on another), which looks visually unbalanced.
• The button needs to remain inline with reduced padding for better appearance on mobile.

---

3. Footer Spacing Issue

• In the footer, “Opensox AI” and the Platform column appear too close to each other on small screens.
• This results in a cluttered look with insufficient spacing.

Screenshot:

---

Version

No response

Environment

No response

Additional Context

No response