perf(site): fix bento image sizes over-request + blog sequel chapter

- bento-grid: the Occupy Wallets tile is height-constrained (object-contain)
  to ~240px wide, but sizes='33vw' made Next serve a 750w file into a 241px
  slot (~62 KiB waste). Cap the sizes hint to the real display size.
- blog: add the 'a month later' chapter to the animated-hero post — the
  Turnstile 450KB below-the-fold weight, deferred, mobile 75 -> 93 / desktop 99.
This commit is contained in:
jwinterm
2026-07-06 10:25:27 -04:00
parent 2e44b70e0b
commit 30f7e4f89f
2 changed files with 18 additions and 1 deletions
@@ -67,7 +67,7 @@ function BentoCard({ item, delay }: { item: Item; delay: number }) {
alt={item.alt}
fill
className="object-contain p-2 opacity-60 transition-transform duration-1000 group-hover:scale-105"
sizes="(max-width: 768px) 90vw, 33vw"
sizes="(max-width: 768px) 65vw, 280px"
/>
</div>
</Card>