1"use client";
2
3export const TextShimmer = () => {
4 return (
5 <div className="min-h-screen flex items-center justify-center bg-white">
6 <div className="text-center space-y-4">
7 <span
8 className="shimmer text-4xl font-medium inline-block bg-gradient-to-r from-blue-500 via-purple-500 to-blue-500 bg-clip-text text-transparent bg-[length:200%_100%]"
9 style={{ animation: "shimmer 2s linear infinite" }}
10 >
11 Thinking
12 </span>
13 <style jsx>{`
14 @keyframes shimmer {
15 0% { background-position: -200% 0; }
16 100% { background-position: 200% 0; }
17 }
18 `}</style>
19 </div>
20 </div>
21 );
22};
23