bitforum-frontend/components/ui/HotIndicator.tsx

"use client";

export default function HotIndicator() {
    return (
        <div className="relative inline-block">
            {/* 메인 HOT 텍스트 - 통통 튀어오르는 효과 */}
            <div className="relative animate-bounce bg-gradient-to-br from-red-500 via-red-600 to-orange-500 text-white px-1 py-0.5 rounded-full text-xs font-extrabold shadow-lg border-2 border-white/30 backdrop-blur-sm">
                {/* 내부 광택 효과 */}
                <div className="absolute inset-0 bg-gradient-to-br from-white/40 to-transparent rounded-full"></div>
                <span className="relative z-10">HOT</span>
            </div>

            {/* 상단 우측 반짝이는 별 */}
            {/* <div className="absolute -top-1 -right-1 w-2 h-2 bg-yellow-300 rounded-full animate-ping shadow-sm"></div> */}

            {/* 하단 좌측 작은 반짝임 */}
            {/* <div className="absolute -bottom-0.5 -left-0.5 w-1 h-1 bg-white rounded-full animate-pulse delay-500 shadow-sm"></div> */}

            {/* 추가 반짝임 효과 */}
            {/* <div className="absolute top-0 left-1/2 w-1 h-1 bg-yellow-200 rounded-full animate-ping delay-700 opacity-75"></div> */}

            {/* 외곽 글로우 효과 */}
            <div className="absolute inset-0 bg-red-400/30 rounded-full blur-sm animate-pulse delay-1000"></div>
        </div>
    );
}