壁纸App推荐

import React from 'react';
import './App.css';

const App = () => {
  return (
    <div className="App bg-gray-100 min-h-screen">
      <header className="bg-blue-600 text-white p-6 text-center">
        <h1 className="text-4xl font-bold">Wallpaper App</h1>
        <p className="text-lg mt-2">Discover and download beautiful wallpapers</p>
      </header>

      <section className="container mx-auto p-6">
        <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
          {[...Array(9)].map((_, i) => (
            <div key={i} className="bg-white rounded-lg shadow-lg overflow-hidden">
              <img src="https://placehold.co/600x400" alt="Wallpaper" className="w-full h-48 object-cover" />
              <div className="p-4">
                <h3 className="text-xl font-semibold">Wallpaper Title {i + 1}</h3>
                <p className="text-gray-600 mt-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                <button className="mt-4 bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600">Download</button>
              </div>
            </div>
          ))}
        </div>
      </section>

      <footer className="bg-blue-600 text-white p-6 text-center mt-6">
        <p>© 2025 Wallpaper App. All rights reserved.</p>
      </footer>
    </div>
  );
};

export default App;