Damn, I like this website!

2024-07-03 17:03:11 +02:00
parent ef3e94cb8d
commit 2ab3801100
31 changed files with 8838 additions and 54 deletions
@@ -0,0 +1,39 @@
+import type { CSSProperties, FC, ReactNode } from 'react'
+import { ny } from '@/lib/utils'
+
+interface AnimatedShinyTextProps {
+   children: ReactNode
+   className?: string
+   shimmerWidth?: number
+}
+
+const AnimatedShinyText: FC<AnimatedShinyTextProps> = ({
+   children,
+   className,
+   shimmerWidth = 100,
+}) => {
+   return (
+      <p
+         style={
+        {
+           '--shimmer-width': `${shimmerWidth}px`,
+        } as CSSProperties
+      }
+         className={ny(
+            'mx-auto max-w-md text-neutral-600/50 dark:text-neutral-400/50 ',
+
+            // Shimmer effect
+            'animate-shimmer bg-clip-text bg-no-repeat [background-position:0_0] [background-size:var(--shimmer-width)_100%] [transition:background-position_1s_cubic-bezier(.6,.6,0,1)_infinite]',
+
+            // Shimmer gradient
+            'bg-gradient-to-r from-transparent via-black/80 via-50% to-transparent  dark:via-white/80',
+
+            className,
+         )}
+      >
+         {children}
+      </p>
+   )
+}
+
+export default AnimatedShinyText