Three-Column Testimonial Grid
A responsive grid of quote cards that stacks to one column on mobile.
3 फ्रेमवर्कशुरुआती
Quote cards each headed by a company wordmark rendered as styled text.
<section class="mx-auto w-full max-w-5xl px-4 py-12 sm:px-6">
<h2 class="mb-8 text-center text-2xl font-bold tracking-tight text-gray-900 sm:text-3xl dark:text-gray-100">
Trusted across industries
</h2>
<ul class="grid grid-cols-1 gap-4 md:grid-cols-2">
<li>
<figure class="flex h-full flex-col rounded-2xl border border-gray-200 bg-white p-6 dark:border-gray-800 dark:bg-gray-900">
<!-- Wordmark as styled text, not an image file - no request, always crisp. -->
<p class="text-sm font-bold uppercase tracking-widest text-gray-400 dark:text-gray-500">Northwind</p>
<blockquote class="mt-3 flex-1 text-base leading-relaxed text-gray-700 dark:text-gray-300">
“We shipped in a week what used to take a quarter.”
</blockquote>
<figcaption class="mt-4 text-sm text-gray-500 dark:text-gray-400">
<span class="font-semibold text-gray-900 dark:text-gray-100">Amara Okafor</span> · Head of Operations
</figcaption>
</figure>
</li>
<!-- Repeat <li> per testimonial. -->
</ul>
</section>| Prop | टाइप | डिफ़ॉल्ट | विवरण |
|---|---|---|---|
heading | string | - | Heading |
items | LogoTestimonial[] | - | रेंडर की जाने वाली आइटम की सूची। |
className | string | - | रूट एलिमेंट पर मर्ज होने वाली अतिरिक्त क्लासेज़। |
The wordmark is text, not an image file, so it never 404s and stays crisp at any zoom - swap it for a real logo when you have one. The grid is two-up from `md` and single-column below.