65 lines
2.2 KiB
React
65 lines
2.2 KiB
React
|
export default function Example() {
|
||
|
return (
|
||
|
<div className="bg-white py-24 sm:py-32">
|
||
|
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
||
|
<div className="-mx-6 grid grid-cols-2 gap-0.5 overflow-hidden sm:mx-0 sm:rounded-2xl md:grid-cols-3">
|
||
|
<div className="bg-gray-400/5 p-8 sm:p-10">
|
||
|
<img
|
||
|
className="max-h-12 w-full object-contain"
|
||
|
src="https://tailwindui.com/img/logos/158x48/transistor-logo-gray-900.svg"
|
||
|
alt="Transistor"
|
||
|
width={158}
|
||
|
height={48}
|
||
|
/>
|
||
|
</div>
|
||
|
<div className="bg-gray-400/5 p-6 sm:p-10">
|
||
|
<img
|
||
|
className="max-h-12 w-full object-contain"
|
||
|
src="https://tailwindui.com/img/logos/158x48/reform-logo-gray-900.svg"
|
||
|
alt="Reform"
|
||
|
width={158}
|
||
|
height={48}
|
||
|
/>
|
||
|
</div>
|
||
|
<div className="bg-gray-400/5 p-6 sm:p-10">
|
||
|
<img
|
||
|
className="max-h-12 w-full object-contain"
|
||
|
src="https://tailwindui.com/img/logos/158x48/tuple-logo-gray-900.svg"
|
||
|
alt="Tuple"
|
||
|
width={158}
|
||
|
height={48}
|
||
|
/>
|
||
|
</div>
|
||
|
<div className="bg-gray-400/5 p-6 sm:p-10">
|
||
|
<img
|
||
|
className="max-h-12 w-full object-contain"
|
||
|
src="https://tailwindui.com/img/logos/158x48/laravel-logo-gray-900.svg"
|
||
|
alt="Laravel"
|
||
|
width={158}
|
||
|
height={48}
|
||
|
/>
|
||
|
</div>
|
||
|
<div className="bg-gray-400/5 p-6 sm:p-10">
|
||
|
<img
|
||
|
className="max-h-12 w-full object-contain"
|
||
|
src="https://tailwindui.com/img/logos/158x48/savvycal-logo-gray-900.svg"
|
||
|
alt="SavvyCal"
|
||
|
width={158}
|
||
|
height={48}
|
||
|
/>
|
||
|
</div>
|
||
|
<div className="bg-gray-400/5 p-6 sm:p-10">
|
||
|
<img
|
||
|
className="max-h-12 w-full object-contain"
|
||
|
src="https://tailwindui.com/img/logos/158x48/statamic-logo-gray-900.svg"
|
||
|
alt="Statamic"
|
||
|
width={158}
|
||
|
height={48}
|
||
|
/>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
)
|
||
|
}
|