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://cdn.21st.dev/assets/mirror/25/25c1a531576ebf955657b3e926b62a5da994292f6429a56bf8700021871b993d.png" },
{ name: "Adidas", logo: "https://cdn.21st.dev/assets/mirror/f6/f6213d396bec055b075ee6cdc461d8ced5e086cb2411e2aa4e260b8b5135c22c.png" },
{ name: "Puma", logo: "https://cdn.21st.dev/assets/mirror/8f/8fc20985c7b88bfbc6abc29ece54dc3355fad2281d76af039ea5ef3ffe8bedf3.png" },
{ name: "Converse", logo: "https://cdn.21st.dev/assets/mirror/11/116b235857b64f2d253469401a87db39504b21ea3bdc45ad4e02bdddceb4979f.png" },
]}
buttons={[{ label: "View All Integrations", href: "https://beste.co" }]}
/>
);
}