超级马里奥手机版

import React from 'react';

const App = () => {
  return (
    <div className="flex flex-col items-center justify-center h-screen bg-green-500">
      <div className="bg-white p-6 rounded-lg shadow-lg text-center">
        <h1 className="text-4xl font-bold text-green-700 mb-4">Super Mario Bros</h1>
        <p className="text-gray-700">Experience the classic adventure on your mobile device!</p>
        <div className="mt-6">
          <img src="https://placehold.co/300x200" alt="Mario" className="rounded-lg" />
        </div>
        <div className="mt-6 flex space-x-4">
          <button className="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600">Left</button>
          <button className="bg-red-500 text-white px-4 py-2 rounded hover:bg-red-600">Right</button>
          <button className="bg-yellow-500 text-white px-4 py-2 rounded hover:bg-yellow-600">Jump</button>
        </div>
      </div>
      <footer className="mt-8 text-white text-sm">
        © 2025 Super Mario Bros. All rights reserved.
      </footer>
    </div>
  );
};

export default App;