HUD Background Frame

import { HudFrame } from "@/components/ui/hud-background-frame";

const DemoOne = () => {
  return (
    <div className="flex w-full h-screen justify-center items-center">
      <HudFrame>
           
        <div className="absolute inset-0 flex items-center justify-center z-0">
     <h1 className="text-3xl font-semibold font-mono">HUD Frame</h1>
        </div>
      </HudFrame>
    </div>
  );
};

export { DemoOne };