
export default function Learn() {
  return (
    <section className="bg-white rounded-2xl p-6 shadow">
      <h2 className="text-xl font-semibold mb-4">Learn</h2>

      <div className="bg-indigo-50 p-6 rounded-xl">
        <h3 className="text-lg font-bold">HTTP</h3>
        <p className="mt-2">Protocol for web communication</p>

        <div className="mt-4 flex gap-4">
          <button className="bg-green-500 text-white px-4 py-2 rounded-lg">
            Correct
          </button>
          <button className="bg-red-500 text-white px-4 py-2 rounded-lg">
            Wrong
          </button>
        </div>
      </div>
    </section>
  );
}
