Créer un jeu similaire

import React from 'react';

const App = () => {
 return (
 <div className="App bg-gradient-to-b from-blue-900 to-indigo-900 min-h-screen text-white">
 <header className="text-center py-10">
 <h1 className="text-4xl font-bold">Catch Up Game</h1>
 <p className="mt-2">A thrilling game to test your reflexes!</p>
 </header>

 <section className="container mx-auto p-4">
 <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
 {[...Array(6)].map((_, idx) => (
 <div key={idx} className="bg-white bg-opacity-10 rounded-lg p-6 hover:bg-opacity-20 transition-all">
 <h2 className="text-xl font-semibold">Level {idx + 1}</h2>
 <p className="text-sm mt-2">Start your journey at level {idx + 1}.</p>
 </div>
 ))}
 </div>
 </section>

 <footer className="text-center py-6 mt-10 bg-black bg-opacity-20">
 <p>© 2025 Catch Up Game. All rights reserved.</p>
 </footer>
 </div>
 );
};

export default App;