Untitled

import { cn } from "@/lib/utils";

const StartScreen = () => {
  return (
    <div className="absolute inset-0 z-20 flex flex-col items-center justify-center bg-black/40">
      <div className="flex flex-col items-center space-y-6 text-white">
        <h1 className="text-4xl font-bold text-center mb-2" style={{ fontFamily: "'Press Start 2P', cursive" }}>
          Flappy Bird
        </h1>
        <div className="bg-white/90 text-black p-4 rounded-lg max-w-xs">
          <p className="text-center mb-4">
            Press <span className="font-bold">SPACE</span> or <span className="font-bold">TAP</span> to flap
          </p>
          <p className="text-center text-sm">
            Avoid pipes and survive as long as possible!
          </p>
        </div>
        <div className={cn(
          "px-6 py-3 bg-yellow-400 text-black rounded-full",
          "animate-bounce cursor-pointer font-bold"
        )}>
          TAP TO PLAY
        </div>
      </div>
    </div>
  );
};

export default StartScreen;