30 lines
942 B
TypeScript
30 lines
942 B
TypeScript
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>
|
|
)
|
|
}
|