Container Cover

"use client";
import React from "react";
import { Cover } from "@/lab/aceternity/ui/cover";
import { Fit } from "./_fit";

export default function CoverDemo() {
  return (
    <Fit width={760} height={300} max={1.4}>
      <div className="flex h-full w-full items-center justify-center">
        <h1 className="text-6xl font-semibold max-w-7xl mx-auto text-center relative z-20 py-6 bg-clip-text text-transparent bg-gradient-to-b from-neutral-800 via-neutral-700 to-neutral-700 dark:from-neutral-800 dark:via-white dark:to-white">
          Build amazing websites <br /> at <Cover>warp speed</Cover>
        </h1>
      </div>
    </Fit>
  );
}