GlassCard

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

export default function FeatureCard() {
  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="pronounced" hoverable padding="lg">
        <div className="space-y-4">
          <div className="rounded-full bg-gradient-to-br from-blue-500/20 to-purple-500/20 p-3 w-fit">
            <div className="rounded-full bg-white/10 p-2">
              <Star className="size-6 text-white/90" />
            </div>
          </div>
          <div>
            <h3 className="text-xl font-bold text-white/95">
              Premium Features
            </h3>
            <p className="mt-2 text-sm text-white/70 leading-relaxed">
              Unlock advanced capabilities with our premium plan. Includes priority support and exclusive features.
            </p>
          </div>
          <Button className="w-full bg-white/10 hover:bg-white/20">
            Learn More
          </Button>
        </div>
      </GlassmorphismCard>
    </div>
    )
}