mirror/lume
1
0
Fork 0
mirror of https://github.com/trycua/lume.git synced 2026-01-06 04:20:03 -06:00
Code Issues Packages Projects Releases Wiki Activity

Use inline styles for hero positioning

Browse Source 
🤖 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:18:57 -08:00
parent 729c12a32f
commit badcd9e8a3
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
docs/content/docs/index.mdx
View File

@@ -4,20 +4,22 @@ title: Introduction
import { Monitor, Code, BookOpen, Zap, Bot, Boxes, Rocket } from 'lucide-react';
<div className="relative rounded-xl overflow-hidden mb-8 w-full h-40">
<div style={{position: 'relative', borderRadius: '0.75rem', overflow: 'hidden', marginBottom: '2rem', width: '100%', height: '10rem'}}>
<img
src="/docs/img/bg-light.jpg"
alt="Cua"
className="w-full h-full object-cover block dark:hidden"
className="block dark:hidden"
style={{width: '100%', height: '100%', objectFit: 'cover'}}
/>
<img
src="/docs/img/bg-dark.jpg"
alt="Cua"
className="w-full h-full object-cover hidden dark:block"
className="hidden dark:block"
style={{width: '100%', height: '100%', objectFit: 'cover'}}
/>
<div className="absolute inset-0 flex items-center justify-center p-4">
<div className="bg-black/50 backdrop-blur-sm rounded-lg px-4 py-2">
<span className="text-white text-lg font-medium block text-center">Build AI agents that see, understand, and control any computer</span>
<div style={{position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '1rem'}}>
<div style={{backgroundColor: 'rgba(0,0,0,0.5)', backdropFilter: 'blur(4px)', borderRadius: '0.5rem', padding: '0.5rem 1rem'}}>
<span style={{color: 'white', fontSize: '1.125rem', fontWeight: 500, display: 'block', textAlign: 'center'}}>Build AI agents that see, understand, and control any computer</span>
</div>
</div>
</div>