Flip Words

"use client";
import React from "react";
import { FlipWords } from "@/lab/aceternity/ui/flip-words";
import { Fit } from "./_fit";

export default function FlipWordsDemo() {
  const words = ["better", "cute", "beautiful", "modern"];

  return (
    <Fit width={620} height={240} max={1.6}>
      <div className="h-full flex justify-center items-center px-4">
        <div className="text-4xl mx-auto font-normal text-neutral-600 dark:text-neutral-400">
          Build
          <FlipWords words={words} /> <br />
          websites with Aceternity UI
        </div>
      </div>
    </Fit>
  );
}