import React from 'react';

const CaseStudies: React.FC = () => {
  return (
    <section className="py-16 bg-gray-50">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="text-center">
          <h2 className="text-3xl font-bold text-gray-900 sm:text-4xl">
            Case Studies
          </h2>
          <p className="mt-4 text-lg text-gray-600">
            See how we've helped businesses achieve their goals
          </p>
        </div>
        <div className="mt-12 grid gap-8 md:grid-cols-2 lg:grid-cols-3">
          {/* Placeholder for case study cards */}
          <div className="bg-white rounded-lg shadow-md p-6">
            <h3 className="text-xl font-semibold text-gray-900">Case Study 1</h3>
            <p className="mt-2 text-gray-600">Coming soon...</p>
          </div>
          <div className="bg-white rounded-lg shadow-md p-6">
            <h3 className="text-xl font-semibold text-gray-900">Case Study 2</h3>
            <p className="mt-2 text-gray-600">Coming soon...</p>
          </div>
          <div className="bg-white rounded-lg shadow-md p-6">
            <h3 className="text-xl font-semibold text-gray-900">Case Study 3</h3>
            <p className="mt-2 text-gray-600">Coming soon...</p>
          </div>
        </div>
      </div>
    </section>
  );
};

export default CaseStudies;