Glare Card

"use client";
import { Fit } from "./_fit";
import { GlareCard } from "@/lab/aceternity/ui/glare-card";

export default function GlareCardDemo() {
  return (
    <Fit width={380} height={460} max={1.3}>
    <div className="flex h-full w-full items-center justify-center">
    <GlareCard className="flex flex-col items-center justify-center">
      <svg
        width="66"
        height="65"
        viewBox="0 0 66 65"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        className="h-7 w-7 text-white"
      >
        <path
          d="M8 8.05571C8 8.05571 54.9009 18.1782 57.8687 30.062C60.8365 41.9458 9.05432 57.4696 9.05432 57.4696"
          stroke="currentColor"
          strokeWidth="15"
          strokeMiterlimit="3.86874"
          strokeLinecap="round"
        />
      </svg>
      <p className="text-white font-bold text-xl mt-4">Aceternity</p>
    </GlareCard>
    </div>
    </Fit>
  );
}