إنشاء لعبة الكارد

import React from 'react';

const App = () => {
  return (
    <div className="flex flex-col items-center justify-center min-h-screen bg-gradient-to-r from-blue-500 to-purple-600 p-4">
      <h1 className="text-4xl font-bold text-white mb-8">Card Game</h1>
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 w-full max-w-6xl">
        {Array.from({ length: 9 }).map((_, index) => (
          <div key={index} className="bg-white rounded-lg shadow-lg p-6 transform transition-all duration-300 hover:scale-105">
            <img src="https://placehold.co/300x400" alt="Card" className="w-full rounded-lg mb-4" />
            <h2 className="text-xl font-semibold text-gray-800">Card Title</h2>
            <p className="text-gray-600 mt-2">This is a description of the card. It can contain more details about the card's content.</p>
          </div>
        ))}
      </div>
      <footer className="mt-8 text-white text-sm">
        © 2025 Card Game. All rights reserved.
      </footer>
    </div>
  );
};

export default App;