Neon Gradient Card

"use client";

import { NeonGradientCard } from "@/lab/magicui/ui/neon-gradient-card";

export default function NeonGradientCardDemo() {
  return (
    <div className="@container relative flex h-full w-full items-center justify-center p-[10%]">
      <NeonGradientCard className="h-full max-w-sm items-center justify-center text-center">
        <span className="pointer-events-none z-10 flex h-full items-center justify-center bg-linear-to-br from-[#ff2975] from-35% to-[#00FFF1] bg-clip-text text-center text-[clamp(1.5rem,5cqw,3rem)] leading-none font-bold tracking-tighter text-balance whitespace-pre-wrap text-transparent">
          Neon Gradient Card
        </span>
      </NeonGradientCard>
    </div>
  );
}