- Implemented ActivityFeed component to display real-time user activity including coding, music, and chat interactions. - Added GooFilter and BackgroundBlobs components for enhanced visual effects. - Updated layout to include new components and ensure proper stacking context. - Enhanced Tailwind CSS configuration with new color and font settings. - Created API route to mock activity data from n8n. - Refactored main page structure to streamline component rendering.
20 lines
408 B
TypeScript
20 lines
408 B
TypeScript
'use client';
|
|
|
|
import clsx from 'clsx';
|
|
|
|
interface LiquidHeadingProps {
|
|
text: string;
|
|
className?: string;
|
|
level?: 1 | 2 | 3 | 4;
|
|
}
|
|
|
|
export const LiquidHeading = ({ text, className, level = 1 }: LiquidHeadingProps) => {
|
|
const Tag = `h${level}` as keyof JSX.IntrinsicElements;
|
|
|
|
return (
|
|
<Tag className={clsx("font-bold tracking-tight text-stone-800", className)}>
|
|
{text}
|
|
</Tag>
|
|
);
|
|
};
|