import LogoLoop from './LogoLoop';
import { SiReact, SiNextdotjs, SiTypescript, SiTailwindcss } from 'react-icons/si';

const techLogos = [
  { node: <SiReact />, title: "React", href: "https://react.dev" },
  { node: <SiNextdotjs />, title: "Next.js", href: "https://nextjs.org" },
  { node: <SiTypescript />, title: "TypeScript", href: "https://www.typescriptlang.org" },
  { node: <SiTailwindcss />, title: "Tailwind CSS", href: "https://tailwindcss.com" },
];

<LogoLoop
  logos={techLogos}
  speed={120}
  direction="left"
  logoHeight={48}
  gap={40}
  pauseOnHover
  scaleOnHover
  fadeOut
  fadeOutColor="#ffffff"
  ariaLabel="Technology partners"
/>