Text Glitch Effect

import { TextGlitch } from "@/components/ui/text-glitch-effect";

export default function DemoOne() {
  return (
    <main className="h-screen overflow-hidden">
      <div className="container">
        <TextGlitch text="TEXT FLOW" hoverText="DYNAMIC TEXT" delay={0} />
        <TextGlitch text="HOVER ME" hoverText="FIND ME" href="https://lab.xubh.top/" delay={0.2} />
      </div>
    </main>
  )
}