export function JefflixLogo({ className = "" }: { className?: string }) {
  return (
    <div className={`inline-flex items-center gap-1 ${className}`}>
      <span
        className="text-4xl md:text-5xl font-black tracking-tight"
        style={{
          fontFamily: "'Fredoka', 'Rounded Mplus 1c', sans-serif",
          textShadow: "2px 2px 0px rgba(0,0,0,0.1), -1px -1px 0px rgba(255,255,255,0.5)",
          background: "linear-gradient(135deg, #10b981 0%, #3b82f6 100%)",
          WebkitBackgroundClip: "text",
          WebkitTextFillColor: "transparent",
          backgroundClip: "text",
        }}
      >
        JEFFLIX
      </span>
      <span
        className="text-2xl md:text-3xl font-black"
        style={{
          fontFamily: "'Fredoka', 'Rounded Mplus 1c', sans-serif",
          color: "#f59e0b",
          textShadow: "1px 1px 0px rgba(0,0,0,0.1)",
        }}
      >
        .LOL
      </span>
    </div>
  )
}
