Improve hero image: use 3:1 aspect ratio and lighter overlay

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
f-trycua
2025-12-06 19:07:17 -08:00
parent 6c04e68017
commit a1967e75f3

View File

@@ -8,10 +8,10 @@ import { Monitor, Code, BookOpen, Zap, Bot, Boxes, Rocket } from 'lucide-react';
<picture>
<source media="(prefers-color-scheme: dark)" srcSet="/docs/img/bg-dark.jpg" />
<source media="(prefers-color-scheme: light)" srcSet="/docs/img/bg-light.jpg" />
<img src="/docs/img/bg-light.jpg" alt="Cua" className="w-full h-48 object-cover" />
<img src="/docs/img/bg-light.jpg" alt="Cua" className="w-full aspect-[3/1] object-cover" />
</picture>
<div className="absolute inset-0 flex items-center justify-center bg-black/30">
<span className="text-white text-xl font-medium text-center px-4">Build AI agents that see, understand, and control any computer</span>
<div className="absolute inset-0 flex items-center justify-center bg-black/10">
<span className="text-white text-xl font-medium text-center px-4 drop-shadow-lg">Build AI agents that see, understand, and control any computer</span>
</div>
</div>