Fix: Adjusted font size in Hero banner for better visibility (#256)

[Wreck7]

What I Fixed

Updated the font size in the Hero banner section to improve readability and clarity.

Ensures the text/icon backed by "Users" is now clearly visible.

Why This Fix Was Needed

The original font size was big, making the text/icon in the Hero banner unclear.

Screenshots

Before

After

Linked Issue

Closes #256

[vercel]

@Wreck7 is attempting to deploy a commit to the AJEET PRATAP SINGH's projects Team on Vercel.

A member of the Team first needs to authorize it.

[coderabbitai]

Walkthrough

This pull request makes two minimal changes: adjusts the Hero section heading font size from 6rem to 5.8rem on large viewports, and updates the TypeScript JSX compiler option from "preserve" to "react-jsx". These address UI proportions and configure the JSX transformation runtime.

Changes

Cohort / File(s)	Summary
Hero component styling apps/web/src/components/landing-sections/Hero.tsx	Reduced h1 font size breakpoint on large screens from lg:text-[6rem] to lg:text-[5.8rem]
TypeScript configuration apps/web/tsconfig.json	Updated JSX compiler option from "preserve" to "react-jsx" to use the modern JSX transform

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

• Verify the tsconfig.json JSX option change doesn't introduce unexpected build or runtime behavior
• Confirm the 0.2rem font reduction visually addresses the banner proportions issue in #256

Possibly related PRs

• fix: UI Responsiveness of Landing Page #142: Modifies Hero.tsx layout with different Tailwind class adjustments affecting component dimensions
• [imp]: add pitch to investors #250: Also modifies Hero.tsx component JSX/markup, likely part of related Hero banner refinements

Poem

🐰 A banner stands a touch less tall,
JSX transforms with a config call,
Five-point-eight rems fit just right,
The hero shines in clearer sight!
✨

Pre-merge checks and finishing touches

❌ Failed checks (1 warning, 1 inconclusive)

Check name	Status	Explanation	Resolution
Out of Scope Changes check	⚠️ Warning	The tsconfig.json JSX runtime change from 'preserve' to 'react-jsx' appears unrelated to the linked issue #256, which focuses on hero banner UI visibility and height adjustments.	Remove the tsconfig.json JSX runtime change or provide justification linking it to the hero banner visibility issue in #256.
Linked Issues check	❓ Inconclusive	The Hero banner font size adjustment addresses making 'backed by Users' more visible. However, the linked issue also mentions fixing hero banner height to fit the screen, which is not addressed by the font size change alone.	Clarify whether the font size reduction alone resolves the height/visibility issue or if additional height-related changes are needed to fully address issue #256.

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	Title focuses on font size adjustment in Hero banner, which aligns with the main code change (h1 font size reduction from lg:text-[6rem] to lg:text-[5.8rem]), though the tsconfig.json JSX runtime change is unmentioned.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[cla-assistant]

All committers have signed the CLA.

[cla-assistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}