Batch 22 home page: scoped styling, contrast fixes, and status panel update

[usetech-nick]

Description

This PR refines the Batch 22 home page UI and addresses the review feedback from the previous iteration.

The goal is to make the home page feel batch-centric and alive, while ensuring no regressions or unintended styling changes across the rest of the app.

What was done

1. Scoped styling to the Batch 22 home page

• All visual changes are now scoped under .batch22-home
• Global styles were restored to upstream defaults
• Builders pages and shared components are unaffected

2. Improved dark & light mode contrast

• Fixed readability issues in dark mode (BatchStatus text, CTA, and ActionCard icons)
• Ensured hover states lift elements instead of darkening them
• Verified light mode contrast, including menu and navigation

Additional improvements

• Simplified navigation through ActionCards
• Refined typography and layout for better structure and scanability

All changes are limited to the Batch 22 home page.
Builders pages and other routes remain visually unchanged.

Screenshots

Additional Information

• I have read the contributing docs
• This is not a duplicate of any existing pull request

Related Issues

Closes #4

ENS / Address

0x0eD3f043ad4Fe71D00dE45F6077b022576C4B86B

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
batch22.buidlguidl.com	Ready	Preview, Comment	Dec 18, 2025 6:24pm

[melanke]

Thanks for the update

[melanke]

It would be better if you've used Tailwind to style, we find it easier to read and style the code by adding pre-built CSS classes directly to the HTML.

[usetech-nick]

Thanks for the feedback!
That makes sense, I agree using Tailwind utility classes directly keeps styling more readable and easier to maintain. I’ll refactor the home page styling to rely on Tailwind classes instead of custom CSS rules, while keeping everything scoped to the Batch 22 home page.

I’ll push an update shortly.

[usetech-nick]

Refactored to remove custom CSS and rely purely on Tailwind + DaisyUI theme tokens (primary-content, base-content) for better dark/light consistency.
Let me know if you’d like this simplified further 👍

[melanke]

@usetech-nick the home page is not responsive. It's not looking very good on mobile screen sizes.

[usetech-nick]

Thanks for the heads up!
I’ve pushed an update that makes the home page fully responsive, with a mobile-first layout for the BatchStatus section and restored interaction feedback for desktop.
Could you please take another look on mobile?