Video Background Hero

<div class="h-screen relative flex items-center justify-center text-center overflow-hidden">
        <div class="absolute inset-0 z-0">
            <img src="https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&q=80&w=1200"
                class="w-full h-full object-cover opacity-40 scale-110">
            <div class="absolute inset-0 bg-gradient-to-b from-slate-950/50 via-transparent to-slate-950"></div>
        </div>
        <div class="relative z-10 max-w-4xl px-6">
            <h1 class="text-5xl md:text-7xl font-bold mb-6 tracking-tight leading-tight">Infinite Intelligence.</h1>
            <p class="text-xl text-slate-300 mb-10 max-w-2xl mx-auto">Powering the next generation of spatial computing
                with decentralized GPU clusters.</p>
            <div
                class="flex flex-wrap justify-center gap-8 bg-white/5 backdrop-blur-md p-6 rounded-[2rem] border border-white/10">
                <div class="flex items-center gap-3">
                    <span class="w-2.5 h-2.5 bg-emerald-500 rounded-full shadow-[0_0_10px_#10b981]"></span>
                    <span class="font-bold text-sm tracking-widest uppercase">99.9% Uptime</span>
                </div>
                <div class="flex items-center gap-3">
                    <span class="w-2.5 h-2.5 bg-emerald-500 rounded-full shadow-[0_0_10px_#10b981]"></span>
                    <span class="font-bold text-sm tracking-widest uppercase">ISO 27001 Certified</span>
                </div>
            </div>
        </div>
    </div>