feat(homepage): significantly increase mobile hero abacus size

Increased mobile scale from 2.5 to 3.5 to better utilize available screen
space on mobile devices. Screenshot review showed ample room above and
below the abacus without risk of overlapping title or scroll hint.

Final scales:
- Mobile (base): scale(3.5) - 75% larger than original
- Medium (md): scale(3.5) - 16% larger than original
- Desktop (lg): scale(4.25) - 6% larger than original

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock 2025-10-21 10:27:42 -05:00
parent 4c6939807e
commit 424f41d4bf
1 changed files with 1 additions and 1 deletions

View File

@ -131,7 +131,7 @@ export function HeroAbacus() {
> >
<div <div
className={css({ className={css({
transform: { base: 'scale(2.5)', md: 'scale(3.5)', lg: 'scale(4.25)' }, transform: { base: 'scale(3.5)', md: 'scale(3.5)', lg: 'scale(4.25)' },
transformOrigin: 'center center', transformOrigin: 'center center',
transition: 'all 0.5s cubic-bezier(0.4, 0, 0.2, 1)', transition: 'all 0.5s cubic-bezier(0.4, 0, 0.2, 1)',
})} })}