Python系统预测足球比分

import React from 'react';

const App = () => {
  return (
    <div className='min-h-screen bg-gradient-to-br from-blue-50 to-purple-50 p-8'>
      <header className='text-center mb-12'>
        <h1 className='text-4xl font-bold text-blue-900'>Match Predictor</h1>
        <p className='text-lg text-purple-700'>Predicting the exact score with 100% accuracy!</p>
      </header>

      <section className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8'>
        {[...Array(7)].map((_, index) => (
          <div key={index} className='bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300'>
            <h2 className='text-xl font-semibold text-blue-800 mb-4'>Team Analysis {index + 1}</h2>
            <img src='https://placehold.co/300x200' alt='Team' className='rounded-md mb-4' />
            <p className='text-gray-600'>Detailed analysis and prediction for upcoming matches based on the last 5 results.</p>
            <button className='mt-4 bg-purple-600 text-white px-6 py-2 rounded-md hover:bg-purple-700 transition-colors duration-200'>View Details</button>
          </div>
        ))}
      </section>

      <footer className='mt-12 text-center text-gray-500'>
        <p>© 2025 Match Predictor. All rights reserved.</p>
      </footer>
    </div>
  );
};

export default App;