36 lines
1.3 KiB
TypeScript
36 lines
1.3 KiB
TypeScript
|
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;
|