GlassCard

import { GlassmorphismCard } from "@/components/ui/glass-card";
import {TrendingUp} from "lucide-react";

export default function StatCard() {
  return (
    <div className="w-screen min-h-screen flex justify-center items-center bg-gradient-to-br from-blue-950 via-blue-800 to-cyan-400">
    <GlassmorphismCard variant="subtle" padding="lg">
        <div className="space-y-3">
          <div className="flex items-center justify-between">
            <div className="rounded-lg bg-green-500/10 p-2">
              <TrendingUp className="size-5 text-green-400" />
            </div>
            <span className="text-xs text-white/60">+12.5%</span>
          </div>
          <div>
            <p className="text-sm text-white/60">Total Revenue</p>
            <p className="text-3xl font-bold text-white/95">$45,231</p>
          </div>
          <p className="text-xs text-white/50">
            Compared to last month
          </p>
        </div>
      </GlassmorphismCard>
    </div>
    )
}