veza/apps/web/src/pages/LivePage.tsx

47 lines
1.7 KiB
TypeScript
Raw Normal View History

import { Radio, Video, Calendar } from 'lucide-react';
import { Button } from '@/components/ui/button';
export function LivePage() {
return (
<div className="min-h-screen p-8 space-y-8">
<div className="glass-hud rounded-2xl border-white/10 p-8 hud-corner">
<div className="flex items-center justify-between">
<div className="flex items-center gap-4">
<div className="w-12 h-12 rounded-xl bg-kodo-red/20 flex items-center justify-center border border-kodo-red/30 animate-pulse">
<Radio className="w-6 h-6 text-kodo-red" />
</div>
<div>
<h1 className="text-3xl font-display font-bold text-white">
Live Sessions
</h1>
<p className="text-sm text-kodo-secondary">
Stream and collaborate in real-time
</p>
</div>
</div>
<Button className="bg-kodo-red hover:bg-kodo-red/80 text-white">
<Video className="w-4 h-4 mr-2" />
Go Live
</Button>
</div>
</div>
<div className="glass-hud rounded-xl border-white/10 p-12 text-center">
<Calendar className="w-16 h-16 text-kodo-secondary mx-auto mb-4 opacity-50" />
<h3 className="text-lg font-bold text-white mb-2">
No Active Sessions
</h3>
<p className="text-kodo-secondary mb-4">
Start a live session or join an ongoing stream
</p>
<Button
variant="outline"
className="border-kodo-red/30 text-kodo-red hover:bg-kodo-red/10"
>
Browse Live Sessions
</Button>
</div>
</div>
);
}