src/components/Terms.jsx

import '../styles/Terms.css';

const Terms = () => {
  return (
    <div className="min-h-screen flex items-center justify-center bg-gradient-to-r from-purple-400 via-pink-500 to-blue-500">
      <div className="bg-white p-8 rounded-lg shadow-md w-full max-w-4xl">
        <h2 className="text-2xl font-bold mb-6 text-center">Terms and Conditions</h2>
        <p className="text-gray-700">
          // Insert your terms and conditions content here.
        </p>
      </div>
    </div>
  );
};

export default Terms;