develop the hero section of the landing page

apps/web/components/ShinyText/ShinyText.tsx

@@ -0,0 +1,22 @@
+
+interface ShinyTextProps {
+  text: string;
+  disabled?: boolean;
+  speed?: number;
+  className?: string;
+}
+
+const ShinyText = ({ text, disabled = false, speed = 5, className = '' }: ShinyTextProps) => {
+  const animationDuration = `${speed}s`;
+
+  return (
+    <div
+      className={`shiny-text ${disabled ? 'disabled' : ''} ${className}`}
+      style={{ animationDuration }}
+    >
+      {text}
+    </div>
+  );
+};
+
+export default ShinyText;