Untitled
unknown
java
a month ago
1.0 kB
4
Indexable
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;
Editor is loading...
Leave a Comment