Gradient Animation

"use client";
import React from "react";
import { BackgroundGradientAnimation } from "@/lab/aceternity/ui/background-gradient-animation";

export default function BackgroundGradientAnimationDemo() {
  return (
    <div className="h-full w-full [container-type:inline-size]">
      <BackgroundGradientAnimation>
        <div className="absolute z-50 inset-0 flex items-center justify-center text-white font-bold px-4 pointer-events-none text-[clamp(1.5rem,7cqw,4.5rem)] text-center">
          <p className="bg-clip-text text-transparent drop-shadow-2xl bg-gradient-to-b from-white/80 to-white/20">
            Gradients X Animations
          </p>
        </div>
      </BackgroundGradientAnimation>
    </div>
  );
}