import React from 'react';

const Projects = () => {
  return (
    <section id="projects" className="projects py-20">
      <div className="container mx-auto">
        <h2 className="text-3xl font-bold mb-4">Projects</h2>
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
          {/* Example Project Card */}
          <div className="bg-white rounded-lg shadow-md p-4">
            <h3 className="text-xl font-semibold mb-2">Project 1</h3>
            <p className="text-gray-700">Description of Project 1.</p>
          </div>
          <div className="bg-white rounded-lg shadow-md p-4">
            <h3 className="text-xl font-semibold mb-2">Project 2</h3>
            <p className="text-gray-700">Description of Project 2.</p>
          </div>
          <div className="bg-white rounded-lg shadow-md p-4">
            <h3 className="text-xl font-semibold mb-2">Project 3</h3>
            <p className="text-gray-700">Description of Project 3.</p>
          </div>
        </div>
      </div>
    </section>
  );
};

export default Projects;