How to use

import {
  Skiper90,
  SkiperGradiantCard,
  GradiantCardBody,
  GradiantCardTitle,
} from "@/components/v1/skiper90";

const DemoSkiper90 = () => {
  return (
    <div className="w-full max-w-4xl p-4">
      <SkiperGradiantCard className="p-1">
        <GradiantCardBody>
          <div className="relative flex h-full w-full items-center justify-center">
            <img
              src="/path/to/image.svg"
              alt=""
              className="h-full w-full rounded-2xl object-cover"
            />
          </div>
        </GradiantCardBody>
        <GradiantCardTitle>Card Title</GradiantCardTitle>
      </SkiperGradiantCard>
    </div>
  );
};

Attribution

• Inspired by React Bits Magic Bento
• Inspired by Aceternity UI Glowing Effect