Components
Integration Logos Grid
A centered flexbox grid of company or product logos with grayscale hover effects, ideal for showcasing customers, integrations, or partners.
import { Feature135 } from "@/components/ui/feature135";
export default function Feature135Demo() {
return (
<Feature135
badge={{ label: "Integrations", variant: "default" }}
heading="Works with your stack"
description="Connect with the tools you already use."
logos={[
{ name: "Nike", logo: "https://oud.pics/sm/l/nike.png" },
{ name: "Adidas", logo: "https://oud.pics/sm/l/adidas.png" },
{ name: "Puma", logo: "https://oud.pics/sm/l/puma.png" },
{ name: "Converse", logo: "https://oud.pics/sm/l/converse.png" },
]}
buttons={[{ label: "View All Integrations", href: "https://beste.co" }]}
/>
);
}