Social proof strip with a highlight
Build a social-proof section with Tailwind CSS combining a muted row of company logos and a single short highlighted quote beneath. Logos are evenly spaced and grayscale; the quote is centered and medium weight. Add a small "Trusted by teams at" caption above the logos.
Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? .
Build a social-proof section with Tailwind CSS combining a muted row of company logos and a single short highlighted quote beneath. Logos are evenly spaced and grayscale; the quote is centered and medium weight. Add a small "Trusted by teams at" caption above the logos.<section class="mx-auto max-w-4xl px-6 py-16 text-center">
<p class="text-sm text-neutral-400">Trusted by teams at</p>
<div class="mt-6 flex flex-wrap items-center justify-center gap-x-10 gap-y-4 opacity-60">
<span class="text-lg font-semibold text-neutral-500">Acme</span>
<span class="text-lg font-semibold text-neutral-500">Globex</span>
<span class="text-lg font-semibold text-neutral-500">Soylent</span>
<span class="text-lg font-semibold text-neutral-500">Initech</span>
<span class="text-lg font-semibold text-neutral-500">Hooli</span>
</div>
<p class="mx-auto mt-10 max-w-xl text-lg font-medium text-neutral-700">
"The single best investment we made this year."
</p>
</section>