Layout Text Flip

"use client";
import { LayoutTextFlip } from "@/lab/aceternity/ui/layout-text-flip";
import { motion } from "motion/react";

export default function LayoutTextFlipDemo() {
  return (
    <div className="@container relative flex h-full w-full flex-col items-center justify-center px-6">
      <motion.div className="relative mx-4 my-4 flex flex-col items-center justify-center gap-4 text-center @xl:mx-0 @xl:mb-0 @xl:flex-row">
        <LayoutTextFlip
          text="Welcome to "
          words={["Aceternity UI", "Fight Club", "The Matrix", "The Jungle"]}
        />
      </motion.div>
      <p className="mt-4 max-w-md text-center text-sm @xl:text-base text-neutral-600 dark:text-neutral-400">
        Experience the power of modern UI components that bring your ideas to
        life.
      </p>
    </div>
  );
}