Components
Loading preview...
@edwinvakayil
npx shadcn@latest add https://21st.dev/r/edwinvakayil/text-inertia"use client";
import TextInertia from "@/components/ui/text-inertia";
export function KineticHeadline() {
return (
<TextInertia
className="w-full max-w-4xl justify-start text-left text-lg leading-relaxed sm:text-xl"
intensity={0.3}
text="Crafting refined, pixel-perfect web experiences that balance design clarity with technical excellence. Every interaction should feel responsive, intentional, and calm enough to disappear into the work. Motion adds a quiet layer of feedback, helping people sense where they are and what just changed."
/>
);
}
export default KineticHeadline