[BUG] Problem section resembles an error alert due to red warning styling

[Vaanshimadaan]

Describe the Bug
The "The Problem" section is styled with a red warning icon and red heading, making it resemble an error or critical alert instead of an informational section. This may confuse users into thinking there is an issue with the website rather than understanding it as explanatory content.

---

To Reproduce

1. Go to the project's landing page.
2. Scroll down to the "The Problem" section.
3. Observe the red warning icon and red-colored heading.
4. Notice that the section visually resembles an error or warning message.

---

Target URL & Mode

• Target URL: (Paste the page URL here)
• Retrieval Mode: N/A
• Scrape Limit: N/A

---

Expected Behavior
The "The Problem" section should have a neutral or informational appearance. It could use an information icon or the website's primary accent color instead of red, reserving red for actual errors or warnings.

---

Actual Behavior / Error Logs
The section is displayed with a red warning icon and red heading, which gives it the appearance of an error message. No console or backend errors are present since this is a UI/UX issue.

---

Screenshots / Recordings

---

Environment Context:

• OS: Windows 11
• Node Version: N/A
• Database: N/A
• Redis: N/A
• LLM Provider: N/A

---

Additional Context
This is a visual consistency issue rather than a functional bug. Since red is commonly associated with errors, warnings, or destructive actions, using it for informational content may confuse users. A more neutral design would improve clarity and align better with common UI design conventions.

[Vaanshimadaan]

Hi maintainers i would like to work on this issue please assign this to me under SSoc'26

[Mohitmhatre32]

Hi @Vaanshimadaan,

I'd like to work on this issue. I plan to update the styling of the "The Problem" section by replacing the warning-like visuals with a more neutral, informational design that aligns with the overall UI and improves readability.

Please assign this issue to me. Thanks!

[shravanithouta108]

Hi! I'd like to work on this issue as my first contribution to SSoC '26.

Proposed approach:

Locate the component responsible for the "The Problem" section.
Replace the red warning icon with a more appropriate informational icon (or another neutral icon that matches the design system).
Update the heading color from red to the project's primary accent/neutral color while preserving typography and layout.
Ensure the changes remain consistent with the overall theme and responsiveness, using red only for actual warnings or errors.
Verify that the updated section improves visual clarity without affecting functionality.

Could you please assign this issue to me? Thank you!